.app{background:var(--surface);flex-direction:column;min-height:100vh;display:flex}@media (width>=760px){.app.app-full{height:100vh}}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.min0{min-width:0}.center{text-align:center}.center-self{align-self:center}.column{flex-direction:column;display:flex}.gap8{gap:8px}.push{margin-left:auto}.page-title{margin:0;font-size:28px;line-height:36px}.page-title.big{font-size:clamp(28px,3.4vw,36px);line-height:1.22}.busy{color:var(--on-surface-variant);text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.progress{background:var(--secondary-container);border-radius:2px;width:min(320px,70vw);height:4px;overflow:hidden}.progress>div{background:var(--primary);height:100%;transition:width .2s}.app-header{background:var(--surface);border-bottom:1px solid var(--outline-variant);flex:none;align-items:center;gap:8px;height:64px;padding:0 clamp(8px,2vw,24px);display:flex}.steps-nav{flex:1;justify-content:center;align-self:stretch;align-items:stretch;min-width:0;display:flex}.step-tab{letter-spacing:.1px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex;position:relative}.step-tab:disabled{cursor:default;color:var(--disabled-fg)}.step-tab.current{color:var(--primary)}.step-tab.current:after{content:"";background:var(--primary);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:16px;right:16px}.header-end{align-items:center;gap:8px;margin-left:auto;display:flex}.basket-btn{padding:0 12px}@media (width<=480px){.basket-btn>span:nth-child(2){display:none}}@media (width<=639px),(width>=760px) and (width<=1023px){.header-end .header-btn{flex:none;padding:0 8px}.header-end .header-btn>span{display:none}}@media (width<=440px){.app-header .brand svg{width:auto;height:30px}}.upload-page{flex-direction:column;flex:1;align-items:center;padding:clamp(24px,6vh,64px) 16px 56px;display:flex}.upload-inner{flex-direction:column;gap:24px;width:100%;max-width:720px;display:flex}.upload-inner h1{margin:0 0 8px;font-size:clamp(28px,3.4vw,36px);line-height:1.22}.upload-inner p{margin:0}.drop-zone{border:2px dashed var(--outline-variant);background:var(--surface-low);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.drop-zone.drag{border-color:var(--primary);background:var(--primary-container)}.drop-icon{background:var(--primary-container);width:56px;height:56px;color:var(--on-primary-container);border-radius:28px;justify-content:center;align-items:center;display:inline-flex}.drop-title{letter-spacing:0;font-size:22px;line-height:28px}.fonts-page{gap:32px}.font-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.font-row{border-top:1px solid var(--outline-variant);justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:8px 0;display:flex}.font-row:first-child{border-top:0}.font-name{letter-spacing:.5px;flex-direction:column;min-width:0;font-size:16px;line-height:24px;display:flex}.font-state{letter-spacing:.1px;border-radius:8px;flex:none;align-items:center;gap:6px;max-width:55%;height:28px;padding:0 12px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.font-state.missing{background:var(--error-container);color:var(--on-error-container)}.font-state.found{background:var(--secondary-container);color:var(--on-secondary-container)}.font-state.other{background:var(--surface-container);color:var(--on-surface-variant)}.drop-zone.small-zone{padding:32px 24px}.how-list{flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.setup-page{flex-direction:column;flex:1;min-height:0;display:flex}.stage-wrap{flex:auto;min-height:220px;position:relative}.stage{background:var(--surface-container);-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.stage.zoomed{cursor:grab}.stage.panning{cursor:grabbing}@media (width<=759px){.stage-wrap{flex:none;min-height:0}.stage{height:max(260px,46vh);position:relative}}.stage-proof{background:var(--proof-ground);transition:opacity .15s,left .2s,top .2s,width .2s,height .2s;position:absolute;overflow:hidden;box-shadow:0 8px 24px #00000040}.stage-proof.on-black{background:#000}.stage-proof.on-white{background:#fff}.stage.panning .stage-proof{transition:opacity .15s}@media (prefers-reduced-motion:reduce){.stage-proof{transition:opacity .15s}}.stage-proof.dim{opacity:.55}.stage-proof img{max-width:none;display:block;position:absolute}.stage-proof .proof-base{width:100%;height:100%;inset:0}.stage-proof .proof-part.waiting{visibility:hidden;width:1px;height:1px}.stage-busy{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.stage-note{border:1px solid var(--outline-variant);background:var(--surface);letter-spacing:.25px;text-align:center;border-radius:8px;max-width:calc(100% - 32px);padding:6px 12px;font-size:14px;line-height:20px}.stage-chips{pointer-events:none;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:16px;right:16px}.name-chip{border:1px solid var(--outline-variant);background:var(--surface);letter-spacing:.25px;border-radius:8px;align-items:center;gap:12px;max-width:100%;padding:6px 12px;font-size:14px;line-height:20px;display:inline-flex}.name-chip .name{white-space:nowrap;text-overflow:ellipsis;max-width:38vw;font-weight:500;overflow:hidden}.stage-warning{z-index:2;background:var(--error-container);max-width:calc(100% - 32px);color:var(--on-error-container);letter-spacing:.25px;text-align:center;border-radius:8px;padding:8px 16px;font-size:14px;line-height:20px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.view-bar{z-index:2;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.zoom-bar,.ground-bar,.proof-bar{background:var(--surface);box-shadow:var(--shadow-1);border-radius:24px;align-items:center;gap:2px;padding:4px;display:flex}.zoom-bar .icon-btn:disabled{color:var(--disabled-fg)}.ground-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.ground-btn:hover{background:var(--state-neutral)}.ground-btn:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.ground-swatch{border:1px solid var(--outline);width:22px;height:22px;box-shadow:0 0 0 2px var(--surface);border-radius:50%}.ground-btn[aria-pressed=true] .ground-swatch{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--primary)}.ground-bar{position:relative}.proof-btn{width:40px;height:40px;color:var(--on-surface);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.proof-btn:hover{background:var(--state-neutral)}.ground-row,.zoom-row{align-items:center;gap:2px;display:flex}.view-rail{z-index:2;background:var(--surface);width:92px;box-shadow:var(--shadow-2);border-radius:20px;flex-direction:column;gap:4px;padding:8px 4px;display:flex;position:absolute;top:60px;right:16px}.view-rail .proof-bar,.view-rail .ground-bar,.view-rail .zoom-bar{box-shadow:none;background:0 0;border-radius:0;flex-direction:column;gap:4px;padding:4px 0 6px}.view-rail .proof-bar{padding:0}.view-rail .ground-btn,.view-rail .zoom-row .icon-btn{width:28px;height:28px}.view-rail .zoom-row .icon-btn svg,.view-rail .ground-swatch{width:18px;height:18px}.rail-divider{background:var(--outline-variant);height:1px;margin:2px 10px}.view-rail .ground-hint{top:42px;bottom:auto}.view-rail .ground-hint:after{border-top-color:#0000;border-bottom-color:var(--primary);top:auto;bottom:100%}.ground-hint{background:var(--primary);width:260px;max-width:calc(100vw - 48px);color:var(--on-primary);box-shadow:var(--shadow-2);letter-spacing:.25px;border-radius:12px;align-items:flex-start;gap:4px;padding:10px 4px 10px 14px;font-size:14px;line-height:20px;display:flex;position:absolute;bottom:calc(100% + 12px);right:0}.ground-hint:after{content:"";top:100%;right:var(--arrow);border:8px solid #0000;border-top-color:var(--primary);width:0;height:0;margin-right:-8px;position:absolute}.ground-hint .hint-text{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:0}.ground-hint .icon-btn{width:32px;height:32px;color:inherit}.ground-swatch.grey{background:var(--proof-ground)}.ground-swatch.black{background:#000}.ground-swatch.white{background:#fff}.tools{z-index:3;pointer-events:none;align-items:flex-start;gap:12px;display:flex;position:absolute;top:60px;bottom:16px;left:16px}.tools>*{pointer-events:auto}.tool-rail{scrollbar-width:none;background:var(--surface);width:92px;max-height:100%;box-shadow:var(--shadow-2);border-radius:20px;flex-direction:column;flex:none;gap:4px;padding:8px 4px;display:flex;overflow-y:auto}.tool-btn{color:var(--on-surface-variant);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:4px;padding:4px 0 6px;display:flex}.tool-btn:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.tool-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:32px;display:inline-flex;position:relative}.tool-btn:hover .tool-icon{background:var(--state-neutral)}.tool-btn.open .tool-icon{background:var(--secondary-container);color:var(--on-secondary-container)}.tool-dot{background:var(--primary);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);border-radius:4px;position:absolute;top:2px;right:10px}.tool-name{letter-spacing:.1px;text-align:center;overflow-wrap:break-word;max-width:100%;padding:0 2px;font-size:12px;font-weight:500;line-height:16px}.tool-btn.open .tool-name{color:var(--on-surface)}.tool-card{background:var(--surface);width:344px;max-width:calc(100vw - 140px);max-height:100%;box-shadow:var(--shadow-2);border-radius:16px;flex-direction:column;display:flex}.tool-card-head{flex:none;align-items:center;gap:4px;min-height:56px;padding:8px 8px 0 16px;display:flex}.tool-card-body{flex-direction:column;gap:4px;min-height:0;padding:0 16px 16px;display:flex;overflow-y:auto}.ways{flex-direction:column;gap:8px;padding-top:4px;display:flex}.way{border:1px solid var(--outline-variant);border-radius:12px}.way.picked{border-color:var(--primary);background:var(--surface-low);box-shadow:inset 0 0 0 1px var(--primary)}.way-pick{width:100%;color:var(--on-surface);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;display:flex}.way-pick:hover{background:var(--state-neutral)}.way.picked .way-pick{cursor:default}.way.picked .way-pick:hover{background:0 0}.way-pick:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.radio-dot{border:2px solid var(--on-surface-variant);border-radius:50%;flex:none;width:20px;height:20px;margin-top:2px}.way.picked .radio-dot{border-color:var(--primary);background:radial-gradient(var(--primary) 0 4px, transparent 5px)}.way-words{flex-direction:column;gap:2px;display:flex}.way-name{letter-spacing:.1px;font-size:14px;font-weight:500;line-height:20px}.way-settings{padding:0 12px 8px 44px}.knock{align-items:center;gap:12px;padding:12px;display:flex}@media (width<=759px){.tools{flex-direction:column;align-items:stretch;gap:8px;padding:8px 8px 0;position:static}.tool-rail{border:1px solid var(--outline-variant);width:auto;max-height:none;box-shadow:none;border-radius:16px;flex-direction:row;padding:4px;overflow:auto hidden}.tool-btn{flex:1 0 76px}.tool-card{border:1px solid var(--outline-variant);width:auto;max-width:none;max-height:none;box-shadow:none}.tool-card-body{overflow:visible}}.setup-foot{background:var(--surface);border-top:1px solid var(--outline-variant);flex:none;align-items:center;gap:16px;padding-right:clamp(16px,2vw,24px);display:flex}.controls{flex:auto;align-items:stretch;gap:16px 0;min-width:0;padding:8px clamp(0px,1vw,8px) 12px;display:flex}.buy{flex-direction:column-reverse;flex:none;align-items:center;gap:6px;display:flex}.buy-film{letter-spacing:.25px;color:var(--on-surface-variant);white-space:nowrap;align-items:center;gap:2px;font-size:14px;line-height:20px;display:flex}.buy-btn{height:48px;padding:0 28px}.control{flex-direction:column;flex:0 280px;gap:4px;min-width:0;padding:0 16px;display:flex;position:relative}.control+.control{border-left:1px solid var(--outline-variant)}.control.size-control{flex:0 460px}.control-head{align-items:center;gap:4px;min-height:40px;display:flex}.control-name{letter-spacing:.1px;font-size:14px;font-weight:500;line-height:20px}.ppi{letter-spacing:.4px;white-space:nowrap;color:var(--on-surface-variant);margin-left:auto;font-size:12px;line-height:16px}.size-row{align-items:center;gap:4px;min-height:48px;display:flex}.size-row .field-box{--field-ground:var(--surface)}.copies-row{align-items:center;min-height:48px;display:flex}.stepper{align-items:center;gap:8px;display:inline-flex}.copies-row .stepper{width:100%}.stepper-input{border:1px solid var(--outline);width:100%;min-width:0;height:40px;color:var(--on-surface);text-align:center;letter-spacing:.5px;background:0 0;border-radius:4px;flex:1;padding:0 4px;font-size:16px;line-height:24px}.stepper-input:focus{outline:2px solid var(--primary);outline-offset:-1px}.stepper-value{text-align:center;min-width:28px}.tile-row .stepper-input{flex:none;width:4.5em}.slide-row{align-items:center;gap:12px;min-height:48px;display:flex}.slide-value{text-align:right;letter-spacing:.25px;width:40px;font-size:14px;line-height:20px}.slide-value.wide{white-space:nowrap;width:48px}.slide-value.named{text-align:left;white-space:nowrap;width:56px}.stops{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.stops input{width:100%}.stops-ends{letter-spacing:.4px;justify-content:space-between;gap:12px;font-size:12px;line-height:16px;display:flex}.control-line{align-items:center;min-height:40px;display:flex}.colour-btn{gap:10px;padding:0 16px 0 10px}.swatch-dot{width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--outline);border-radius:50%}.swatch-dot.removed,.dot.removed{background:repeating-conic-gradient(#c9c9c9 0 25%, #fff 0 50%) 50% / 8px 8px}.colour-swatches{flex-wrap:wrap;gap:8px;padding:4px 0;display:flex}.colour-swatch{border:1px solid var(--outline);height:40px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.colour-swatch:hover:not(:disabled){background:#1d1b2014}.colour-swatch:disabled{cursor:default}.picker-note{color:var(--on-surface);background:var(--surface-container-high,#1d1b200f);border-radius:8px;padding:8px 12px}.picker-message{min-height:76px}@media (width<=759px){.control,.control.size-control{flex:100%}.control+.control{border-left:0}.setup-foot{display:contents}.controls{background:var(--surface);border-top:1px solid var(--outline-variant);flex-wrap:wrap}.buy{z-index:5;background:var(--surface-container);border-top:1px solid var(--outline-variant);flex-direction:row;justify-content:flex-end;gap:12px;padding:12px 16px;position:sticky;bottom:0}.buy-film{display:none}.buy-btn{padding:0 20px}}.tabs{border-bottom:1px solid var(--outline-variant);margin:0 -24px;display:flex}.tab{letter-spacing:.1px;height:48px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:0;flex:1;font-size:14px;font-weight:500;line-height:20px;position:relative}.tab.on{color:var(--primary)}.tab.on:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:0;left:0;right:0}.sv-field{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#fff0);border-radius:12px;height:200px;position:relative;overflow:hidden}.sv-dot{pointer-events:none;border:2px solid #fff;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute;box-shadow:0 0 0 1px #00000080,0 1px 3px #0006}.hue{height:24px;position:relative}.hue-bar{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:8px;height:16px;position:absolute;top:4px;left:0;right:0}.hue-dot{pointer-events:none;border:3px solid #fff;border-radius:50%;width:24px;height:24px;margin-left:-12px;position:absolute;top:0;box-shadow:0 0 0 1px #00000080}.hue input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.picker-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.swatches{gap:12px;display:flex}.swatch-col{flex-direction:column;align-items:center;gap:4px;display:flex}.swatch{width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--outline);border-radius:12px}.chips-row{flex-wrap:wrap;gap:8px;display:flex}.basket-page{flex-direction:column;flex:1;display:flex}.page-wrap{flex-direction:column;gap:24px;width:100%;max-width:1240px;margin:0 auto;padding:32px clamp(16px,3vw,32px) 40px;display:flex}.page-wrap .page-title{margin-bottom:4px}.basket-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 16px;display:flex}.tiles{grid-template-columns:repeat(auto-fill,minmax(min(272px,100%),1fr));gap:16px;display:grid}.tile{flex-direction:column;min-width:0;display:flex;position:relative}.tile-picture{aspect-ratio:4/3;background:var(--proof-ground);cursor:pointer;border:0;border-radius:12px 12px 0 0;width:100%;margin:0;padding:8px;display:block;overflow:hidden}.tile-picture img{object-fit:scale-down;width:100%;height:100%;display:block}.tile-body{flex-direction:column;flex:1;gap:4px;min-width:0;padding:16px 16px 8px;display:flex}.tile-name{letter-spacing:.15px;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:16px;font-weight:500;line-height:24px;overflow:hidden}.tile-row{justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex;position:relative}.tile-row.tall{min-height:48px}.tile-row.wraps{flex-wrap:wrap;row-gap:4px}.tile-label{letter-spacing:.25px;color:var(--on-surface-variant);align-items:center;gap:2px;font-size:14px;line-height:20px;display:inline-flex}.chips{flex-wrap:wrap;flex:100%;gap:6px;min-width:0;display:flex}.chips .chip{letter-spacing:.5px;border-radius:6px;gap:4px;min-height:24px;padding:2px 8px 2px 4px;font-size:12px;line-height:16px}.chips .dot{width:14px;height:14px}.tile-actions{gap:8px;padding:0 8px 8px;display:flex}.add-tile{border:1px solid var(--outline-variant);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:260px;padding:24px;display:flex}.sticky-bar{z-index:10;background:var(--surface-container);margin-top:auto;position:sticky;bottom:0}.sticky-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;width:100%;max-width:1240px;margin:0 auto;padding:12px clamp(16px,3vw,32px);display:flex}.bar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-left:auto;display:flex}@media (width<=480px){.bar-add{width:56px;padding:0}.bar-add span{display:none}}.sheet-page{flex-direction:column;flex:1;min-height:0;display:flex}.sheet-stage{background:var(--surface-container);flex:auto;min-height:220px;position:relative}@media (width<=759px){.sheet-stage{min-height:max(300px,56vh)}}.sheet-pane{position:absolute;inset:0;overflow:hidden auto}.sheet-pictures{flex-direction:column;align-items:center;display:flex}.sheet-pictures img{background:var(--proof-ground);transition:opacity .15s;display:block;box-shadow:0 8px 24px #00000040}.sheet-place{background:var(--proof-ground);flex:none;box-shadow:0 8px 24px #00000040}.sheet-place-busy{background:var(--surface-high);width:max-content;max-width:calc(100% - 32px);color:var(--on-surface);box-shadow:var(--shadow-1);border-radius:999px;align-items:center;gap:12px;margin:16px auto 0;padding:10px 16px;display:flex;position:sticky;top:16px}.sheet-controls{background:var(--surface);border-top:1px solid var(--outline-variant);flex-direction:column;flex:none;gap:12px;padding:12px clamp(8px,2vw,24px) 16px;display:flex;position:relative}.sheet-line{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.price-line{background:var(--secondary-container);min-width:0;min-height:44px;color:var(--on-secondary-container);letter-spacing:.25px;border-radius:12px;flex-wrap:wrap;flex:420px;align-items:center;gap:8px 12px;padding:6px 8px 6px 16px;font-size:14px;line-height:20px;display:flex}.price-text{flex:200px;min-width:0}.price-tiers{flex:none;margin-left:auto}.margin-box{border:1px solid var(--outline-variant);border-radius:12px;flex:0 400px;align-items:center;gap:8px;min-width:min(300px,100%);min-height:44px;padding:0 12px 0 16px;display:flex;position:relative}.margin-box input{min-width:60px}.margin-box[hidden]{display:none}@media (width<=599px){.margin-box{flex-wrap:wrap;padding-bottom:6px}.margin-box input{flex:200px}}.sheet-buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.layouts{flex:420px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;display:grid}.layouts.two{grid-template-columns:repeat(2,minmax(0,1fr))}.layouts.four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1023px){.layouts.four{grid-template-columns:repeat(2,minmax(0,1fr))}}.layouts.one{justify-content:center;align-items:center;min-height:40px;display:flex}.layout-wrap{min-width:0;display:flex;position:relative}.layout-name{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.layout-price{letter-spacing:0;white-space:nowrap;font-size:clamp(17px,2.4vw,22px);line-height:28px;display:block}.layout-help{grid-column:1/-1;padding:0 4px;display:none}@media (hover:none){.layout-help{display:block}.layout-tip{display:none}}.currency-line{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.currency{align-items:center;gap:8px;display:inline-flex}.currency select{border:1px solid var(--outline);height:32px;color:var(--on-surface);background:0 0;border-radius:8px;padding:0 8px;font-size:14px}.where-line{align-items:center;gap:4px;display:inline-flex}.where-line .btn{height:32px}@media (width<=559px){.layouts,.layouts.two,.layouts.four{grid-template-columns:1fr}}.checkout-page{flex-wrap:wrap;flex:1;display:flex}.phone-box{gap:8px;padding-left:8px}.phone-code{height:40px;color:var(--on-surface-variant);letter-spacing:.5px;border-radius:4px;flex:none;align-items:center;gap:4px;padding:0 2px 0 8px;font-size:16px;line-height:24px;display:inline-flex;position:relative}.phone-code:hover{background:var(--state-neutral)}.phone-code span{color:var(--on-surface)}.phone-code img{box-shadow:0 0 0 1px var(--outline-variant);border-radius:2px;display:block}.field-box .phone-code select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.field-box .phone-code select:disabled{cursor:default}.phone-code:has(select:focus-visible){outline:2px solid var(--primary);outline-offset:-2px}.summary-side{background:var(--surface-low);flex:380px;justify-content:flex-end;min-width:0;padding:clamp(24px,4vw,48px) clamp(16px,4vw,48px);display:flex}.summary{flex-direction:column;gap:20px;width:100%;max-width:440px;display:flex}.total-big{letter-spacing:0;font-size:36px;line-height:44px}.total-mid{letter-spacing:0;white-space:nowrap;font-size:22px;line-height:28px}.mini{background:var(--proof-ground);border-radius:12px;height:150px;position:relative;overflow:hidden}.mini img{width:100%;max-width:max-content;height:auto;margin:0 auto;display:block}.product-line{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.alert.confirm{flex-direction:column;gap:8px;display:flex}.divider{background:var(--outline-variant);height:1px}.total-row{align-items:baseline;padding-top:8px}.details-side{flex:1.2 460px;justify-content:flex-start;min-width:0;padding:clamp(24px,4vw,48px) clamp(16px,4vw,48px);display:flex}.details{flex-direction:column;gap:28px;width:100%;max-width:560px;display:flex}.signed-text{border:1px solid var(--outline-variant);background:var(--surface);border-radius:12px;flex-direction:column;flex:220px;gap:4px;min-width:0;padding:12px 16px;display:flex}.block{flex-direction:column;gap:20px;display:flex}.block-line{display:block}.pay{flex-direction:column;gap:12px;display:flex}.narrow-page{flex-direction:column;flex:1;gap:24px;width:100%;max-width:592px;margin:0 auto;padding:clamp(24px,8vh,96px) 16px 56px;display:flex}.big-check{background:var(--primary-container);width:56px;height:56px;color:var(--on-primary-container);border-radius:28px;justify-content:center;align-items:center;display:inline-flex}.reference-box{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;padding:16px 24px;display:flex}.reference{letter-spacing:2px;font-size:36px;line-height:44px}.reference.small-ref{font-size:28px;line-height:36px}.two-fields{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:24px 16px;display:grid}.reference-field input{letter-spacing:2px;text-transform:uppercase}.status-card{flex-direction:column;gap:20px;padding:24px;display:flex}.status-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 32px;display:flex}.status-head .right{text-align:right}.stages{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.stages li{color:var(--on-surface-variant);align-items:center;gap:12px;display:flex}.stages li.now{color:var(--on-surface);font-weight:500}.stage-dot{border:2px solid var(--outline);border-radius:8px;flex:none;width:16px;height:16px}.stages li.past .stage-dot{border-color:var(--primary);background:var(--secondary-container)}.stages li.now .stage-dot{border-color:var(--primary);background:var(--primary)}.pre-lines{white-space:pre-wrap;overflow-wrap:anywhere}