header.app-header{max-width:1160px;padding:14px 30px;gap:20px}.app-logo img{width:185px;height:58px;object-fit:contain}.app-header .animation-back{margin:0;font-size:14px;white-space:nowrap}main{max-width:1160px;padding:12px 30px 30px;margin:auto}.intro{padding:0;margin:0 0 20px}.intro h1{font-size:40px;line-height:1.15;margin:8px 0 12px}.intro .subtitle{font-size:16px;line-height:1.5;max-width:650px;margin:0 auto}.intro .magic-cloud,.intro .magic-sun{width:45px;opacity:.75}.badge{display:none}.steps{justify-content:center;margin:16px 0 22px;gap:24px}.steps span{font-size:14px;color:#526777}.steps span.active{color:#ad5038;font-weight:600}.steps b{background:#edf0f2;color:#193b55}.steps .active b{background:#ad5038;color:white}.steps .complete b{background:#e7eddf;color:#39562d}.mobile-step{display:none}.workspace{gap:30px;align-items:center;margin-top:0}.paper{padding:12px;border:1px solid #e6dfd5;border-radius:20px;background:#fffdfa;box-shadow:0 8px 24px #193b5509;transform:none}.paper:before,.paper:after{display:none}.sheet{border:1px solid #e6dfd5;border-radius:12px;min-height:360px;background:#fffdfa;overflow:hidden}.sheet.drag-over{outline:3px solid #ad5038}.brand-pencil{display:none}.upload-welcome{gap:15px;min-height:360px}.upload-welcome strong{font-size:22px;font-weight:600}.upload-welcome span{font-size:14px}.aside h2{font-size:28px;margin:0 0 18px}.aside p{font-size:15px;line-height:1.55}.btn{background:#ad5038;color:white;box-shadow:none;border:1px solid #ad5038;min-height:48px;padding:13px 22px;border-radius:12px;font-weight:600;transform:none}.btn:hover{background:#94412c;transform:none}.btn.secondary{background:transparent;color:#193b55;border-color:#b6c2cb}.format-hint{font-size:13px!important;max-width:34ch;margin:16px 0!important}.mobile-camera,.mobile-label{display:none}.desktop-label{display:inline}.note{font-size:12px;margin:20px 0}footer{padding:15px;font-size:11px}#preview,#movie{max-width:100%;max-height:600px;object-fit:contain}body[data-stage="reveal"] .workspace{grid-template-columns:minmax(0,1.6fr) minmax(220px,.6fr)}#status:empty{display:none}#status{font-size:14px;line-height:1.5;margin-top:15px}
@media(max-width:700px){header.app-header{padding:10px 18px;gap:12px}.app-logo img{width:135px;height:44px}.app-header .animation-back{font-size:12px}main{padding:8px 18px 25px}.intro h1{font-size:30px;margin:8px 0}.intro .subtitle{font-size:14px}.intro{margin-bottom:12px}.intro .magic-cloud,.intro .magic-sun{display:none}.steps{display:none}.mobile-step{display:block;font-size:14px;color:#ad5038;font-weight:600;margin:12px 0 18px}.workspace,body[data-stage="reveal"] .workspace{display:flex;flex-direction:column;gap:18px}.preview-column,.aside{width:100%}.sheet,.upload-welcome{min-height:185px}.upload-welcome{padding:14px;gap:10px}.upload-welcome svg{width:42px;height:42px}.upload-welcome strong{font-size:18px}.upload-welcome span{font-size:12px}.paper{padding:8px}.aside h2{display:none}.mobile-camera,.mobile-label{display:inline-block}.desktop-label{display:none}.aside .btn{width:100%;margin:0 0 10px}.format-hint{max-width:none;margin:6px 0 12px!important}#preview,#movie{max-height:450px}.note{margin-top:15px}.aside .link{min-height:44px}}
.sheet:before,.sheet:after{display:none!important}
@media(max-width:700px){body[data-stage="capture"] .sheet{height:220px;min-height:220px;aspect-ratio:auto}body[data-stage="capture"] .upload-welcome{height:100%;min-height:0}}
/* Mobile capture button spacing */
@media(max-width:700px){body[data-stage] #capture #camera + #import{margin-top:12px!important}}