.tool-wrap{width:min(100% - 2rem,56rem);margin:0 auto;scroll-margin-top:4.5rem}@media (width>=640px){.tool-wrap{width:min(100% - 2rem,56rem)}}.tool-shell{gap:1rem;display:grid}.size-panel{text-align:center;justify-items:center;gap:.75rem;padding:.25rem 0 .15rem;display:grid}.size-label{color:var(--text);font-size:.82rem;font-weight:600}.size-custom{color:var(--muted);justify-content:center;align-items:center;gap:.55rem;font-size:.82rem;display:flex}.size-input-wrap{border:1px solid var(--hairline);background:var(--input-bg);border-radius:.5rem;display:flex;overflow:hidden}.size-input-wrap:focus-within{border-color:var(--action);box-shadow:0 0 0 3px #0066ff2e}.size-input-wrap input{width:4.6rem;color:var(--text);background:0 0;border:0;outline:none;padding:.55rem .7rem;font-size:.95rem;font-weight:700}.size-unit{color:var(--action);background:#0066ff14;place-items:center;padding:0 .7rem;font-size:.72rem;font-weight:700;display:grid}.dim-fold{text-align:center;justify-items:center;gap:.55rem;padding:0 0 .1rem;display:grid}.dim-toggle{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:.28rem;margin:0;padding:.2rem .15rem;font-size:.82rem;font-weight:600;display:inline-flex}.dim-toggle:hover,.dim-toggle[aria-expanded=true]{color:var(--text)}.dim-toggle.has-value{color:var(--action)}.dim-toggle:active{transform:scale(.97)}.dim-chevron{width:.95rem;height:.95rem;transition:transform .18s cubic-bezier(.23,1,.32,1)}.dim-toggle[aria-expanded=true] .dim-chevron{transform:rotate(180deg)}.dim-panel{justify-items:center;gap:.7rem;width:100%;display:grid}.dim-panel[hidden]{display:none}.dim-panel .size-input-wrap input{width:3.55rem;padding:.55rem .5rem}.dim-times{color:var(--muted);font-weight:700}.size-dim-note{max-width:28rem;color:var(--muted);margin:0;font-size:.75rem;line-height:1.45}.dim-clear{color:var(--muted);cursor:pointer;background:0 0;border:0;margin:0;padding:.15rem .2rem;font-size:.75rem;font-weight:600}.dim-clear:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){.dim-chevron{transition:none}}.preset-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.preset{border:1px solid var(--hairline);min-height:2.25rem;color:var(--text);background:var(--chip-bg);cursor:pointer;border-radius:.5rem;padding:.4rem .72rem;font-size:.78rem;font-weight:600;transition:background .16s,border-color .16s,color .16s,transform .12s ease-out}.preset:hover{border-color:#0066ff80}.preset.active{color:#fff;background:var(--action);border-color:#0000}.preset:active{transform:scale(.97)}.local-status,.trust-row,.drop-help,.trust-note,.file-card span,.result-card span{color:var(--muted);margin:0;font-size:.78rem;line-height:1.45}.local-status{text-align:center}.trust-row{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem 1.15rem;margin:0;padding:.1rem 0 0;font-size:.78rem;line-height:1.35;list-style:none;display:flex}.trust-row li{align-items:center;gap:.35rem;display:inline-flex}.trust-row svg{width:.95rem;height:.95rem;color:var(--action);flex-shrink:0}.dropzone{border:2px dashed var(--dash);background:var(--drop-bg);text-align:center;cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;min-height:220px;padding:1.25rem 1rem;transition:border-color .2s,background .2s,transform .2s cubic-bezier(.23,1,.32,1),min-height .18s,padding .18s;display:flex;position:relative}@media (width>=1024px){.dropzone{min-height:280px;padding:4rem 2rem}}.dropzone.has-files{min-height:0;padding:.8rem 1rem}@media (width>=1024px){.dropzone.has-files{min-height:0;padding:.85rem 1.1rem}}.dropzone.has-files .drop-inner{flex-flow:wrap;justify-content:center;gap:.65rem 1rem}.dropzone.has-files .drop-icon{width:2.15rem;height:2.15rem}.dropzone.has-files .drop-copy{text-align:left}.dropzone:hover{border-color:#0066ff80}.dropzone.is-over,.dropzone:focus-visible{border-color:var(--action);background:#0066ff0d;outline:none;transform:scale(1.02)}.file-input{display:none}.drop-inner{flex-direction:column;align-items:center;gap:1rem;display:flex}@media (width>=1024px){.drop-inner{gap:1.5rem}}.drop-icon{width:3rem;height:3rem;color:var(--action);background:#0066ff1a;border-radius:999px;place-items:center;display:grid}.drop-copy{gap:.5rem;display:grid}.select-button{color:#fff;background:linear-gradient(135deg,#06f,#5d9dfd);border-radius:.5rem;align-items:center;gap:.45rem;padding:.62rem 1.35rem;font-size:.88rem;font-weight:600;display:inline-flex}.select-button svg{width:1rem;height:1rem}.file-grid,.result-grid{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:0;padding:.1rem;list-style:none;display:flex;overflow-y:auto}.file-grid{max-height:23rem}.result-grid{max-height:34rem}.file-grid[hidden],.results[hidden]{display:none}.file-card,.result-card{border:1px solid var(--hairline);background:var(--surface-strong);border-radius:.6rem;flex:0 0 16rem;width:16rem;min-width:0;padding:.45rem}.thumb-wrap{aspect-ratio:1;background:var(--surface-soft);cursor:zoom-in;border-radius:.45rem;width:100%;position:relative;overflow:hidden}.thumb-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.thumb-wrap.is-file{cursor:default;background:linear-gradient(135deg, color-mix(in srgb, var(--action) 8%, var(--surface-soft)), var(--surface-soft));place-items:center;display:grid}.no-preview-mark{color:var(--muted);font-size:.78rem;font-weight:700}.no-preview-mark[hidden]{display:none}.no-preview-note{color:var(--muted);margin:.4rem 0 0;font-size:.74rem;line-height:1.4}.no-preview-note[hidden]{display:none}.file-card strong,.result-card strong{text-overflow:ellipsis;white-space:nowrap;margin-top:.4rem;font-size:.8rem;display:block;overflow:hidden}.file-card span,.result-card span{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.35;display:-webkit-box;overflow:hidden}.result-card.is-warn{border-color:color-mix(in srgb, #db7706 45%, var(--hairline))}.result-card .result-note:empty{display:none}.result-card .result-note.is-warn{-webkit-line-clamp:6;color:#7b4414}.dark .result-card .result-note.is-warn{color:#f8c477}.result-card .shrink-further{color:#7b4414;border-color:color-mix(in srgb, #db7706 40%, var(--hairline));background:color-mix(in srgb, #db7706 12%, var(--chip-bg))}.dark .result-card .shrink-further{color:#f8c477}.remove-file{color:#fff;cursor:pointer;background:#d31212;border:0;border-radius:999px;width:1.45rem;height:1.45rem;font-size:.95rem;line-height:1;position:absolute;top:.35rem;right:.35rem}.secondary-button{border:1px solid var(--hairline);width:100%;color:var(--text);background:var(--chip-bg);cursor:pointer;border-radius:.35rem;margin-top:.28rem;padding:.28rem .3rem;font-size:.68rem;font-weight:600}.secondary-button.subtle{width:auto;color:var(--muted);margin-top:0}.result-actions .secondary-button{width:auto;margin-top:0}.input-errors{border:1px solid color-mix(in srgb, var(--error) 28%, transparent);color:var(--error);background:color-mix(in srgb, var(--error) 7%, transparent);border-radius:.5rem;padding:.7rem .85rem;font-size:.82rem;line-height:1.45}.input-errors a{color:inherit;font-weight:700;text-decoration:underline}.input-errors p+p,.input-errors p+ul{margin-top:.55rem}.overflow-modal{z-index:95;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.overflow-modal[hidden]{display:none}.overflow-modal-backdrop{cursor:pointer;background:#14181e73;border:0;position:absolute;inset:0}.overflow-modal-card{z-index:1;aspect-ratio:1;border:1px solid var(--hairline,#d7dee8);text-align:center;background:#fff;border-radius:.85rem;align-content:center;width:min(20.5rem,100vw - 2rem);padding:1.7rem 1.15rem 1.2rem;display:grid;position:relative;box-shadow:0 16px 40px #0f172a29}.overflow-modal-x{color:#888;width:1.8rem;height:1.8rem;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:1.35rem;line-height:1;position:absolute;top:.4rem;right:.45rem}.overflow-modal-card h3{color:#e10600;margin:0 0 .55rem;font-size:1.15rem;font-weight:800;line-height:1.2}.overflow-modal-body{color:#e10600;justify-items:center;gap:.55rem;font-size:.84rem;line-height:1.45;display:grid}.overflow-modal-body p{max-width:17.5rem;margin:0}.overflow-modal-body a{color:#e10600;font-weight:800;text-decoration:underline}.overflow-handoff-list{justify-content:center;width:100%;margin:.35rem 0 0;padding:0;display:flex}.overflow-modal-card .primary-button{width:auto;min-width:0}.overflow-modal-card .primary-button:disabled{cursor:wait}.form-actions{text-align:center;justify-items:center;gap:.65rem;display:grid}.run-progress{gap:.55rem;width:min(100%,22rem);display:grid}.run-progress[hidden]{display:none}.run-progress-copy{justify-items:center;gap:.2rem;display:grid}.run-progress-pct{color:var(--action);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:800;line-height:1}.run-status{color:var(--muted);margin:0;font-size:.82rem;font-weight:600;line-height:1.35}.run-progress-track{background:color-mix(in srgb, var(--action) 12%, var(--chip-bg));border-radius:999px;height:.55rem;overflow:hidden}.run-progress-fill{border-radius:inherit;background:linear-gradient(135deg,#06f,#5d9dfd);width:0;height:100%;transition:width .18s ease-out;position:relative;overflow:hidden}.run-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff61,#0000);animation:1.15s ease-in-out infinite run-sheen;position:absolute;inset:0}@keyframes run-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}.file-card.is-working{border-color:color-mix(in srgb, var(--action) 55%, var(--hairline));box-shadow:0 0 0 3px color-mix(in srgb, var(--action) 14%, transparent)}.result-card .secondary-button{width:100%;margin-top:.4rem;padding:.42rem .5rem;font-size:.78rem}@media (prefers-reduced-motion:reduce){.run-progress-fill{transition:none}.run-progress-fill:after{animation:none}}.form-actions[hidden]{display:none}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06f,#5d9dfd);border:0;border-radius:.5rem;justify-content:center;align-items:center;min-width:min(100%,16rem);min-height:2.7rem;padding:.7rem 1.35rem;font-size:.9rem;font-weight:700;transition:transform .12s ease-out,filter .16s;display:inline-flex}.primary-button:hover:not(:disabled){filter:brightness(.96)}.primary-button:active:not(:disabled){transform:scale(.97)}.primary-button:disabled{cursor:not-allowed;opacity:.45}.primary-button[hidden]{display:none}.results{gap:.85rem;padding-top:.25rem;display:grid}.results-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.results-heading h3{margin:0;font-size:1.05rem;font-weight:600}.result-actions{gap:.4rem;display:flex}.result-actions [hidden]{display:none}.card-savings{border:1px solid color-mix(in srgb, var(--action) 16%, transparent);background:color-mix(in srgb, var(--action) 6%, var(--chip-bg));border-radius:.7rem;align-items:center;gap:.65rem;margin-top:.45rem;padding:.55rem .55rem .55rem .45rem;display:flex}.result-card .savings-meter{flex:none;width:3.35rem;height:3.35rem;position:relative}.result-card .savings-meter svg{width:100%;height:100%;transform:rotate(-90deg)}.result-card .savings-ring,.result-card .savings-segment{fill:none;stroke-width:3px}.result-card .savings-ring{stroke:color-mix(in srgb, var(--action) 16%, var(--chip-bg))}.result-card .savings-segment{stroke:var(--action);stroke-linecap:round}.result-card .savings-meter b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;place-items:center;font-size:.72rem;font-weight:800;display:grid;position:absolute;inset:0}.result-card .savings-copy{gap:.12rem;min-width:0;display:grid}.result-card .savings-title,.result-card .savings-sizes{-webkit-line-clamp:unset;margin:0;display:block}.result-card .savings-title{font-size:.78rem;font-weight:700;line-height:1.3}.result-card .savings-sizes{color:var(--muted);font-size:.72rem;font-weight:600;line-height:1.35}.share-block{text-align:center;justify-items:center;gap:.4rem;padding:1rem 0 .2rem;display:grid}.share-block[hidden]{display:none}.share-block h4{margin:0;font-size:1.12rem;font-weight:800}.share-block>p{max-width:28rem;color:var(--muted);margin:0;font-size:.92rem;line-height:1.45}.share-list{flex-wrap:wrap;justify-content:center;gap:.2rem 1.15rem;margin:.35rem 0 0;padding:0;list-style:none;display:flex}.share-link{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;padding:.35rem 0;font-size:.92rem;font-weight:600;display:inline-flex}.share-link svg{flex:none;width:1.05rem;height:1rem}.share-link:hover,.share-link:focus-visible{text-decoration:underline}.dark .overflow-modal-card{background:#fff;border-color:#e5e7eb}.dark .share-link svg path[fill=\#161616]{fill:#f3f4f6}.dark .share-link svg path[stroke=\#334155]{stroke:#e2e8f0}@media (width<=720px){.form-actions .primary-button{width:100%}}.lightbox{z-index:80;place-items:center;padding:4.75rem 4.2rem 2rem;display:grid;position:fixed;inset:0}.lightbox[hidden]{display:none}.lightbox-backdrop{cursor:zoom-out;background:#07090dd6;border:0;position:absolute;inset:0}.lightbox-chrome{z-index:2;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex;position:absolute;top:0;left:0;right:0}.lightbox-meta{color:#fff;gap:.15rem;min-width:0;margin:0;display:grid}.lightbox-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.lightbox-meta span{color:#ffffffb3;font-size:.78rem}.lightbox-actions{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.lightbox-action,.lightbox-close,.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff1f;border:0}.lightbox-action{border-radius:.45rem;padding:.42rem .75rem;font-size:.8rem;font-weight:700}.lightbox-action:hover,.lightbox-close:hover,.lightbox-nav:hover{background:#fff3}.lightbox-action:active,.lightbox-close:active{transform:scale(.97)}.lightbox-close{border-radius:999px;width:2.2rem;height:2.2rem;font-size:1.4rem;line-height:1}.lightbox-nav{z-index:2;border-radius:999px;width:2.6rem;height:2.6rem;font-size:1.7rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:active{transform:translateY(-50%)scale(.97)}.lightbox-nav.prev{left:.75rem}.lightbox-nav.next{right:.75rem}.lightbox-nav[hidden],.lightbox-action[hidden]{display:none}.lightbox-image{z-index:1;-o-object-fit:contain;object-fit:contain;border-radius:.55rem;max-width:min(92vw,56rem);max-height:min(76vh,44rem);position:relative;box-shadow:0 18px 50px #00000059}@media (width<=640px){.lightbox{padding:4.6rem .75rem 1.25rem}.lightbox-nav{width:2.2rem;height:2.2rem}.lightbox-nav.prev{left:.35rem}.lightbox-nav.next{right:.35rem}}@media (prefers-reduced-motion:reduce){.lightbox-action:active,.lightbox-close:active{transform:none}.lightbox-nav:active{transform:translateY(-50%)}}:root{color-scheme:light;--canvas:#fff;--surface-strong:#fff;--surface-soft:#edf4fe8c;--surface-hover:#edf4fe;--input-bg:#fff;--results-bg:#edf4fe66;--text:#020817;--muted:#212225;--placeholder:#5c6470;--hairline:#e2e8f0;--hairline-strong:#c9d4e3;--action:#06f;--success:#188038;--error:#d31212;--drop-bg:linear-gradient(135deg, #fff, #edf4fe73);--dash:#1d222840;--chip-bg:#fff}.dark{color-scheme:dark;--canvas:#000;--surface-strong:#0a0a0a;--surface-soft:#1a1a1a;--surface-hover:#1f1f1f;--input-bg:#141414;--results-bg:#0f0f0f;--text:#fafafa;--muted:#a6a6a6;--placeholder:gray;--hairline:#262626;--hairline-strong:#383838;--action:#06f;--success:#30d158;--error:#ff6961;--drop-bg:transparent;--dash:#a6a6a640;--chip-bg:transparent}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{color:var(--text);background:var(--canvas);margin:0;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.skip-link{z-index:100;color:#fff;background:var(--action);border-radius:999px;padding:.65rem .9rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}#header{background:color-mix(in srgb, var(--canvas) 78%, transparent);backdrop-filter:blur(20px)saturate(160%);border-bottom:1px solid #0000}#header.scroll{border-bottom-color:var(--hairline)}#header a,#header button{color:var(--text)}#header [data-header-actions] a,#header [data-header-actions] button{color:var(--muted)}.home-page,.tool-page{--page-max:56rem;--page-gutter:1rem;background:var(--canvas);overflow:hidden}@media (width>=640px){.home-page,.tool-page{--page-gutter:1.5rem}}.hero-section{padding:clamp(.85rem,1.6vw,1.25rem) 0 clamp(1.5rem,2.5vw,2.25rem)}.hero-copy{width:min(100% - (var(--page-gutter) * 2), var(--page-max));text-align:center;margin:0 auto 1.25rem}.hero-badge{color:var(--action);background:#0066ff14;border:1px solid #0066ff2e;border-radius:999px;margin:0 0 .85rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.hero-copy h1{letter-spacing:-.025em;color:var(--text);margin:0 0 1.5rem;font-size:1.875rem;font-weight:700;line-height:2.25rem}.hero-copy h1 span{color:var(--action)}@media (width>=768px){.hero-copy h1{font-size:3rem;line-height:1}}.hero-intro{max-width:42rem;color:var(--muted);margin:0 auto;font-size:1.125rem;line-height:1.75rem}@media (width>=768px){.hero-intro{font-size:1.25rem;line-height:1.75rem}}.hub-note a,.final-section a{color:var(--action);font-weight:600}.size-intent-grid{grid-template-columns:1fr;gap:1rem;margin:0 0 1.5rem;display:grid}@media (width>=640px){.size-intent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.size-intent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.size-intent-grid article{border:1px solid var(--hairline);background:#fff;border-radius:.75rem;padding:1rem 1.1rem}.dark .size-intent-grid article{background:var(--surface-strong)}.size-intent-grid h3{margin:0 0 .45rem;font-size:1rem;font-weight:650}.size-intent-grid p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.55}.size-intent-grid a,.related-sizes a,.prose-block a{color:var(--action);font-weight:600}.feature-visual{background:var(--surface-soft);border-radius:.75rem;width:100%;margin:1.5rem 0 0;overflow:hidden}.feature-visual img{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.feature-visual figcaption{color:var(--muted);padding:.65rem .85rem .85rem;font-size:.82rem;line-height:1.45}.related-sizes{flex-wrap:wrap;justify-content:center;gap:.65rem 1rem;margin:1rem 0 0;display:flex}.sibling-tool{border:1px solid var(--hairline);background:#fff;border-radius:.85rem;margin-top:1.25rem;padding:1.25rem 1.3rem 1.35rem}.dark .sibling-tool{background:var(--surface-strong)}.sibling-tool h2{letter-spacing:-.02em;margin:0 0 .65rem;font-size:1.25rem;font-weight:700}.sibling-tool h2 a{color:var(--action);text-decoration:none}.sibling-tool h2 a:hover{text-decoration:underline}.sibling-tool p{color:var(--muted);margin:0 0 .85rem;font-size:1rem;line-height:1.65}.sibling-tool .sibling-action{color:var(--action);font-weight:700;text-decoration:none}.sibling-tool .sibling-action:hover{text-decoration:underline}.page-crumbs{width:min(100% - (var(--page-gutter) * 2), var(--page-max));margin:.85rem auto 0}.section-kicker{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .8rem;font-size:.75rem;font-weight:600}.content-section{width:min(100% - (var(--page-gutter) * 2), var(--page-max));border-top:1px solid var(--hairline);margin:0 auto;padding:clamp(3rem,6vw,5rem) 0}.section-heading{max-width:46rem;margin-bottom:2rem}.section-heading h2,.final-section h2{letter-spacing:-.025em;color:var(--text);margin:0 0 1rem;font-size:1.875rem;font-weight:700;line-height:2.25rem}.section-heading>p,.prose-block p,.final-section>p{color:var(--muted);font-size:1rem;line-height:1.625}.prose-block p+p{margin-top:1rem}.fact-list{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.85rem;margin:1.75rem 0 0;display:grid}.fact-list div{border:1px solid var(--hairline);background:#fff;border-radius:.75rem;padding:.85rem .95rem}.dark .fact-list div{background:var(--surface-strong)}.fact-list dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .25rem;font-size:.75rem;font-weight:600}.fact-list dd{margin:0;font-size:.875rem;font-weight:600;line-height:1.25rem}.feature-grid,.use-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.feature-grid article,.use-grid article{border:1px solid var(--hairline);background:var(--surface-strong);box-shadow:none;text-align:center;border-radius:.75rem;padding:1.5rem 1.25rem 1.6rem}.step-grid article{border:1px solid var(--hairline);background:var(--surface-strong);box-shadow:none;text-align:left;border-radius:.75rem;padding:0 0 1.25rem;overflow:hidden}@media (hover:hover) and (pointer:fine){.feature-grid article:hover,.use-grid article:hover,.step-grid article:hover{box-shadow:0 10px 24px -16px #0066ff59}}.icon-bubble{width:3rem;height:3rem;color:var(--action);background:#0066ff1a;border-radius:.5rem;place-items:center;margin:0 auto 1rem;display:grid}.icon-bubble svg{width:1.35rem;height:1.35rem}.feature-grid h3,.use-grid h3,.step-grid h3{color:var(--text);margin:0 0 .5rem;font-size:1.125rem;font-weight:600;line-height:1.75rem}.feature-grid p,.use-grid p,.step-grid p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.25rem}.use-grid p+p{margin-top:.35rem}.use-grid .caveat{color:var(--text)}.step-grid{grid-template-columns:repeat(3,1fr);gap:2rem 1rem;display:grid}.step-visual{aspect-ratio:4/3;background:var(--surface-soft);margin:0 0 1rem;overflow:hidden}.step-visual img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.step-copy{padding:0 1.1rem}.step-icon{color:#fff;background:var(--action);border-radius:999px;place-items:center;width:3rem;height:3rem;margin:0 auto .85rem;display:grid}.step-icon svg{width:1.35rem;height:1.35rem}.step-num{color:var(--action);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .35rem;font-size:.75rem;font-weight:600}.tip-list{color:var(--muted);margin:0;padding-left:1.15rem;font-size:1rem;line-height:1.625}.tip-list li+li{margin-top:.55rem}.faq-section{width:min(100% - (var(--page-gutter) * 2), 56rem)}.faq-list{border-top:1px solid var(--hairline)}.faq-list details{border-bottom:1px solid var(--hairline)}.faq-list summary{color:var(--text);cursor:pointer;justify-content:space-between;gap:1rem;padding:1.15rem 0;font-size:1rem;font-weight:600;line-height:1.5rem;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:1.1rem;height:1.1rem;color:var(--muted);flex:none}.faq-list details p{color:var(--muted);margin:-.2rem 0 1.25rem;font-size:.875rem;line-height:1.625}.final-section{width:min(100% - (var(--page-gutter) * 2), var(--page-max));border:1px solid var(--hairline);background:var(--surface-strong);text-align:center;border-radius:.75rem;margin:1.5rem auto 4rem;padding:clamp(2.5rem,5vw,4rem) 1.5rem}.final-section>a{color:#fff;background:linear-gradient(135deg,#06f,#5d9dfd);border-radius:.5rem;padding:.85rem 1.15rem;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.final-section .related-sizes a{color:var(--action);background:0 0;padding:0;font-size:.9rem;font-weight:650;display:inline}footer{border-color:var(--hairline)!important;background:var(--canvas)!important}@media (width<=800px){.step-grid,.feature-grid,.use-grid{grid-template-columns:1fr}}:root{--paper:oklch(98.5% .002 247.84);--canvas:#fff;--ink:oklch(21% .035 264.66);--ink-800:oklch(28% .033 262);--ink-700:oklch(37% .025 262);--ink-500:oklch(55% .02 262);--ink-400:oklch(70% .015 262);--ink-300:oklch(87% .008 262);--hairline:oklch(92.8% .006 264.53);--hairline-strong:oklch(87% .008 264.5);--blue:oklch(55% .18 262);--blue-700:oklch(50% .17 262);--blue-800:oklch(46% .16 261);--blue-500:oklch(60% .19 260);--blue-200:oklch(90% .04 262);--blue-100:oklch(95% .02 262);--cyan:oklch(72% .16 220);--cmyk-c:oklch(72% .18 220);--cmyk-m:oklch(65% .22 0);--cmyk-y:oklch(85% .18 95);--cmyk-k:oklch(25% .02 262);--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px oklch(21% .03 262/.04);--shadow-xl:0 20px 25px -5px oklch(20% .04 262/.08), 0 8px 10px -6px oklch(20% .04 262/.04);--gradient-step:linear-gradient(90deg, var(--blue) 0%, var(--cyan) 50%, var(--blue) 100%)}body{background:var(--paper);color:var(--ink)}.page-home{background:var(--paper)}.hdr{z-index:40;backdrop-filter:blur(12px)saturate(160%);border-bottom:1px solid var(--hairline);background:oklch(99% .003 262/.95);position:sticky;top:0}.hdr-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:72rem;height:4rem;margin:0 auto;padding:0 1rem;display:flex}.hdr-logo{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.hdr-logo-mark{background:var(--blue);color:#fff;border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.hdr-logo-mark svg{width:18px;height:18px}.hdr-nav{align-items:center;gap:.25rem;display:flex}.hdr-nav a{color:var(--ink-700);border-radius:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s}.hdr-nav a:hover{color:var(--ink);background:#fff}.hdr-nav a.cta{background:var(--blue);color:#fff;box-shadow:var(--shadow-sm);padding:.55rem 1rem;font-weight:600}.hdr-nav a.cta:hover{background:var(--blue-700);color:#fff}.hdr-nav a.lang{color:var(--ink-500);font-size:.8125rem}.hero{text-align:center;max-width:72rem;margin:0 auto;padding:2.5rem 1rem 1rem}.hero h1{letter-spacing:-.025em;color:var(--ink);margin:0 0 .875rem;font-size:clamp(2rem,3.6vw,2.25rem);font-weight:700;line-height:1.15}.hero h1 em{color:var(--blue);font-style:normal}.hero .lede{max-width:56ch;color:var(--ink-700);margin:0 auto;font-size:1.0625rem;line-height:1.6}.print-rule{background:repeating-linear-gradient(90deg,oklch(85% .01 262) 0 1px,#0000 1px 24px,oklch(85% .01 262) 24px 26px,#0000 26px 56px);max-width:72rem;height:2px;margin:2rem auto 1.5rem}.print-hero-stage{background:var(--canvas);border:1px solid var(--hairline);border-radius:1rem;max-width:88rem;margin:0 auto;padding:.5rem;position:relative;box-shadow:0 1px 2px oklch(21% .03 262/.04),0 24px 48px -24px oklch(21% .04 262/.1),inset 0 1px oklch(100% 0 0/.55)}@media (width>=640px){.print-hero-stage{padding:1rem}}.registration-cross{z-index:0;pointer-events:none;width:12px;height:12px;position:absolute}.registration-cross:before,.registration-cross:after{content:"";opacity:.35;background:currentColor;position:absolute}.registration-cross:before{width:1px;height:100%;top:0;left:50%;transform:translate(-50%)}.registration-cross:after{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}.registration-cross.tl{color:var(--blue-800);top:20px;left:20px}.registration-cross.tr{color:var(--blue-800);top:20px;right:20px}.registration-cross.bl{color:var(--blue-800);bottom:20px;left:20px}.registration-cross.br{color:var(--blue-800);bottom:20px;right:20px}.stage-inner{max-width:82rem;margin:0 auto;padding:1.5rem 1rem;scroll-margin-top:72px;position:relative}.step-rail{overscroll-behavior-x:contain;scrollbar-width:none;max-width:100%;margin-bottom:2rem;overflow-x:auto}.step-rail::-webkit-scrollbar{display:none}.step-list{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);backdrop-filter:blur(6px);background:oklch(100% 0 0/.75);border-radius:.5rem;justify-content:center;align-items:center;gap:0;width:fit-content;max-width:max-content;margin:0 auto;padding:1rem 1.25rem;list-style:none;display:flex}.step-list li{align-items:center;display:flex}.step-list li button{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.375rem;padding:0;font-family:inherit;display:flex}.step-list li button[disabled]{cursor:not-allowed}.step-num{width:36px;height:36px;color:var(--ink-500);background:oklch(92% .007 264);border-radius:999px;place-items:center;font-size:.875rem;font-weight:700;transition:background-color .15s,color .15s;display:grid;box-shadow:0 0 0 4px oklch(94% .007 264)}.step-num[data-active=true]{background:var(--blue);color:#fff;box-shadow:0 0 0 4px var(--blue-100)}.step-label{color:var(--ink-400);white-space:nowrap;font-size:.75rem;font-weight:600}.step-list li .step-label[data-active=true]{color:var(--blue)}.step-link{background:var(--hairline-strong);width:32px;height:2px;margin:0 4px}@media (width>=768px){.step-link{width:64px}}.print-panel{border:1px solid var(--hairline);box-shadow:var(--shadow-xl);color:var(--ink);background:oklch(100% 0 0/.95);border-radius:.5rem;grid-template-columns:360px minmax(0,1fr);gap:2rem;padding:1.25rem;display:grid}@media (width>=768px){.print-panel{padding:2rem}}@media (width<=720px){.print-panel{grid-template-columns:1fr}}.cmyk-mark{gap:3px;display:inline-flex}.cmyk-mark span{border-radius:999px;width:8px;height:8px}.cmyk-c{background:var(--cmyk-c)}.cmyk-m{background:var(--cmyk-m)}.cmyk-y{background:var(--cmyk-y)}.cmyk-k{background:var(--cmyk-k)}.panel-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.panel-head h2{color:var(--ink);margin:0;font-size:1.25rem;font-weight:700}.form-col{align-content:start;gap:1.25rem;display:grid}.field label{color:var(--ink-700);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.field .hint{color:var(--ink-500);margin-top:.5rem;font-size:.75rem;line-height:1.55}.field-row{gap:.5rem;display:flex}.field-input{border:1px solid var(--hairline-strong);min-width:0;color:var(--ink);background:#fff;border-radius:.5rem;flex:1;padding:.625rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px 2px oklch(21% .03 262/.04)}.field-input:focus{border-color:var(--blue-500);outline:none;box-shadow:0 0 0 3px oklch(55% .18 262/.18)}.btn-solid{background:var(--blue);color:#fff;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);border:0;border-radius:.5rem;justify-content:center;align-items:center;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .15s;display:inline-flex}.btn-solid:hover:not([disabled]){background:var(--blue-700)}.btn-solid:active:not([disabled]){background:var(--blue-800)}.btn-solid[disabled]{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--ink-800);cursor:pointer;background:oklch(92% .006 264);border:0;border-radius:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .15s}.btn-ghost:hover{background:oklch(88% .007 264)}.examples{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (width>=640px){.examples{flex-wrap:wrap;gap:.75rem;display:flex}}.examples button{cursor:pointer;aspect-ratio:4/3;box-shadow:var(--shadow-sm);background:0 0;border:2px solid #0000;border-radius:.5rem;padding:0;transition:border-color .15s,box-shadow .15s;overflow:hidden}@media (width>=640px){.examples button{width:72px;height:54px}}.examples button:hover{border-color:var(--blue-500);box-shadow:0 0 0 3px oklch(55% .18 262/.18),0 6px 12px oklch(20% .04 262/.1)}.examples button img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.drop-panel{border:2px dashed var(--hairline-strong);min-height:340px;color:var(--ink-500);cursor:pointer;background:oklch(99% .002 262/.8);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}@media (width>=768px){.drop-panel{min-height:360px}}.drop-panel:hover{border-color:var(--blue);box-shadow:0 12px 30px oklch(55% .18 262/.12)}.halftone-field{z-index:0;opacity:.18;background-image:radial-gradient(circle, var(--ink-300) 0 1.2px, transparent 1.4px);pointer-events:none;background-size:12px 12px;position:absolute;inset:0}.paper-grid-lines{border:1px solid var(--blue-200);opacity:.55;background:linear-gradient(0deg, transparent 0 calc(100% - 1px), var(--blue-200) calc(100% - 1px) 100%) 0 0/100% 24px, linear-gradient(90deg, transparent 0 calc(100% - 1px), var(--blue-200) calc(100% - 1px) 100%) 0 0/24px 100%;pointer-events:none;border-radius:.375rem;position:absolute;inset:20px}.drop-inner{z-index:10;text-align:center;padding:0 1rem;position:relative}.drop-icon{border:1px solid var(--blue-100);width:64px;height:64px;color:var(--blue);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;place-items:center;margin:0 auto 1rem;display:grid}.drop-icon svg{width:36px;height:36px}.drop-title{color:var(--ink-700);margin:0;font-size:.875rem;font-weight:500}.drop-sub{color:var(--ink-400);margin:4px 0 0;font-size:.75rem}.section-made{max-width:88rem;margin:0 auto;padding:2.5rem 1rem}.made-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-bottom:1rem;display:flex}.made-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-500);margin:0;font-size:.875rem;font-weight:900}.made-h2{color:var(--ink);margin:4px 0 0;font-size:1.25rem;font-weight:900}@media (width>=640px){.made-h2{font-size:1.5rem}}.made-cta{background:var(--ink);color:#fff;border-radius:999px;align-items:center;min-height:44px;padding:0 1.25rem;font-size:.875rem;font-weight:900;text-decoration:none;transition:background-color .15s;display:inline-flex}.made-cta:hover{background:var(--ink-800)}.rail{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.rail-track{gap:1rem;width:max-content;padding:.25rem 0;display:flex}.rail-card{border:1px solid var(--hairline);width:144px;box-shadow:var(--shadow-sm);background:#fff;border-radius:.375rem;flex:none;overflow:hidden}@media (width>=640px){.rail-card{width:176px}}@media (width>=768px){.rail-card{width:208px}}.rail-card .art{aspect-ratio:4/5;background:oklch(96% .008 262);justify-content:center;align-items:center;display:flex}.rail-card .art img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.rail-card .art.a1{background:linear-gradient(160deg,oklch(62% .13 18),oklch(40% .16 12))}.rail-card .art.a2{background:linear-gradient(160deg,oklch(80% .1 80),oklch(55% .16 60))}.rail-card .art.a3{background:linear-gradient(160deg,oklch(62% .12 220),oklch(40% .14 250))}.rail-card .art.a4{background:linear-gradient(160deg,oklch(66% .12 155),oklch(45% .14 175))}.rail-card .art.a5{background:linear-gradient(160deg,oklch(82% .07 280),oklch(58% .14 295))}.rail-card .art.a6{background:linear-gradient(160deg,oklch(88% .05 50),oklch(75% .1 30))}.rail-card .art.a7{background:linear-gradient(160deg,oklch(65% .1 200),oklch(45% .12 230))}.rail-card .art.a8{background:linear-gradient(160deg,oklch(72% .13 20),oklch(55% .16 30))}.tools{max-width:88rem;margin:0 auto;padding:2rem 1rem}.tools h2{letter-spacing:-.02em;color:var(--ink);margin:0 0 .5rem;font-size:1.875rem;font-weight:800}.tools .sub{color:var(--ink-700);max-width:60ch;margin:0 0 1.5rem;font-size:1rem}.tools-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=960px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.tools-grid{grid-template-columns:1fr}}.tool-tile{border:1px solid var(--hairline);color:inherit;background:#fff;border-radius:.75rem;padding:1.5rem;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:block}.tool-tile:hover{border-color:var(--blue-200);transform:translateY(-2px);box-shadow:0 12px 24px -8px oklch(20% .04 262/.1)}.tool-tile h3{color:var(--ink);margin:0 0 .375rem;font-size:1rem;font-weight:700}.tool-tile p{color:var(--ink-700);margin:0;font-size:.875rem;line-height:1.55}.tool-tile .tile-icon{border-radius:.625rem;place-items:center;width:40px;height:40px;margin-bottom:.875rem;font-size:18px;display:grid}.tile-icon.i-peach{color:oklch(50% .16 25);background:oklch(94% .06 30)}.tile-icon.i-blue{background:var(--blue-100);color:var(--blue)}.tile-icon.i-amber{color:oklch(55% .14 75);background:oklch(94% .08 90)}.tile-icon.i-green{color:oklch(50% .13 160);background:oklch(94% .06 155)}.tile-icon.i-rose{color:oklch(52% .16 10);background:oklch(94% .05 15)}.tile-icon.i-violet{color:oklch(50% .15 295);background:oklch(94% .05 290)}.faq{max-width:56rem;margin:0 auto;padding:3rem 1rem}.faq h2{letter-spacing:-.02em;color:var(--ink);margin:0 0 .5rem;font-size:1.875rem;font-weight:800}.faq .sub{color:var(--ink-700);margin:0 0 1.5rem;font-size:.9375rem}.faq-list{gap:.5rem;display:grid}.faq details{border:1px solid var(--hairline);background:#fff;border-radius:.75rem;padding:1rem 1.25rem}.faq details[open]{border-color:var(--blue-200)}.faq summary{cursor:pointer;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;font-size:.9375rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--blue);flex-shrink:0;font-size:1.25rem;font-weight:400}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--ink-700);margin:.5rem 0 0;font-size:.875rem;line-height:1.65}.site-footer{border-top:1px solid var(--hairline);backdrop-filter:blur(12px);background:oklch(98% .004 262/.7);margin-top:4rem;padding:2.5rem 1rem}.site-footer-inner{grid-template-columns:repeat(5,minmax(0,1fr));gap:2rem;max-width:72rem;margin:0 auto;display:grid}@media (width<=800px){.site-footer-inner{grid-template-columns:repeat(2,1fr)}}.site-footer h4{color:var(--ink);margin:0 0 .75rem;font-size:.9375rem;font-weight:600}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer ul li{margin:6px 0}.site-footer ul a{color:var(--ink-700);font-size:.875rem;text-decoration:none}.site-footer ul a:hover{color:var(--blue)}.site-footer-foot{border-top:1px solid var(--hairline);text-align:center;max-width:72rem;color:var(--ink-500);margin:2rem auto 0;padding-top:1rem;font-size:.75rem}@media (width<=720px){.hdr-nav a:not(.cta):not(.lang){display:none}.step-list{padding:.875rem 1rem}.step-num{width:30px;height:30px;font-size:.8125rem}.step-link{width:18px}.print-panel{grid-template-columns:1fr;gap:1.5rem}}.upload-meta{color:var(--ink-400);align-self:center;font-size:12px}.faq .sub a{color:var(--blue);text-decoration:none}.faq .sub a:hover{text-decoration:underline}.why{max-width:88rem;margin:0 auto;padding:3rem 1rem}.why h2{letter-spacing:-.02em;color:var(--ink);margin:0 0 .5rem;font-size:1.875rem;font-weight:800}.why .sub{color:var(--ink-700);max-width:60ch;margin:0 0 1.5rem;font-size:.9375rem}.why-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=800px){.why-grid{grid-template-columns:1fr}}.why-card{border:1px solid var(--hairline);background:#fff;border-radius:.75rem;overflow:hidden}.why-art{aspect-ratio:16/9;background:radial-gradient(circle at 22% 30%,oklch(72% .13 18) 0%,#0000 48%),radial-gradient(circle at 78% 72%,oklch(60% .15 200) 0%,#0000 50%),linear-gradient(135deg,oklch(95% .02 262),oklch(88% .03 262))}.why-card.w2 .why-art{background:radial-gradient(circle at 70% 22%,oklch(72% .14 15) 0%,#0000 50%),radial-gradient(circle at 20% 78%,oklch(82% .1 90) 0%,#0000 50%),linear-gradient(135deg,oklch(95% .02 65),oklch(88% .04 60))}.why-card.w3 .why-art{background:radial-gradient(circle at 28% 18%,oklch(80% .1 205) 0%,#0000 48%),radial-gradient(circle at 78% 82%,oklch(62% .14 285) 0%,#0000 50%),linear-gradient(135deg,oklch(95% .02 250),oklch(88% .04 240))}.why-card.w4 .why-art{background:radial-gradient(circle at 55% 35%,oklch(82% .11 155) 0%,#0000 48%),radial-gradient(circle at 18% 80%,oklch(68% .14 25) 0%,#0000 50%),linear-gradient(135deg,oklch(95% .02 155),oklch(88% .04 160))}.why-body{padding:1.375rem}.why-body h3{color:var(--ink);margin:0 0 .5rem;font-size:1.0625rem;font-weight:700}.why-body p{color:var(--ink-700);margin:0;font-size:.875rem;line-height:1.6}.paper-sizes{background:oklch(97% .005 262);max-width:88rem;margin:0 auto;padding:3rem 1rem}.paper-inner{max-width:72rem;margin:0 auto}.paper-sizes h2{letter-spacing:-.02em;color:var(--ink);margin:0 0 .5rem;font-size:1.875rem;font-weight:800}.paper-sizes .sub{color:var(--ink-700);max-width:60ch;margin:0 0 1.5rem;font-size:.9375rem}.paper-grid{grid-template-columns:repeat(8,1fr);gap:.75rem;display:grid}@media (width<=1200px){.paper-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=640px){.paper-grid{grid-template-columns:repeat(2,1fr)}}.paper{border:1px solid var(--hairline);text-align:center;cursor:pointer;background:#fff;border-radius:.5rem;padding:.875rem;transition:transform .15s,box-shadow .15s,border-color .15s}.paper:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 6px 16px -4px oklch(55% .18 262/.15)}.paper-icon{aspect-ratio:210/297;background:var(--ink);border-radius:2px;width:48px;margin:0 auto .5rem}.paper-name{color:var(--ink);font-size:.875rem;font-weight:700}.paper-meta{color:var(--ink-500);margin-top:2px;font-size:.6875rem}.icon-btn{width:40px;height:40px;color:var(--ink-700);cursor:pointer;background:0 0;border:0;border-radius:.5rem;justify-content:center;align-items:center;padding:10px;transition:background-color .15s,color .15s;display:inline-flex}.icon-btn:hover{color:var(--ink);background:oklch(94% .01 262)}.lang-select{max-width:124px;color:var(--ink-700);border:1px solid var(--hairline);cursor:pointer;background:oklch(96% .006 264);border-radius:.5rem;padding:.375rem .625rem;font-size:.875rem}.lang-select:hover{border-color:var(--hairline-strong)}@media (width<=720px){.lang-select{max-width:100px;font-size:.8125rem}}.print-rule-small{background:repeating-linear-gradient(90deg,oklch(85% .01 262) 0 1px,#0000 1px 24px,oklch(85% .01 262) 24px 26px,#0000 26px 56px);max-width:36rem;height:1px;margin:.75rem auto 3rem}.tools h2,.why h2,.how h2,.two-col h2,.paper-sizes h2,.faq h2,.section-made h2{text-align:center;letter-spacing:-.02em;color:var(--ink);margin-left:auto;margin-right:auto;font-size:1.875rem;font-weight:800}.tools .sub,.why .sub,.how .sub,.two-col .sub,.paper-sizes .sub,.faq .sub{text-align:center;color:var(--ink-700);margin-left:auto;margin-right:auto}.two-col{max-width:88rem;margin:0 auto;padding:3rem 1rem}.two-col-grid{grid-template-columns:.98fr 1.02fr;align-items:stretch;gap:2rem;display:grid}@media (width<=800px){.two-col-grid{grid-template-columns:1fr}}.two-col-text{border:1px solid var(--hairline);color:var(--ink-700);background:#fff;border-radius:.5rem;padding:1.5rem 2rem;font-size:1rem;line-height:1.7}.two-col-text p:last-child{margin-bottom:0}.two-col-art{border:1px solid var(--hairline);background:#fff;border-radius:.5rem;overflow:hidden}.two-col-art img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.how{max-width:88rem;margin:0 auto;padding:3rem 1rem;position:relative}.how-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid;position:relative}@media (width<=720px){.how-grid{grid-template-columns:1fr}}.how-grid:before{content:"";background:var(--hairline);height:1px;display:none;position:absolute;top:64px;left:40px;right:40px}@media (width>=720px){.how-grid:before{display:block}}.how-card{border:1px solid var(--hairline);text-align:center;color:var(--ink);background:#fff;border-radius:.5rem;padding:1.75rem;transition:transform .18s,box-shadow .18s}.how-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px -12px oklch(20% .04 262/.1)}.how-ic{border-radius:999px;place-items:center;width:64px;height:64px;margin:0 auto 1rem;display:grid}.how-ic.blue{color:var(--blue);background:oklch(94% .04 262)}.how-card h3{color:var(--ink);margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.how-card p{color:var(--ink-700);margin:0;font-size:.9375rem;line-height:1.6}.why-small-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}@media (width<=980px){.why-small-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.why-small-grid{grid-template-columns:1fr}}.why-small{border:1px solid var(--hairline);color:var(--ink);background:#fff;border-radius:.75rem;padding:1.5rem;position:relative;overflow:hidden}.why-small-num{color:var(--hairline-strong);letter-spacing:-.03em;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:2.25rem;font-weight:900;line-height:1;position:absolute;top:12px;right:16px}.why-small h3{color:var(--ink);margin:0 0 .5rem;font-size:1rem;font-weight:700}.why-small p{color:var(--ink-700);margin:0;font-size:.875rem;line-height:1.6}.tools h2,.faq h2{max-width:100%}.tools .sub,.faq .sub{text-align:left}@media (width>=720px){.tools h2,.faq h2{text-align:left}.tools{padding-top:4rem}}.preview-canvas{border-radius:6px;width:100%;height:auto;display:block}.preview-canvas-small,.poster-overview-canvas{border-radius:6px;width:auto;max-width:100%;height:auto;max-height:560px;margin:0 auto;display:block;box-shadow:0 2px 12px oklch(20% .04 262/.08)}.preview-shell{flex-direction:column;gap:8px;display:flex}.preview-meta{text-align:center}.source-summary{background:oklch(98% .005 262);border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:6px;padding:10px;display:flex}.source-thumb img,.source-thumb-image{border-radius:6px;display:block}.mt-8{margin-top:8px}.wizard-actions{justify-content:space-between;gap:10px;margin-top:0;display:flex}.wizard-actions .btn-solid,.wizard-actions .btn-ghost{flex:1}.wizard-actions .wide{flex:initial;width:100%}.paper-picker{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}@media (width>=640px){.paper-picker{grid-template-columns:repeat(5,1fr)}}.paper-tile{border:1px solid var(--hairline);text-align:center;cursor:pointer;font:inherit;background:#fff;border-radius:8px;padding:8px 6px;transition:border-color .15s,transform .15s}.paper-tile:hover{border-color:var(--blue)}.paper-tile.is-active{border-color:var(--blue);background:oklch(97% .02 262)}.paper-tile-icon{aspect-ratio:3/4;background:var(--ink);border-radius:2px;width:24px;margin:0 auto 4px;display:block}.paper-tile-name{color:var(--ink);font-size:13px;font-weight:700;display:block}.paper-tile-size{color:var(--ink-500);font-size:11px;display:block}.seg{border:1px solid var(--hairline-strong);background:#fff;border-radius:8px;display:inline-flex;overflow:hidden}.seg button{color:var(--ink-700);cursor:pointer;background:0 0;border:0;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500}.seg button+button{border-left:1px solid var(--hairline)}.seg button.is-active{background:var(--blue);color:#fff}.seg button[disabled]{opacity:.5;cursor:not-allowed}.unit-picker{width:fit-content}.stepper{align-items:center;gap:1rem;margin:.35rem 0 .75rem;display:inline-flex}.stepper button{border:1px solid var(--hairline-strong);width:2rem;height:2rem;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:.375rem;font-size:1.125rem;line-height:1}.stepper button:hover{border-color:var(--blue);color:var(--blue)}.stepper output{text-align:center;min-width:2rem;font-weight:700}.sheet-number{width:3.2rem;color:var(--ink);font:inherit;text-align:center;background:0 0;border:0;font-weight:700}.effect-select{border:1px solid var(--hairline-strong);width:100%;min-height:2.5rem;color:var(--ink);font:inherit;background:#fff;border-radius:.5rem;padding:.55rem .7rem}.custom-paper-fields{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.custom-paper-fields label{color:var(--ink-700);align-items:center;gap:.35rem;font-size:.8125rem;display:flex}.custom-paper-fields input{border:1px solid var(--hairline-strong);border-radius:.375rem;width:5rem;padding:.45rem}.quick-presets{gap:.5rem;display:grid}.quick-presets button{border:1px solid var(--hairline);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:.5rem;align-items:center;gap:.45rem;padding:.55rem .65rem;font-size:.8125rem;display:flex}.quick-presets button:hover{border-color:var(--blue)}.slider-row{color:var(--ink-700);align-items:center;gap:10px;margin:6px 0;font-size:13px;display:flex}.slider-row span{flex-shrink:0;width:40px}.slider-row input[type=range]{accent-color:var(--blue);flex:1;height:4px}.slider-row output{text-align:right;font-variant-numeric:tabular-nums;width:40px}.style-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (width>=720px){.style-grid{grid-template-columns:repeat(3,1fr)}}.style-card{border:1px solid var(--hairline);text-align:left;cursor:pointer;font:inherit;background:#fff;border-radius:8px;padding:12px;transition:border-color .15s,transform .15s}.style-card:hover{border-color:var(--blue)}.style-card.is-active{border-color:var(--blue);background:oklch(97% .02 262)}.style-card strong{color:var(--ink);margin-bottom:4px;font-size:13px;display:block}.style-card small{color:var(--ink-500);font-size:12px;line-height:1.4}.shape-picker{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.shape-tile{border:1px solid var(--hairline);aspect-ratio:1;cursor:pointer;color:var(--ink);background:#fff;border-radius:8px;place-items:center;font-family:inherit;font-size:22px;transition:border-color .15s;display:grid}.shape-tile:hover{border-color:var(--blue)}.shape-tile.is-active{border-color:var(--blue);color:var(--blue);background:oklch(97% .02 262)}.preset-grid{grid-template-columns:repeat(2,1fr);gap:6px;max-height:260px;padding-right:4px;display:grid;overflow-y:auto}.preset-tile{border:1px solid var(--hairline);text-align:left;cursor:pointer;color:var(--ink);background:#fff;border-radius:6px;align-items:center;gap:6px;padding:6px;font-family:inherit;font-size:11px;display:flex}.preset-tile:hover{border-color:var(--blue)}.preset-swatch{border:1px solid var(--hairline);border-radius:4px;flex-shrink:0;width:18px;height:18px}.preset-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.ck{color:var(--ink-700);cursor:pointer;align-items:center;gap:8px;margin:4px 0;font-size:13px;font-weight:400;display:flex}.ck input{accent-color:var(--blue);width:15px;height:15px;margin:0}input[type=color]{border:1px solid var(--hairline);cursor:pointer;background:#fff;border-radius:6px;width:40px;height:32px;padding:2px}.progress{background:oklch(96% .008 262);border-radius:8px;margin:12px 0;position:relative;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--blue) 0%, var(--cyan) 50%, var(--blue) 100%);width:0;height:6px;transition:width .25s}.progress-text{color:var(--ink-500);padding:8px 12px;font-size:12px}.drop-panel.is-over{border-color:var(--blue);background:oklch(97% .02 262)}.notice{z-index:9999;color:#fff;opacity:0;background:oklch(20% .04 262);border-radius:8px;padding:12px 18px;font-size:13px;transition:opacity .2s,transform .2s;position:fixed;top:20px;right:20px;transform:translateY(-10px);box-shadow:0 12px 24px oklch(20% .04 262/.25)}.notice.in{opacity:1;transform:translateY(0)}.print-panel{grid-template-columns:360px minmax(0,1fr);gap:2rem;display:grid}.print-panel .wizard-actions{grid-column:1/-1;margin-top:8px}@media (width<=720px){.print-panel{grid-template-columns:1fr}.print-panel .wizard-actions{grid-column:1}}.stage-inner[data-state=upload] .step-rail,.stage-inner[data-state=workspace] .step-rail,body:has(.stage-inner[data-state=workspace]) .hero,body:has(.stage-inner[data-state=workspace]) .print-rule{display:none}.stage-inner[data-state=workspace] .print-panel{grid-template-columns:minmax(0,1.7fr) minmax(320px,.85fr);align-items:start;gap:1.25rem}.stage-inner[data-state=workspace] .print-panel>.preview-shell{border:1px solid var(--hairline);background:linear-gradient(145deg,oklch(98% .006 262),#fff);border-radius:.75rem;grid-area:1/1/span 2;justify-content:flex-start;align-items:stretch;min-width:0;height:min(72vh,760px);min-height:0;padding:1rem;display:flex}.stage-inner[data-state=workspace] .print-panel>.form-col{scrollbar-width:thin;flex-direction:column;grid-area:1/2;gap:.75rem;min-width:0;height:min(72vh,760px);max-height:calc(100vh - 8rem);padding-right:.35rem;display:flex;overflow:hidden}.workspace-preview{flex-direction:column;align-items:stretch;justify-content:flex-start!important}.workspace-canvas-head{color:var(--ink);justify-content:space-between;align-items:center;gap:1rem;padding:0 .25rem .75rem;display:flex}.workspace-canvas-head strong{font-size:1rem;display:block}.workspace-kicker{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:800;display:block}.workspace-page-count{color:var(--ink-500);font-variant-numeric:tabular-nums;font-size:.75rem}.preview-head-actions{align-items:center;gap:8px;display:flex}.preview-expand{border:1px solid var(--hairline-strong);color:var(--ink-700);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:4px;padding:4px 7px;font-size:12px;display:inline-flex}.poster-preview-dialog{width:min(960px,100vw - 32px);height:90dvh}.poster-expanded-image{background:#f1f5f9;flex:1;min-height:0;padding:12px}.poster-expanded-image img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.workspace-canvas-help{color:var(--ink-500);text-align:center;font-size:.72rem}.workspace-preview .workspace-canvas-head{flex-wrap:wrap;flex-shrink:0;padding-bottom:0}.preview-toolbar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.preview-grid-toggle{color:var(--ink-700);cursor:pointer;align-items:center;gap:6px;font-size:.8rem;display:flex}.preview-grid-toggle input{accent-color:var(--blue)}.preview-grid-options{flex-wrap:wrap;gap:8px 12px;display:flex}.poster-viewport{flex:1;width:100%;min-height:0;overflow:hidden}.stage-inner[data-state=workspace] .poster-viewport .poster-overview-canvas{-o-object-fit:contain;object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;border-radius:0;margin:0;display:block}.workspace-preview .workspace-canvas-help{flex-shrink:0;margin:0}.workspace-controls .workspace-title,.workspace-controls .source-line,.workspace-controls .workspace-tabs,.workspace-controls .workspace-footer{flex-shrink:0}.workspace-title{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.workspace-title h2{color:var(--ink);margin:.15rem 0 0;font-size:1.25rem}.source-line{color:var(--ink-500);justify-content:space-between;gap:.5rem;font-size:.72rem;display:flex}.btn-ghost.compact{padding:.45rem .65rem;font-size:.75rem}.workspace-section{border-top:1px solid var(--hairline);gap:.65rem;padding:.9rem 0;display:grid}.workspace-section-head{align-items:center;gap:.5rem;display:flex}.workspace-section-head h3{color:var(--ink);margin:0;font-size:.9rem}.workspace-index{color:var(--blue);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:800}.workspace-summary{border:1px solid var(--hairline);color:var(--ink-700);background:oklch(98% .01 262);border-radius:.5rem;gap:.2rem;padding:.75rem;font-size:.75rem;display:grid}.workspace-summary strong{color:var(--ink);font-size:.8rem}.photo-quality{color:var(--ink-700);gap:4px;padding:10px 0;font-size:12px;line-height:1.5;display:grid}.photo-quality strong{color:var(--ink);font-size:12px}.photo-quality small{color:var(--ink-500);font-size:11px}.control-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.control-row>div{min-width:0}.color-field-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.color-field-row label{gap:.35rem;display:grid}.color-field-row input[type=color]{width:100%;height:2.4rem}.compact-shapes{grid-template-columns:repeat(3,1fr)}.workspace-controls .field{gap:.35rem}.workspace-controls .field-row{grid-template-columns:5rem minmax(0,1fr);display:grid}.workspace-controls .field-row .field-input{width:100%;min-width:0}.workspace-tabs{border-bottom:1px solid var(--hairline);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.workspace-tabs button{color:var(--ink-500);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:.65rem .3rem;font-size:.72rem;font-weight:700}.workspace-tabs button:hover{color:var(--ink)}.workspace-tabs button.is-active{color:var(--blue);border-bottom-color:var(--blue)}.workspace-tab-content{scrollbar-width:thin;flex:1;min-height:0;padding-right:.35rem;overflow-y:auto}.workspace-tab-content .workspace-section{border-top:0;padding-top:.25rem}.style-custom-controls{gap:12px;display:grid}.workspace-controls [hidden]{display:none!important}.control-label-row{align-items:center;gap:8px;min-width:0;display:flex}.control-label-row>label{flex:1;min-width:0}.help-trigger{border:1px solid var(--hairline-strong);width:24px;height:24px;color:var(--ink-500);cursor:pointer;background:#fff;border-radius:50%;flex:0 0 24px;padding:0;font:600 13px/1 system-ui,sans-serif}.help-trigger:hover{border-color:var(--blue);color:var(--blue);background:#eff6ff}.help-trigger:focus-visible,.help-close:focus-visible{outline-offset:2px;outline:3px solid #93c5fd}.help-checkbox-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.help-checkbox-row .ck{margin:0}.pattern-color-controls{gap:10px;display:grid}.style-control{gap:6px;min-width:0;display:grid}.style-control label{justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;display:flex}.style-control output{color:var(--ink-500);font-variant-numeric:tabular-nums;white-space:nowrap}.style-control input[type=range]{width:100%;min-width:0;accent-color:var(--blue);margin:0}.style-dot-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.style-dot-controls .control-label-row{gap:4px}.style-dot-controls .control-label-row label{flex-wrap:wrap;gap:0 6px}.style-templates{border-top:1px solid var(--hairline);gap:8px;margin-top:4px;padding-top:12px;display:grid}.style-templates>label{font-size:.85rem;font-weight:600}.style-template-preview{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;margin:0;display:grid}.style-template-preview img{-o-object-fit:contain;object-fit:contain;background:#f1f3f5;border-radius:4px;width:96px;height:72px;display:block}.style-template-preview img[hidden]{display:none}.style-template-preview figcaption{color:var(--ink-700);font-size:.75rem;line-height:1.5}.style-templates .hint{color:var(--ink-500);margin:0;font-size:.72rem;line-height:1.5}.paper-options{border-top:1px solid var(--hairline);padding-top:8px}.paper-options summary{color:var(--ink-700);cursor:pointer;padding:8px 0;font-size:13px}.style-adjustments-fields{gap:10px;padding:8px 0;display:grid}.result-actions[hidden]{display:none}.workspace-footer{border-top:1px solid var(--hairline);gap:.5rem;padding-top:.75rem;display:grid}.workspace-footer-summary{color:var(--ink-500);font-variant-numeric:tabular-nums;font-size:.75rem}.stage-inner[data-state=workspace] .print-panel>.wizard-actions{grid-area:2/2;align-self:end}.stage-inner[data-state=workspace] .poster-overview-canvas,.stage-inner[data-state=workspace] .preview-canvas-small{max-height:min(68vh,680px)}.result-actions{border-top:1px solid var(--hairline);gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:grid}.result-title{color:var(--ink);margin:0;font-size:.8125rem;font-weight:700}@media (width<=900px){.stage-inner[data-state=workspace] .print-panel{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr)}}@media (width<=720px){.stage-inner[data-state=workspace] .print-panel{grid-template-columns:1fr}.stage-inner[data-state=workspace] .print-panel>.preview-shell,.stage-inner[data-state=workspace] .print-panel>.form-col,.stage-inner[data-state=workspace] .print-panel>.wizard-actions{grid-area:auto/1;height:auto;max-height:none;overflow:visible}.stage-inner[data-state=workspace] .print-panel{flex-direction:column;gap:10px;height:calc(100dvh - 82px);min-height:480px;padding:10px;display:flex;overflow:hidden}.stage-inner[data-state=workspace] .print-panel>.preview-shell{flex-shrink:0;gap:4px;width:100%;height:clamp(150px,30dvh,245px);min-height:0;padding:8px}.stage-inner[data-state=workspace] .print-panel>.form-col{flex:1;gap:6px;width:100%;min-height:0;padding:0;overflow:hidden}.workspace-tab-content{overscroll-behavior:contain;padding-right:2px;overflow-y:auto}.workspace-preview .workspace-canvas-head strong{font-size:.8rem}.preview-head-actions .workspace-page-count,.workspace-preview .workspace-canvas-help{display:none}.preview-toolbar{gap:4px}.preview-toolbar .seg button{padding:5px 9px;font-size:12px}.preview-grid-toggle{font-size:11px}.workspace-title h2{font-size:1rem}.workspace-kicker{display:none}.workspace-footer{gap:5px;padding-top:6px}.workspace-tabs button{padding:9px 3px}body:has(.stage-inner[data-state=workspace]) .print-hero-stage{margin-top:0;padding:6px}.stage-inner[data-state=workspace]{padding:0}.style-control input[type=range]{min-height:28px}.workspace-controls input,.workspace-controls select{font-size:16px}}.tool-help-dialog{color:#263244;text-align:left;background:#fff;border:1px solid #d9e0e8;border-radius:16px;width:min(740px,100vw - 40px);max-width:none;max-height:min(90dvh,900px);margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 24px 80px #0f172a40}.tool-help-dialog[open]{flex-direction:column;display:flex}.tool-help-dialog::backdrop{background:#0f172a80}.help-dialog-head{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 16px;display:flex}.help-eyebrow{color:#64748b;letter-spacing:.12em;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.help-dialog-head h2{color:#162033;margin:0;font-size:21px;font-weight:650;line-height:1.3}.help-close{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:8px;flex:0 0 36px;width:36px;height:36px;padding:0;font:24px/1 system-ui,sans-serif}.help-dialog-body{overscroll-behavior:contain;min-height:0;padding:20px 24px;font-size:14px;line-height:1.65;overflow-y:auto}.help-dialog-body p{margin:0 0 16px}.help-dialog-body ul{margin:20px 0;padding-left:20px;list-style:outside}.help-dialog-body li+li{margin-top:8px}.help-diagram{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:20px 0;padding:12px}.help-diagram svg{width:100%;height:auto;display:block}.help-diagram-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.help-diagram figcaption,.help-caption{color:#64748b;font-size:12px;line-height:1.5}.help-diagram figcaption{text-align:center;margin-top:12px}.help-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 12px;display:grid}.help-examples-four,.help-examples:has(figure:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.help-examples figure{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:0;margin:0;padding:6px}.help-examples canvas{aspect-ratio:4/3;-o-object-fit:contain;object-fit:contain;background:#fff;width:100%;height:auto;display:block}.help-examples figcaption{text-align:center;padding:8px 2px 2px;font-size:12px;font-weight:600;line-height:1.4}.help-render-status:empty{display:none}.help-recommendation{color:#1e3a5f;background:#eff6ff;border-left:3px solid #2563eb;border-radius:0 8px 8px 0;padding:12px 16px}.help-recommendation strong{font-size:13px}.help-recommendation p{margin:4px 0 0}.help-dialog-foot{border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.help-dialog-foot span{color:#64748b;font-size:12px}.help-dialog-foot button{flex-shrink:0}@media (width<=600px){.help-trigger{flex-basis:28px;min-width:28px;height:28px}.tool-help-dialog{border-radius:16px 16px 0 0;width:100%;max-height:92dvh;margin:0;inset:auto 0 0}.help-dialog-head{gap:12px;padding:18px 16px 14px}.help-dialog-head h2{font-size:19px}.help-dialog-body{padding:16px}.help-dialog-foot{padding:12px 16px max(12px, env(safe-area-inset-bottom))}.help-diagram{padding:4px}.help-diagram-panels{grid-template-columns:minmax(0,1fr)}.help-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.help-examples figure:last-child:nth-child(3){grid-column:1/-1;justify-self:center;width:calc(50% - 4px)}}