:root{--ink:#17364a;--ink-soft:#496476;--ink-faint:#6f8590;--cream:#fffaf2;--paper:#fff;--paper-blue:#eef8ff;--blue:#9ed9f7;--blue-strong:#347da8;--pink:#f6bfd3;--pink-strong:#b64e75;--yellow:#ffdc6a;--yellow-soft:#fff3bf;--line:#d7e5e9;--line-strong:#b5d1db;--success:#24674c;--success-soft:#e8f6ee;--danger:#a63e4b;--danger-soft:#fff0f0;--shadow-sm:0 8px 24px #1f4a5d12;--shadow-md:0 18px 45px #1f4a5d1f;--radius-sm:12px;--radius-md:20px;--radius-lg:30px;--content-width:1160px;color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:var(--cream);min-width:320px;min-height:100vh;color:var(--ink);margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}body,button,input,select,textarea{font-family:inherit}button,a,select,input[type=checkbox]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,a{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue-strong);outline-offset:3px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.08}h1{font-size:clamp(2.7rem,10vw,5.8rem)}h2{font-size:clamp(2rem,5vw,3.25rem)}h3{font-size:1.2rem}em{color:var(--blue-strong);font-style:normal}.app-shell{min-height:100vh}.route-panel-hidden{display:none}.content-width{width:min(var(--content-width), calc(100% - 32px));margin-inline:auto}.page-main{min-height:calc(100vh - 84px);padding-block:28px 76px}.page-main:focus{outline:none}.skip-link{z-index:1000;background:var(--ink);color:#fff;visibility:hidden;border-radius:10px;padding:10px 16px;transition:transform .2s;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{visibility:visible;transform:translateY(0)}.site-header{z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffaf2eb;border-bottom:1px solid #b7d2dc80;position:relative}.header-inner{width:min(var(--content-width), calc(100% - 32px));justify-content:space-between;align-items:center;gap:16px;min-height:82px;margin-inline:auto;display:flex}.brand{min-height:48px;color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.brand-mark{border:1px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-8deg)}.brand-mark svg{width:23px;height:23px}.brand-copy{gap:0;line-height:1.1;display:grid}.brand-copy strong{letter-spacing:-.03em;font-size:.94rem}.brand-copy small{color:var(--ink-soft);letter-spacing:.16em;font-size:.62rem;font-weight:700}.primary-nav{align-items:center;gap:4px;min-height:48px;display:none}.mobile-nav{border-top:1px solid #b7d2dc80;display:flex}.mobile-nav .nav-link{border-radius:0;flex:1;min-height:52px}.nav-link,.logout-button{min-height:44px;color:var(--ink-soft);background:0 0;border:0;border-radius:12px;padding:8px 13px;font-size:.9rem;font-weight:650}.nav-link:hover,.nav-link.active{background:var(--paper-blue);color:var(--ink)}.nav-link.active{box-shadow:inset 0 -2px 0 var(--blue-strong)}.account-actions{align-items:center;gap:6px;min-width:0;display:flex}.account-name{max-width:160px;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;display:none;overflow:hidden}.logout-button{color:var(--pink-strong);font-size:.8rem}.logout-button:hover{background:#fff0f5}.logout-button:disabled{opacity:.55}.global-notice,.notice{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-soft);align-items:flex-start;gap:10px;padding:13px 16px;font-size:.92rem;display:flex}.global-notice{background:var(--danger-soft);color:var(--danger);border-color:#efc3c5;margin-top:16px}.notice svg{flex:0 0 19px;width:19px;height:19px;margin-top:2px}.notice-error{background:var(--danger-soft);color:var(--danger);border-color:#efc3c5}.notice-success{background:var(--success-soft);color:var(--success);border-color:#b8dbc8}.notice .button-link{color:inherit;margin-left:auto}.button-link{color:var(--blue-strong);font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.eyebrow{color:var(--blue-strong);letter-spacing:.13em;text-transform:uppercase;font-size:.74rem;font-weight:800;line-height:1.3}.hero-eyebrow{align-items:center;gap:8px;display:inline-flex}.eyebrow-dot{border:1px solid var(--ink);background:var(--pink);border-radius:50%;width:9px;height:9px}.button{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:11px 18px;font-size:.94rem;font-weight:750;line-height:1.2;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.button svg{width:19px;height:19px}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.button-primary{background:var(--ink);color:#fff;box-shadow:0 9px 18px #17364a2e}.button-primary:hover:not(:disabled){background:#28536a;box-shadow:0 13px 24px #17364a3d}.button-secondary{border-color:var(--line-strong);background:var(--paper);color:var(--ink)}.button-secondary:hover:not(:disabled){border-color:var(--blue-strong);background:var(--paper-blue)}.button-dark{background:var(--ink);color:#fff}.button:disabled{opacity:.55;transform:none}.google-button{color:#273e4a;background:#fff;border:1px solid #c6d5db;border-radius:14px;justify-content:center;align-items:center;gap:11px;min-height:50px;padding:11px 17px;font-size:.92rem;font-weight:700;transition:transform .2s,border-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 5px 15px #1f4a5d12}.google-button:hover:not(:disabled){border-color:#91b9ca;transform:translateY(-2px);box-shadow:0 9px 20px #1f4a5d1f}.google-button:disabled{color:var(--ink-faint);opacity:.72}.google-mark{flex:0 0 21px;width:21px;height:21px}.button-spinner{width:20px;height:20px}.icon-spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.text-link{min-height:44px;color:var(--ink-soft);align-items:center;gap:6px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.text-link:hover{color:var(--blue-strong)}.text-link svg{width:17px;height:17px}.landing-page{padding-top:0}.landing-hero{align-items:center;gap:28px;min-height:580px;padding-block:50px 38px;display:grid}.hero-copy{z-index:1;position:relative}.hero-copy h1{max-width:700px;margin-top:20px;font-size:clamp(2.8rem,11vw,6.5rem)}.hero-lede{max-width:530px;color:var(--ink-soft);margin-top:23px;font-size:1.04rem;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:28px;display:flex}.hero-note{color:var(--ink-faint);margin-top:13px;font-size:.84rem}.hero-copy .notice{max-width:520px;margin-top:19px}.hero-art{background:var(--blue);isolation:isolate;border-radius:42% 58% 52% 48%/45% 42% 58% 55%;min-height:300px;position:relative;overflow:hidden}.hero-art:after{z-index:-1;content:"";background:linear-gradient(140deg,#fff6,#0000 50%);position:absolute;inset:0}.art-sun{border:1px solid var(--ink);background:var(--yellow);border-radius:50%;width:74px;height:74px;position:absolute;top:20%;right:13%}.art-frame{border:2px solid var(--ink);background:var(--cream);position:absolute;box-shadow:7px 8px #17364a29}.art-frame-back{width:118px;height:152px;top:21%;left:20%;transform:rotate(-14deg)}.art-frame-back span{background:var(--pink);position:absolute;inset:16px}.art-frame-front{width:170px;height:128px;padding:14px;bottom:16%;right:23%;transform:rotate(8deg)}.art-frame-front:before{background:var(--yellow);content:"";position:absolute;inset:14px}.art-frame-front span{background:var(--ink);width:100%;height:2px;margin-top:17px;display:block;position:relative}.art-film{border:2px solid var(--ink);background:var(--ink);border-radius:12px;width:230px;height:72px;position:absolute;bottom:-28px;right:10%;transform:rotate(-12deg)}.art-film:before{background:repeating-linear-gradient(90deg, transparent 0 24px, var(--cream) 24px 35px, transparent 35px 59px);content:"";opacity:.9;width:100%;height:35px;position:absolute;top:18px;left:0}.film-hole{z-index:1;background:var(--cream);border-radius:2px;width:8px;height:8px;position:absolute}.film-hole-one{top:9px;left:14px}.film-hole-two{top:9px;left:67px}.film-hole-three{top:9px;right:67px}.film-hole-four{top:9px;right:14px}.art-sticker{border:1px solid var(--ink);background:var(--pink);border-radius:50%;place-items:center;width:49px;height:49px;display:grid;position:absolute;bottom:22%;left:12%;transform:rotate(14deg)}.art-sticker svg{width:28px;height:28px}.poster-section{padding-block:42px 30px}.poster-intro h1{margin-top:15px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.12}.poster-intro h1 span{color:var(--blue-strong)}.poster-description{color:var(--ink-soft);margin-top:17px}.poster-actions{grid-column:1/-1;margin-top:24px}.poster-actions .notice{margin-top:16px}.section-intro{max-width:510px}.section-intro h2{margin-top:15px}.section-intro h2 span{color:var(--blue-strong)}.section-intro>p:last-child{color:var(--ink-soft);margin-top:17px}.poster-grid{gap:18px;margin-top:25px;display:grid}.poster-card{border:1px solid var(--line-strong);background:var(--paper);width:100%;color:var(--ink);text-align:left;box-shadow:var(--shadow-sm);border-radius:22px;padding:0;transition:transform .22s,box-shadow .22s;display:block;overflow:hidden}.poster-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.poster-card-blue{background:var(--paper-blue)}.poster-card-pink{background:#fff1f5}.poster-image-wrap{padding:14px;display:block}.poster-image-wrap img{aspect-ratio:4/5;object-fit:cover;object-position:top;border:1px solid #17364a29;border-radius:13px;width:100%;height:auto}.poster-caption{justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:8px 15px 13px;font-size:.9rem;font-weight:750;display:flex}.poster-open{color:var(--blue-strong);align-items:center;gap:4px;font-size:.76rem;display:inline-flex}.poster-open svg{width:15px;height:15px}.value-strip{border-block:1px solid var(--line);gap:1px;padding-block:26px;display:grid}.value-item{align-items:center;gap:11px;min-height:69px;padding:12px 0;display:flex}.value-icon{border:1px solid var(--ink);border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.value-icon svg{width:21px;height:21px}.value-icon-blue{background:var(--blue)}.value-icon-yellow{background:var(--yellow)}.value-icon-pink{background:var(--pink)}.value-item span:last-child{gap:2px;display:grid}.value-item strong{font-size:.88rem}.value-item small{color:var(--ink-faint);font-size:.78rem}.how-section{gap:38px;padding-block:72px;display:grid}.process-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.process-list li{grid-template-columns:43px 1fr 23px;align-items:start;gap:14px;min-height:128px;padding-bottom:28px;display:grid;position:relative}.process-number{color:var(--blue-strong);letter-spacing:.08em;font-size:.75rem;font-weight:800}.process-line{background:var(--line-strong);width:1px;height:calc(100% - 46px);position:absolute;top:28px;left:7px}.process-list li:last-child .process-line{display:none}.process-list h3{margin-top:-4px}.process-list p{max-width:420px;color:var(--ink-soft);margin-top:8px;font-size:.9rem}.process-list li>svg{width:20px;height:20px;color:var(--success);margin-top:-2px}.closing-cta{background:var(--yellow);border-radius:28px;flex-direction:column;gap:24px;padding:32px 24px;display:flex}.closing-cta h2{margin-top:12px}.closing-cta .button,.closing-cta .google-button{align-self:flex-start}.auth-page,.state-page{place-items:center;padding-inline:16px;display:grid}.surface-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);box-shadow:var(--shadow-sm)}.auth-card{text-align:center;width:min(100%,510px);padding:34px 24px}.auth-icon{border:1px solid var(--ink);background:var(--pink);border-radius:21px;place-items:center;width:60px;height:60px;margin:0 auto 22px;display:grid;transform:rotate(-6deg)}.auth-icon svg{width:29px;height:29px;transform:rotate(6deg)}.auth-card h1{margin-top:13px;font-size:clamp(2.2rem,8vw,3.7rem)}.auth-card>p:not(.eyebrow):not(.inline-note){color:var(--ink-soft);margin:17px auto 25px}.auth-card .google-button{width:100%}.inline-note{color:var(--ink-faint);text-align:left;align-items:flex-start;gap:8px;margin-top:18px;font-size:.79rem;display:flex}.inline-note svg{flex:0 0 18px;width:18px;height:18px}.intake-page{padding-top:24px}.intake-layout{gap:28px;display:grid}.intake-intro{padding-block:10px 2px}.intake-intro h1{margin-top:15px;font-size:clamp(2.8rem,10vw,5.3rem)}.intake-intro>p:not(.eyebrow){max-width:530px;color:var(--ink-soft);margin-top:18px}.intake-promise{border-left:3px solid var(--yellow);background:var(--yellow-soft);max-width:470px;color:var(--ink-soft);align-items:flex-start;gap:9px;margin-top:24px;padding:13px 15px;font-size:.82rem;display:flex}.intake-promise svg{width:18px;height:18px;color:var(--ink);flex:0 0 18px}.intake-promise strong{color:var(--ink)}.film-form{min-width:0;padding:18px}.form-section{border-bottom:1px solid var(--line);padding:22px 0 27px}.form-section:last-child{border-bottom:0}.form-section-last{padding-bottom:4px}.form-section-heading{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.form-step{background:var(--blue);width:35px;height:35px;color:var(--ink);border-radius:50%;flex:0 0 35px;place-items:center;font-size:.74rem;font-weight:800;display:grid}.form-section-heading h2{font-size:1.48rem}.form-section-heading p{color:var(--ink-faint);margin-top:5px;font-size:.84rem}.field-grid{gap:14px;display:grid}.form-field{min-width:0;color:var(--ink);gap:7px;font-size:.84rem;font-weight:720;display:grid}.form-field>span{display:block}.form-field b{color:var(--pink-strong)}.form-field small{color:var(--ink-faint);font-size:.75rem;font-weight:500}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--line-strong);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:11px;outline:0;padding:10px 12px;font-size:16px;font-weight:450}.form-field textarea{resize:vertical;min-height:112px}.form-field input::placeholder,.form-field textarea::placeholder{color:#8a9ba1}.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:#80b1c4}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--blue-strong);box-shadow:0 0 0 3px #347da824}.form-field input[readonly]{color:var(--ink-soft);background:#f7fbfc}.field-helper{color:var(--ink-faint);margin-top:-8px;font-size:.76rem;font-weight:450}.field-error{color:var(--danger);margin-top:-7px;font-size:.78rem;font-weight:600;display:block}.roll-list{gap:16px;display:grid}.roll-card{border:1px solid var(--line-strong);background:#fbfdfe;border-radius:17px;min-width:0;padding:15px}.roll-card>legend{width:100%;color:var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:0;font-size:.92rem;font-weight:800;display:flex}.remove-roll{min-height:40px;color:var(--danger);background:0 0;border:0;padding:7px 0;font-size:.76rem;font-weight:700}.roll-fields{gap:14px;margin-top:13px;display:grid}.choice-field{min-width:0}.choice-field>.film-guide{margin-top:9px}.quantity-field input{max-width:150px}.addon-fieldset{border:0;border-top:1px dashed var(--line-strong);min-width:0;margin:14px 0 0;padding:13px 0 0}.addon-fieldset legend{color:var(--ink-soft);padding:0 0 9px;font-size:.79rem;font-weight:750}.addon-fieldset legend small{color:var(--ink-faint);font-size:.72rem;font-weight:500}.addon-grid{gap:8px;display:grid}.addon-option{min-height:44px;color:var(--ink-soft);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:7px 9px;font-size:.8rem;font-weight:550;display:flex}.addon-option:hover,.addon-option.checked{border-color:var(--line-strong);background:var(--paper-blue);color:var(--ink)}.addon-option input{width:21px;height:21px;accent-color:var(--blue-strong);margin:0}.add-roll-button{margin-top:16px}.add-roll-button svg{width:18px;height:18px}.film-guide{border:1px solid var(--line);background:#fff;border-radius:11px;gap:8px;min-width:0;padding:9px;display:grid}.film-guide-visuals{flex-wrap:wrap;justify-content:center;gap:7px;min-width:0;display:flex}.film-guide-svg{background:#f5f9fa;border:1px solid #c4d5da;border-radius:8px;width:min(100%,180px);height:auto;display:block;overflow:hidden}.film-type-guide .film-guide-svg{width:min(100%,130px)}.film-scanner-guide.is-combo .film-guide-visuals{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.film-scanner-guide.is-combo .film-guide-svg{width:100%}.guide-copy{min-width:0;color:var(--ink-faint);gap:1px;font-size:.72rem;line-height:1.4;display:grid}.guide-copy strong{color:var(--ink-soft);font-size:.76rem}.film-guide-unavailable{background:#fffcf4;border-style:dashed}.film-guide-unavailable .guide-label{color:var(--ink);font-weight:750}.form-submit-row{gap:17px;margin-top:21px;display:grid}.privacy-note{color:var(--ink-faint);align-items:flex-start;gap:7px;font-size:.76rem;line-height:1.45;display:flex}.privacy-note svg{flex:0 0 17px;width:17px;height:17px}.submit-button{width:100%}.submit-helper{color:var(--ink-faint);text-align:center;margin-top:12px;font-size:.8rem}.submit-result{background:var(--success-soft);border:1px solid #b9dcc8;border-radius:15px;gap:14px;margin-bottom:23px;padding:17px;display:grid}.submit-result-mark{background:var(--success);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.submit-result-mark svg{width:23px;height:23px}.submit-result h2{margin-top:6px;font-size:1.4rem}.submit-result p:not(.eyebrow){color:var(--ink-soft);margin-top:9px;font-size:.85rem}.submit-result-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.submit-result-actions .button{justify-self:start}.status-page{padding-top:38px}.status-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.status-heading h1{margin-top:12px;font-size:clamp(2.9rem,10vw,5.5rem)}.status-lede{max-width:510px;color:var(--ink-soft);margin-top:16px}.status-heading-icon{background:var(--yellow);border-radius:50%;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid}.status-heading-icon svg{width:27px;height:27px}.connection-notice{border-radius:12px;align-items:center;gap:9px;min-height:48px;margin-top:25px;padding:11px 13px;font-size:.82rem;display:flex}.connection-offline{color:#8b512a;background:#fff3e8}.connection-reconnecting{background:var(--yellow-soft);color:#6b5b1d}.connection-notice .button-link{color:inherit;margin-left:auto;font-size:.78rem}.connection-dot{background:currentColor;border-radius:50%;flex:0 0 9px;width:9px;height:9px}.orders-list{gap:20px;margin-top:27px;display:grid}.order-card{min-width:0;padding:19px}.order-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.order-card-header h2{letter-spacing:-.02em;margin-top:8px;font-size:1.55rem}.order-created{color:var(--ink-faint);margin-top:5px;font-size:.78rem}.status-badge{border:1px solid var(--line-strong);background:var(--paper-blue);min-height:33px;color:var(--blue-strong);text-align:right;border-radius:10px;align-items:center;gap:7px;padding:6px 9px;font-size:.72rem;font-weight:800;line-height:1.25;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.status-awaiting_film{color:#75631b;background:#fff9df;border-color:#eddb8a}.status-store_received,.status-sent_to_lab,.status-lab_received{background:var(--paper-blue);color:var(--blue-strong)}.status-returned_hanoi,.status-returned_saigon{background:var(--success-soft);color:var(--success);border-color:#b8dbc8}.status-destroyed{color:#646464;background:#f3f3f3;border-color:#d6d6d6}.status-needs_review{background:var(--danger-soft);color:var(--danger);border-color:#efc3c5}.order-route{border-block:1px solid var(--line);grid-template-columns:1fr 28px 1fr;align-items:center;gap:8px;margin-top:17px;padding:16px 0;display:grid}.order-route>svg{width:18px;height:18px;color:var(--ink-faint);justify-self:center}.order-route div{gap:2px;display:grid}.order-route div:last-child{text-align:right}.order-route span{color:var(--ink-faint);font-size:.7rem}.order-route strong{font-size:.93rem}.order-detail-section{padding-top:19px}.order-detail-section h3{letter-spacing:-.01em;font-size:1rem}.order-items{gap:8px;margin-top:11px;display:grid}.order-item{border:1px solid var(--line);background:#fcfefe;border-radius:11px;padding:11px 12px}.order-item-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.order-item-head strong{font-size:.86rem}.order-item-head span{color:var(--ink-faint);font-size:.75rem}.order-item p{color:var(--ink-soft);margin-top:4px;font-size:.76rem}.addon-summary{flex-wrap:wrap;gap:5px;margin:7px 0 0;padding:0;list-style:none;display:flex}.addon-summary li{background:var(--yellow-soft);color:#6b5b1d;border-radius:6px;padding:3px 7px;font-size:.68rem}.timeline-section{margin-top:2px}.timeline-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.updated-at{color:var(--ink-faint);align-items:center;gap:4px;font-size:.68rem;display:inline-flex}.updated-at svg{width:14px;height:14px}.order-timeline{gap:0;margin:0;padding:5px 0 0;list-style:none;display:grid}.order-timeline li{grid-template-columns:20px 1fr;gap:9px;min-height:47px;display:grid;position:relative}.order-timeline li:not(:last-child):before{background:var(--line-strong);content:"";width:1px;height:calc(100% - 3px);position:absolute;top:16px;left:6px}.timeline-marker{z-index:1;border:2px solid var(--line-strong);background:var(--paper);border-radius:50%;width:13px;height:13px;margin-top:5px;position:relative}.order-timeline li.current .timeline-marker{border-color:var(--blue-strong);background:var(--blue);box-shadow:0 0 0 4px #9ed9f73d}.order-timeline strong{font-size:.8rem;display:block}.order-timeline time{color:var(--ink-faint);margin-top:2px;font-size:.7rem;display:block}.muted-copy{color:var(--ink-faint);font-size:.84rem}.history-note{background:var(--yellow-soft);color:#6b5b1d;border:1px solid #eddb8a;border-radius:11px;align-items:flex-start;gap:8px;margin-top:24px;padding:12px 14px;font-size:.79rem;display:flex}.history-note svg{flex:0 0 17px;width:17px;height:17px}.state-card{text-align:center;width:min(100%,560px);padding:30px 22px}.state-card h1,.state-card h2{margin-top:12px;font-size:2rem}.state-card p{color:var(--ink-soft);margin:12px auto 20px}.state-card>svg{width:27px;height:27px;color:var(--danger)}.state-card .button{margin-inline:auto}.empty-orders{margin:38px auto 0}.empty-icon{background:var(--blue);border-radius:21px;place-items:center;width:59px;height:59px;margin:0 auto 18px;display:grid;transform:rotate(5deg)}.empty-icon svg{width:28px;height:28px;transform:rotate(-5deg)}.empty-orders h2{margin-top:12px}.empty-orders .button{margin-top:2px}.page-empty{margin:38px auto 0}.orders-pagination{justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.orders-pagination .button{min-width:126px;padding-inline:12px}.orders-pagination span{color:var(--ink-faint);font-size:.78rem;font-weight:700}.orders-loading{gap:14px;margin-top:30px;display:grid}.skeleton{background:linear-gradient(100deg,#edf3f3 25%,#f8fbfa 40%,#edf3f3 60%) 0 0/200% 100%;border-radius:9px;animation:1.4s ease-in-out infinite skeleton;display:block}.skeleton-heading{width:min(310px,70%);height:34px}.skeleton-line{width:min(500px,92%);height:17px}.skeleton-card{height:180px}.skeleton-panel{height:310px;margin-top:12px}.loading-page{align-content:center;justify-items:start;gap:14px;display:grid}.loading-page .skeleton-panel{width:100%}.state-page .state-card{margin-block:auto}@keyframes skeleton{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.image-modal-backdrop{z-index:100;background:#0f2531bd;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.image-modal{background:var(--cream);border:1px solid #ffffff52;border-radius:22px;width:min(100%,760px);max-height:calc(100dvh - 32px);padding:15px;overflow:auto;box-shadow:0 30px 80px #00000057}.image-modal-head{justify-content:space-between;align-items:flex-start;gap:12px;min-height:52px;padding:3px 3px 13px;display:flex}.image-modal-head h2{margin-top:4px;font-size:1.35rem}.icon-button{border:1px solid var(--line-strong);background:var(--paper);width:45px;height:45px;color:var(--ink);border-radius:12px;flex:0 0 45px;place-items:center;display:grid}.icon-button:hover{background:var(--paper-blue)}.icon-button svg{width:20px;height:20px}.image-modal-image{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:13px;width:100%;max-height:calc(100dvh - 125px)}.site-footer{border-top:1px solid var(--line);color:var(--ink-faint);padding:30px 0 36px;font-size:.76rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}@media (width>=640px){.content-width,.header-inner{width:min(var(--content-width), calc(100% - 48px))}.film-form{padding:25px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-field,.field-helper,.field-error{min-width:0}.field-helper,.field-error{grid-column:span 2}.form-submit-row{grid-template-columns:1fr auto;align-items:center}.submit-button{width:auto}.addon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.film-guide-visuals{justify-content:flex-start}.film-guide{grid-template-columns:minmax(0,190px) 1fr;align-items:center}.film-type-guide{grid-template-columns:minmax(0,140px) 1fr}.film-scanner-guide.is-combo{grid-template-columns:1fr}.film-scanner-guide.is-combo .film-guide-visuals{justify-content:flex-start}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-section{padding-top:58px}.poster-intro{grid-template-columns:1fr 1fr;align-items:end;gap:22px;max-width:none;display:grid}.poster-intro .eyebrow{grid-column:1/-1}.poster-intro h2{margin-top:0}.poster-intro>p:last-child{margin:0}.value-strip{grid-template-columns:repeat(3,1fr);gap:16px}.value-item{padding:12px 0}.closing-cta{flex-direction:row;justify-content:space-between;align-items:center;padding:42px}.closing-cta .button,.closing-cta .google-button{align-self:center}.auth-card{padding:44px}}@media (width>=768px){.primary-nav{display:flex}.mobile-nav{display:none}.account-name{display:block}.landing-hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:40px;min-height:0;padding-block:62px 45px}.hero-copy h1{max-width:680px;font-size:clamp(4rem,5.6vw,4.6rem)}.hero-art{min-height:390px}.art-frame-back{left:18%}.art-frame-front{right:16%}.how-section{grid-template-columns:.8fr 1.2fr;gap:84px;padding-block:100px}.process-list{padding-top:7px}.intake-layout{grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr);align-items:start;gap:56px}.intake-intro{position:sticky;top:30px}.intake-page{padding-top:55px}.status-page{padding-top:65px}.status-heading-icon{margin-top:20px}.order-card{padding:26px}.order-route{grid-template-columns:1fr 40px 1fr}.state-card{padding:45px}}@media (width>=1024px){.content-width,.header-inner{width:min(var(--content-width), calc(100% - 80px))}.landing-hero{gap:86px}.hero-art{min-height:465px}.poster-section{grid-template-columns:minmax(250px,.55fr) minmax(0,1.45fr);align-items:start;gap:50px;display:grid}.poster-intro{display:block}.poster-intro>p:last-child{margin-top:17px}.poster-grid{margin-top:0}.intake-layout{grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr)}.film-form{padding:30px}.roll-card{padding:19px}.roll-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 120px;align-items:start}.roll-name-field{grid-column:1/-1}.quantity-field input{max-width:none}.choice-field{min-width:0}.film-guide,.film-type-guide{grid-template-columns:1fr}.film-type-guide .film-guide-svg{width:min(100%,150px)}.film-scanner-guide.is-combo{grid-template-columns:1fr}.addon-fieldset{margin-top:19px}.addon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.submit-result{grid-template-columns:auto 1fr auto;align-items:center}.submit-result-actions{grid-area:1/3}.submit-result-mark{grid-row:1}.order-card{grid-template-columns:1fr 1.1fr;column-gap:28px;display:grid}.order-card-header,.order-route{grid-column:1/-1}.order-detail-section{padding-top:24px}.timeline-section{border-left:1px solid var(--line);padding-left:27px}.site-footer{margin-top:35px}}.guide-preview{min-width:0;margin-top:8px}.roll-fields{grid-template-columns:minmax(0,1fr)}.roll-fields>.field-error{grid-column:1/-1}.roll-fields .choice-field+.field-error{margin-top:-6px}.roll-fields .quantity-field input{max-width:150px}.guide-preview-button{border:1px solid var(--line);background:var(--paper-blue);width:100%;color:var(--ink);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:16px;padding:16px;display:grid}.guide-preview-button:hover{border-color:var(--blue-strong)}.guide-preview-samples{gap:8px;min-width:0;display:grid}.guide-preview-samples.has-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-preview-samples .film-guide-svg{border-radius:6px;width:100%;height:auto}.guide-preview-copy{gap:8px;min-width:0;font-size:1rem;line-height:1.5;display:grid}.guide-preview-copy>span{color:var(--blue-strong);font-size:.85rem}.guide-preview-copy>.guide-preview-hint{color:var(--ink-soft);font-size:.9rem}@media (width>=1024px){.guide-preview-button{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}}.guide-dialog{border:1px solid var(--line);width:min(1000px,100% - 24px);max-height:calc(100dvh - 32px);color:var(--ink);background:var(--paper);overscroll-behavior:contain;border-radius:16px;padding:20px;overflow:auto}.guide-dialog::backdrop{background:#0f1e28a6}.guide-dialog-head{z-index:1;background:var(--paper);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-block:8px;display:flex;position:sticky;top:-20px}.guide-dialog-head button{min-height:44px;padding:8px 16px}.guide-dialog-summary{max-width:75ch;color:var(--ink-soft);font-size:1rem;line-height:1.6}.guide-detail-grid{gap:16px;margin-top:20px;display:grid}.guide-detail-grid figure{min-width:0;margin:0}.guide-detail-grid .film-guide-svg{border-radius:8px;width:100%;height:auto}.guide-detail-grid figcaption{color:var(--ink-soft);margin-top:8px;font-size:.9rem}.guide-detail-facts{background:var(--paper-blue);border-radius:12px;gap:16px;margin-top:24px;padding:20px;display:grid}.guide-detail-facts dt{margin-bottom:6px;font-weight:750}.guide-detail-facts dd{margin:0;line-height:1.6}.guide-scanner-section h3{margin:24px 0 0;font-size:1.1rem}.guide-detail-note{color:var(--ink-soft);margin-top:24px;font-size:.85rem;line-height:1.6}@media (width>=640px){.guide-dialog{padding:28px}.film-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scanner-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-detail-facts{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}