:root{--ink: #1d1d1f;--paper: #ffffff;--surface: #f5f5f7;--silver: #ececee;--signal: #1b4ea8;--signal-ink: color-mix(in srgb, var(--signal) 82%, #000);--danger: #d70015;--muted: #6a6a6f;--line: #d2d2d7;--line-strong: #c7c7cc;--paper-dim: rgba(255, 255, 255, .72);--paper-faint: rgba(255, 255, 255, .55);--line-dark: rgba(255, 255, 255, .14);--radius: 0;--radius-sm: 0;--radius-lg: 0;--shadow: 0 2px 12px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .05);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .08);--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--ease: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--z-sticky: 100;--z-overlay: 800;--z-modal: 900;--z-toast: 1000;--check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3.5 8.5 3 3 6-7'/%3E%3C/svg%3E");--trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5h11M6 4.5V3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v1.5M4 4.5l.7 8.2a.8.8 0 0 0 .8.8h5a.8.8 0 0 0 .8-.8l.7-8.2M6.6 7v4M9.4 7v4'/%3E%3C/svg%3E");--check-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3.5 8.5 3 3 6-7'/%3E%3C/svg%3E")}.ico-trash{display:inline-block;width:14px;height:14px;background-color:currentColor;-webkit-mask:var(--trash) center / contain no-repeat;mask:var(--trash) center / contain no-repeat}.ico-check{display:inline-block;width:11px;height:11px;background-color:currentColor;-webkit-mask:var(--check) center / contain no-repeat;mask:var(--check) center / contain no-repeat}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:var(--paper);color:var(--ink);font:400 15px/1.55 var(--sans);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;cursor:pointer}::selection{background:var(--signal);color:#fff}:root{caret-color:var(--signal);accent-color:var(--signal);scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.form,.select-panel,.pane--center,.sheet-body{scrollbar-width:thin}.sheet-body:focus{outline:none}code{font-family:var(--mono);font-size:12px;background:var(--surface);border:1px solid var(--line);border-radius:0;padding:2px 6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mark{position:relative;flex:none;width:16px;height:16px;border:1px solid var(--signal);border-radius:50%}.mark:before,.mark:after{content:"";position:absolute;background:var(--signal)}.mark:before{left:50%;top:2px;bottom:2px;width:1px;transform:translate(-.5px)}.mark:after{top:50%;left:2px;right:2px;height:1px;transform:translateY(-.5px)}@keyframes blink{50%{opacity:0}}.app{height:100dvh;display:grid;grid-template-columns:auto 1fr}.sidebar{display:flex;flex-direction:column;gap:6px;width:240px;padding:24px 16px;background:var(--ink);color:var(--paper);border-right:1px solid var(--ink)}.brand{display:flex;align-items:center;gap:12px;min-width:0;padding:4px 12px 22px;margin-bottom:12px;border-bottom:1px solid var(--line-dark)}.brand-id{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:0;background:#ffffff14;border:1px solid var(--line-dark)}.brand-id .mark{border-color:var(--paper)}.brand-id .mark:before,.brand-id .mark:after{background:var(--paper)}.brand-text{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.15}.brand-name{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:-.02em}.brand-product{font-size:12px;letter-spacing:-.005em;color:var(--paper-dim)}.tabs{display:flex;flex-direction:column;gap:3px;min-width:0}.lang-switch{margin-top:auto;padding-top:20px}.lang-seg{position:relative;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line-dark)}.lang-indicator{position:absolute;z-index:0;top:0;bottom:0;left:0;width:50%;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff47;transition:transform .42s var(--ease-emil)}.lang-indicator[data-i="1"]{transform:translate(100%)}.lang-btn{position:relative;z-index:1;background:none;border:0;padding:9px 10px;min-height:40px;color:var(--paper-dim);font-size:12px;font-weight:600;letter-spacing:.02em;transition:color .2s var(--ease)}.lang-btn.on{color:var(--paper)}.lang-btn:not(.on):hover{color:var(--paper)}.lang-btn:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.lang-spark{position:absolute;z-index:2;top:50%;width:5px;height:5px;background:var(--signal);pointer-events:none;animation:lang-burst .72s var(--ease-emil) forwards}.lang-spark.alt{background:var(--paper);width:4px;height:4px}@keyframes lang-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.2) rotate(var(--r))}}.navgroup{position:relative;display:flex;flex-direction:column}.tabrow{display:flex;align-items:center;border-radius:0;border:1px solid var(--line-dark);transition:background .18s var(--ease),border-color .18s var(--ease)}.tabrow:hover{background:#ffffff0d;border-color:#ffffff38}.tab{position:relative;flex:1;min-width:0;text-align:left;background:none;border:0;display:flex;align-items:center;gap:10px;padding:10px 12px;white-space:nowrap;border-radius:0;color:var(--paper-dim);font-size:14px;font-weight:500;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;transition:color .18s var(--ease)}.tab:before{content:"";flex:none;width:6px;height:6px;background:transparent;box-shadow:inset 0 0 0 1px var(--paper-faint);transition:background .2s var(--ease),box-shadow .2s var(--ease)}.tab span,.tab{min-width:0}.tab:hover,.tab.on{color:var(--paper)}.tabrow:has(.tab.on){background:#ffffff17;border-color:#ffffff4d}.tab.on:before{background:var(--signal);box-shadow:inset 0 0 0 1px var(--signal),0 0 0 3px color-mix(in srgb,var(--signal) 25%,transparent)}.tab-toggle{display:none;flex:none;align-items:center;gap:5px;padding:0 10px;min-width:44px;height:44px;background:none;border:0;color:var(--paper-dim);border-radius:0}.tab-toggle__count{font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums}.tab-toggle svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.7;fill:none;transition:transform .22s var(--ease)}.tab-toggle.open svg{transform:rotate(180deg)}.tab-toggle:hover{color:var(--paper)}.tab-toggle:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}.substeps-scrim{display:none}.substeps{list-style:none;margin:4px 0 8px;padding:6px 4px 4px;display:flex;flex-direction:column;gap:0;animation:enter .2s var(--ease)}.substeps li{position:relative}.substeps li button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;padding:8px;border-radius:0;color:var(--paper-dim);font-size:13px;font-weight:500;letter-spacing:-.01em;transition:color .18s var(--ease),background .18s var(--ease)}.substeps li button:disabled{color:var(--paper-faint);cursor:default}.substeps li button:not(:disabled):hover{color:var(--paper);background:#ffffff0f}.substeps li button:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}.substeps .dot{position:relative;flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line-dark);background:var(--ink);font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--paper-dim);transition:border-color .22s var(--ease),background .22s var(--ease),color .22s var(--ease)}.substeps li:not(:last-child) .dot:after{content:"";position:absolute;left:50%;top:100%;width:1.5px;height:16px;transform:translate(-50%);background:var(--line-dark);transition:background .22s var(--ease)}.substeps li.done .dot:after{background:var(--signal)}.substeps li.on button{color:var(--paper)}.substeps li.on .dot{border-color:var(--signal);color:var(--paper);box-shadow:0 0 0 3px color-mix(in srgb,var(--signal) 20%,transparent)}.substeps li.done .dot{background:var(--signal);border-color:var(--signal);color:#fff}.substeps li.done .ico-check{width:12px;height:12px}.substeps-sec{position:relative;padding:12px 8px 6px}.substeps-sec-label{display:block;padding-left:34px;font-size:14px;font-weight:500;letter-spacing:-.01em;color:var(--paper-dim)}.substeps-sec.link:before{content:"";position:absolute;left:19px;top:-6px;bottom:-2px;width:1.5px;transform:translate(-50%);background:var(--line-dark);transition:background .22s var(--ease)}.substeps-sec.link.on:before{background:var(--signal)}.module{min-height:0;overflow:hidden;background:var(--paper)}.studio,.logo-preview{height:100%;display:grid}.studio{grid-template-rows:auto 1fr auto}.logo-preview{grid-template-rows:1fr}@keyframes enter{0%{opacity:0}to{opacity:1}}.progress{height:2px;background:var(--line)}.progress span{display:block;height:100%;background:var(--signal);transform-origin:left;transition:transform .4s var(--ease-in-out)}:root{--ease-emil: cubic-bezier(.16, 1, .3, 1)}@keyframes step-fwd{0%{opacity:0;transform:translate3d(24px,0,0)}to{opacity:1;transform:none}}@keyframes step-back{0%{opacity:0;transform:translate3d(-24px,0,0)}to{opacity:1;transform:none}}.step-fields{display:flex;flex-direction:column;gap:28px;animation:step-fwd .44s var(--ease-emil) both}.step-fields[data-dir=back]{animation-name:step-back}.pane{min-height:0;display:grid;grid-template-columns:minmax(min(288px,100%),.92fr) minmax(0,1.08fr);gap:clamp(32px,5vw,80px);padding:clamp(32px,3.6vw,56px) clamp(28px,4.5vw,64px)}@media (max-width: 820px){.pane{grid-template-columns:1fr}}.form{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:28px;align-content:start}.pane--center{grid-template-columns:minmax(0,620px);justify-content:center;align-content:start}.uploader{display:flex;flex-direction:column;gap:16px;min-width:0;width:100%;margin-block:auto}.stage--upload{width:100%}.stage--upload .canvas{min-height:clamp(232px,32vh,380px)}.studio--flow{height:auto;min-height:100%}body:has(.studio--flow){overflow:auto}.app:has(.studio--flow){height:auto;min-height:100dvh}.app:has(.studio--flow) .module{overflow:visible}@media (min-width: 821px){.app:has(.studio--flow) .sidebar{position:sticky;top:0;align-self:start;height:100dvh}}.studio--flow .nav{position:sticky;bottom:0;z-index:calc(var(--z-sticky) - 1);background:var(--paper)}.canvas--drop{cursor:pointer}.canvas--drop.is-dragging{background:color-mix(in srgb,var(--signal) 7%,var(--surface));outline:2px dashed var(--signal);outline-offset:-6px}.canvas--drop.is-dragging .empty strong{color:var(--signal)}.canvas--drop input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.canvas--drop:hover .empty strong{color:var(--signal)}.samples{display:flex;flex-direction:column;gap:10px}.samples__label{color:var(--ink);font-size:13px;font-weight:590}.samples__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sample{position:relative;display:grid;place-items:center;min-height:96px;min-width:0;padding:14px 14px 12px;background:var(--surface);border:1px solid transparent;border-radius:var(--radius);transition:border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}.sample{grid-template-rows:minmax(0,1fr) auto;gap:8px}.sample img{display:block;width:100%;height:auto;max-height:44px;object-fit:contain}.sample__name{font-size:12px;font-weight:500;letter-spacing:-.005em;color:var(--muted)}.sample.sel .sample__name{color:var(--signal)}.sample:hover:not(:disabled){background:var(--silver);transform:translateY(-1px)}.sample.sel{background:var(--paper);border-color:var(--signal);box-shadow:0 0 0 3px color-mix(in srgb,var(--signal) 15%,transparent)}.sample:disabled{cursor:wait}.sample:disabled:not(.sel):not(.is-busy){opacity:.45}.sample__marks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sample:before,.sample:after,.sample__marks:before,.sample__marks:after{content:"";position:absolute;width:11px;height:11px;border:2px solid var(--signal);opacity:0;transition:opacity .18s var(--ease),inset .22s var(--ease)}.sample:before{top:8px;left:8px;border-right-width:0;border-bottom-width:0}.sample:after{right:8px;bottom:8px;border-left-width:0;border-top-width:0}.sample__marks:before{top:8px;right:8px;border-left-width:0;border-bottom-width:0}.sample__marks:after{bottom:8px;left:8px;border-right-width:0;border-top-width:0}.sample:hover:not(:disabled):before,.sample:hover:not(:disabled):after,.sample:hover:not(:disabled) .sample__marks:before,.sample:hover:not(:disabled) .sample__marks:after{opacity:.32}.sample.sel:before,.sample.sel:after,.sample.sel .sample__marks:before,.sample.sel .sample__marks:after{opacity:1}.sample.sel:before,.sample.sel .sample__marks:before{top:4px}.sample.sel:after,.sample.sel .sample__marks:after{bottom:4px}.sample.sel:before,.sample.sel .sample__marks:after{left:4px}.sample.sel:after,.sample.sel .sample__marks:before{right:4px}.sample.is-busy:before,.sample.is-busy:after,.sample.is-busy .sample__marks:before,.sample.is-busy .sample__marks:after{opacity:1;animation:blink 1s steps(1,end) infinite}@media (max-width: 700px){.samples__row{grid-template-columns:repeat(2,minmax(0,1fr))}}.canvas--drop:focus-within{outline:2px solid var(--signal);outline-offset:-3px}.empty strong{font-size:15px;font-weight:600;color:var(--ink)}.field{display:block}.field-label{display:flex;align-items:baseline;gap:8px;margin-bottom:9px;font-size:.9375rem;font-weight:590;letter-spacing:-.01em;color:var(--ink)}.field-label em{font-style:normal;font-weight:400;color:var(--muted)}.input{width:100%;min-height:3rem;padding:.75rem .95rem;background:var(--surface);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--ink);font:inherit;font-size:15px;letter-spacing:-.01em;transition:border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.input::placeholder{color:var(--muted)}.input:focus{outline:none;background:var(--paper);border-color:var(--signal);box-shadow:0 0 0 3px color-mix(in srgb,var(--signal) 15%,transparent)}.field-appear{animation:step-in .26s var(--ease) both}@keyframes step-in{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}.select{position:relative}.select-field{position:relative;display:flex;align-items:center}.select-input{padding-right:40px;cursor:pointer;text-overflow:ellipsis}.select-input:not([readonly]){cursor:text}.select-chevron{position:absolute;right:2px;display:grid;place-items:center;width:40px;height:40px;background:none;border:0;border-radius:0;color:var(--muted);transition:color .18s var(--ease),background .18s var(--ease)}.select-chevron svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.7;fill:none;transition:transform .22s var(--ease)}.select-chevron.open svg{transform:rotate(180deg)}.select-chevron:hover{color:var(--ink);background:var(--surface)}.select-panel{position:absolute;z-index:950;top:calc(100% + 6px);left:0;right:0;max-height:264px;overflow-y:auto;margin:0;padding:6px;list-style:none;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:rise .16s var(--ease)}.select-group{padding:8px 10px 4px;font-size:11px;font-weight:590;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.select-opt{display:flex;align-items:center;width:100%;min-height:44px;text-align:left;padding:9px 10px;border:0;border-radius:0;background:none;font-size:14px;letter-spacing:-.01em;color:var(--ink)}.select-opt.active{background:var(--surface)}.select-opt.sel{color:var(--signal);font-weight:590}.select-opt.sel:after{content:"";margin-left:auto;width:15px;height:15px;background:currentColor;-webkit-mask:var(--check) center / contain no-repeat;mask:var(--check) center / contain no-repeat}.muted{margin:0;color:var(--muted);font-size:14px;max-width:62ch}.banner{margin:0;padding:13px 15px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:13px;border-radius:var(--radius-sm)}.banner code{background:var(--paper)}.err{margin:0;padding:13px 15px;border:1px solid color-mix(in srgb,var(--danger) 40%,var(--line));background:color-mix(in srgb,var(--danger) 4%,var(--surface));color:var(--ink);font-size:13px;border-radius:var(--radius-sm)}.field .err{margin-top:8px}.err:before{content:var(--err-label, "Error");display:block;margin-bottom:4px;font-size:.8125rem;font-weight:590;color:var(--danger)}.drop{display:grid;place-items:center;gap:12px;min-height:112px;padding:20px;text-align:center;background:var(--surface);border:1px dashed var(--line-strong);color:var(--muted);font-size:14px;border-radius:var(--radius);transition:border-color .18s var(--ease),color .18s var(--ease),background .18s var(--ease)}.drop:not(.disabled):hover{border-color:var(--signal);color:var(--ink);background:var(--paper)}.drop.is-dragging{border-color:var(--signal);border-style:dashed;color:var(--ink);background:color-mix(in srgb,var(--signal) 7%,var(--surface))}.drop.disabled{opacity:.5;pointer-events:none}.drop input{display:none}.drop .mark{width:28px;height:28px}.drop .mark:before{top:4px;bottom:4px}.drop .mark:after{left:4px;right:4px}.swatches{display:flex;gap:6px;margin-top:12px}.swatch{width:24px;height:24px;border:1px solid var(--line);border-radius:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:3rem;padding:.7rem 1.4rem;border-radius:0;border:1px solid var(--signal);background:var(--signal);color:#fff;font-size:15px;font-weight:590;letter-spacing:-.01em;text-transform:capitalize;transition:background .2s var(--ease),color .2s var(--ease),transform .12s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.btn:hover:not(:disabled){background:var(--signal-ink);border-color:var(--signal-ink)}.btn:active:not(:disabled){transform:scale(.96)}.btn:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.btn:disabled{background:var(--surface);border-color:var(--line);color:var(--muted);cursor:not-allowed}.btn.ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink);font-weight:500;min-height:2.75rem;padding:.55rem 1.1rem}.btn.ghost:hover:not(:disabled){background:var(--silver);color:var(--ink);border-color:var(--ink)}.btn.ghost:active:not(:disabled){transform:scale(.96)}.btn.ghost.start-over{background:none;border-color:transparent;color:var(--muted)}.btn.ghost.start-over:hover:not(:disabled){background:none;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.btn.ghost:disabled{background:var(--surface);color:var(--muted);border-color:var(--line)}.upload{align-self:start;justify-content:flex-start;cursor:pointer}.upload input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.upload svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none}.upload:focus-within{outline:2px solid var(--signal);outline-offset:2px}.brief-summary{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}.brief-row{display:grid;grid-template-columns:minmax(96px,30%) 1fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.brief-summary dt{font-size:13px;font-weight:500;letter-spacing:-.01em;color:var(--muted)}.brief-summary dd{margin:0;font-size:14px;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}.brief-recap{display:grid;gap:10px;min-width:0}.brief-recap>summary{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 0;cursor:pointer;font-size:13px;font-weight:590;letter-spacing:-.01em;color:var(--ink);border-top:1px solid var(--line)}.brief-recap>summary{list-style:none}.brief-recap>summary::marker,.brief-recap>summary::-webkit-details-marker{display:none}.brief-recap>summary:after{content:"";flex:none;width:7px;height:7px;margin-bottom:2px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);transition:transform .2s var(--ease)}.brief-recap[open]>summary:after{transform:rotate(225deg);margin:2px 0 0}.brief-recap>summary em{flex:1 1 0;min-width:0;font-style:normal;font-weight:400;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brief-recap[open]>summary em{display:none}.brief-recap>summary:focus-visible{outline:2px solid var(--signal);outline-offset:2px}@media (max-width: 560px){.brief-row{grid-template-columns:1fr;gap:4px}}.dl-wrap{display:inline-flex}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px;row-gap:12px;padding:18px clamp(28px,4.5vw,64px);border-top:1px solid var(--line)}.pane,.nav{padding-inline:max(clamp(28px,4.5vw,64px),calc((100% - 1760px)/2))}.nav .grow{flex:1}.start-over{animation:slide-in-left .32s var(--ease) backwards}@keyframes slide-in-left{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.stage{margin:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);min-height:0;overflow:hidden;box-shadow:var(--shadow)}.canvas{position:relative;flex:1;min-height:280px;display:grid;place-items:center;overflow:hidden;background:var(--surface)}.canvas img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;transition:opacity .3s var(--ease),filter .3s var(--ease)}.canvas--drop>img,.canvas--logo>img{padding:clamp(14px,6%,44px)}.canvas.reveal img,.logo-preview .canvas>img{outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}.canvas.busy img{filter:grayscale(1) brightness(1.05);opacity:.35}.empty{position:relative;z-index:1;display:grid;justify-items:center;gap:14px;max-width:280px;padding:24px;text-align:center;color:var(--muted);font-size:13px}.empty .mark{width:44px;height:44px}.stage--upload .empty{max-width:360px}.empty .mark:before{top:6px;bottom:6px}.empty .mark:after{left:6px;right:6px}.spin-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:16px;background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--signal) 9%,transparent),transparent 36%),#ffffffc7;backdrop-filter:saturate(1.25) blur(10px);-webkit-backdrop-filter:saturate(1.25) blur(10px);text-align:center;color:var(--ink);animation:loader-overlay-in .2s ease-out both}.loader-status{min-height:1.5em;animation:loader-item-in .34s var(--ease-emil) .07s backwards}.loader-status__label{display:block;font-size:14px;font-weight:590;letter-spacing:-.01em;color:var(--ink);animation:loader-copy-in .28s var(--ease-emil) both}.spin-wrap>strong{font-size:14px;font-weight:590;letter-spacing:-.01em;color:var(--ink);animation:loader-item-in .34s var(--ease-emil) .07s backwards}.spin-wrap .elapsed{margin-top:-8px;font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:var(--muted);font-variant-numeric:tabular-nums;animation:loader-item-in .34s var(--ease-emil) .14s backwards}.spin-wrap .loader-note{max-width:34ch;margin-top:-4px;color:var(--muted);font-size:12.5px;line-height:1.45;animation:loader-item-in .34s var(--ease-emil) both}.spin-wrap .btn.ghost{min-height:2.5rem;margin-top:4px;animation:loader-item-in .34s var(--ease-emil) .21s backwards}.spinner{position:relative;width:148px;height:96px;overflow:hidden;border:1px solid rgba(29,29,31,.18);border-radius:0;background:linear-gradient(color-mix(in srgb,var(--signal) 78%,transparent),color-mix(in srgb,var(--signal) 78%,transparent)) 8px 8px / 18px 1px no-repeat,linear-gradient(color-mix(in srgb,var(--signal) 78%,transparent),color-mix(in srgb,var(--signal) 78%,transparent)) 8px 8px / 1px 18px no-repeat,linear-gradient(color-mix(in srgb,var(--signal) 78%,transparent),color-mix(in srgb,var(--signal) 78%,transparent)) right 8px top 8px / 18px 1px no-repeat,linear-gradient(color-mix(in srgb,var(--signal) 78%,transparent),color-mix(in srgb,var(--signal) 78%,transparent)) right 8px top 8px / 1px 18px no-repeat,linear-gradient(color-mix(in srgb,var(--signal) 78%,transparent),color-mix(in srgb,var(--signal) 78%,transparent)) left 8px bottom 8px / 18px 1px no-repeat,linear-gradient(color-mix(in srgb,var(--signal) 78%,transparent),color-mix(in srgb,var(--signal) 78%,transparent)) left 8px bottom 8px / 1px 18px no-repeat,linear-gradient(color-mix(in srgb,var(--signal) 78%,transparent),color-mix(in srgb,var(--signal) 78%,transparent)) right 8px bottom 8px / 18px 1px no-repeat,linear-gradient(color-mix(in srgb,var(--signal) 78%,transparent),color-mix(in srgb,var(--signal) 78%,transparent)) right 8px bottom 8px / 1px 18px no-repeat,repeating-linear-gradient(90deg,transparent 0 23px,rgba(29,29,31,.055) 23px 24px),repeating-linear-gradient(0deg,transparent 0 23px,rgba(29,29,31,.055) 23px 24px),#ffffffb8;box-shadow:0 8px 28px #1d1d1f14,inset 0 0 0 1px #ffffffb8;animation:loader-item-in .34s var(--ease-emil) backwards}.spinner:before{content:"";position:absolute;top:24px;right:36px;bottom:24px;left:36px;border:1px solid rgba(29,29,31,.22);animation:loader-focus 2.4s ease-in-out infinite}.spinner:after{content:"";position:absolute;top:8px;right:8px;left:8px;height:1px;background:linear-gradient(90deg,transparent,var(--signal) 18%,var(--signal) 82%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--signal) 50%,transparent);will-change:transform;animation:loader-scan 1.8s cubic-bezier(.45,0,.55,1) infinite alternate}@keyframes loader-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes loader-item-in{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}@keyframes loader-copy-in{0%{opacity:0;transform:translate3d(0,4px,0)}to{opacity:1;transform:none}}@keyframes loader-focus{0%,to{opacity:.32;transform:scale(.985)}50%{opacity:.82;transform:scale(1)}}@keyframes loader-scan{0%{transform:translateZ(0)}to{transform:translate3d(0,78px,0)}}figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:14px 18px;border-top:1px solid var(--line);font-size:13px;font-weight:500;letter-spacing:-.005em;color:var(--muted);font-variant-numeric:tabular-nums}figcaption .cap-actions{display:flex;align-items:center;gap:8px}figcaption .cap{display:flex;align-items:center;gap:10px;min-width:0}figcaption .cap:before{content:"";flex:none;width:7px;height:7px;background:var(--signal)}figcaption .cap span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-heading{display:grid;gap:8px;padding-bottom:4px}.step-heading h2{margin:0;max-width:18ch;font-family:var(--display);font-size:clamp(1.75rem,3vw,2.65rem);font-weight:600;letter-spacing:-.045em;line-height:1.04}.step-heading p{margin:2px 0 0;max-width:58ch;color:var(--muted);font-size:clamp(.875rem,.85vw,1rem);line-height:1.55}.step-heading h2:focus{outline:none}.brand-colors{display:flex;flex-direction:column;gap:8px}.brand-colors__note{max-width:46ch;color:var(--muted);font-size:12.5px;line-height:1.45}.swatch.is-signal{box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--signal)}.selection-counter{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:42px;padding:8px 13px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:13px}.selection-counter strong{flex:none;white-space:nowrap}.selection-counter strong{color:var(--ink);font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums}.selection-counter.is-capped{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:color-mix(in srgb,var(--danger) 5%,var(--surface))}.selection-counter__msg{min-width:0;color:var(--danger);font-size:12.5px;line-height:1.4}.selection-counter.is-locked .selection-counter__msg{color:var(--ink)}.formats-retry,.err-block{display:grid;justify-items:start;gap:10px}.formats-retry .err,.err-block .err{width:100%}.format-groups{display:grid;gap:28px;padding-bottom:8px}.format-group{display:grid;gap:12px}.format-group__head{display:grid;grid-template-columns:1fr;gap:3px}.format-group__head.has-scene{grid-template-columns:64px 1fr;gap:3px 14px;align-items:center}.format-group__head h3{margin:0;font-size:15px;font-weight:620;letter-spacing:-.015em;grid-column:-2}.format-group__head p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.45;grid-column:-2}.format-scene{grid-row:span 2;grid-column:1;align-self:stretch;min-height:46px;border:1px solid var(--line);background:var(--surface) center / cover no-repeat}.format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:9px}.format-card{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:start;min-height:122px;padding:14px;overflow:hidden;border:1px solid var(--line);background:var(--paper);text-align:left;transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}.format-card:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface);transform:translateY(-1px)}.format-card:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.format-card:disabled{cursor:not-allowed}.format-card:disabled:not(.sel){opacity:.5}.format-card.sel{border-color:var(--signal);background:color-mix(in srgb,var(--signal) 3.5%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--signal) 12%,transparent)}.format-card.sel:after{content:"";position:absolute;right:10px;bottom:10px;width:20px;height:20px;background:var(--signal) var(--check-w) center / 12px no-repeat;animation:badge-pop .26s var(--ease-emil) both}.format-proxy{display:grid;place-items:center;width:56px;height:64px}.format-proxy span{display:block;max-width:100%;max-height:100%;border:1px solid var(--line-strong);background:linear-gradient(145deg,color-mix(in srgb,var(--signal) 12%,transparent),transparent 58%),var(--paper);box-shadow:3px 4px 10px color-mix(in srgb,var(--ink) 8%,transparent);transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.format-proxy span.is-mockup{background:var(--silver);box-shadow:3px 4px 10px color-mix(in srgb,var(--ink) 12%,transparent),inset 0 0 0 3px var(--paper)}.format-card.sel .format-proxy span{border-color:var(--signal)}.format-body{min-width:0;display:grid;align-content:start;gap:7px}.format-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.format-card__top strong{font-size:14px;font-weight:620;line-height:1.3}.format-ratio{flex:none;padding:2px 6px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums}.format-card small{max-width:34ch;color:var(--muted);font-size:12.5px;line-height:1.42}.format-mode{margin-top:1px;padding-right:26px;color:var(--muted);font-size:12px;font-weight:400;letter-spacing:-.005em}.format-mode.is-mockup{color:var(--ink);font-weight:590}.campaign-stage{min-height:0;align-self:stretch}.format-board{width:min(90%,620px);height:min(78%,440px);display:flex;align-items:flex-end;justify-content:center;gap:clamp(10px,2vw,22px);padding:28px}.format-board__sheet{position:relative;display:grid;place-content:center;width:clamp(74px,28%,160px);max-height:100%;border:1px solid var(--line-strong);background:linear-gradient(145deg,color-mix(in srgb,var(--signal) 10%,transparent),transparent 55%),var(--paper);box-shadow:8px 10px 22px #1d1d1f14;color:var(--ink);animation:loader-item-in .38s var(--ease-emil) both}.format-board__sheet.is-mockup{background:var(--silver);box-shadow:8px 10px 22px #1d1d1f1f,inset 0 0 0 5px var(--paper)}.format-board__sheet span{position:absolute;top:6px;right:5px;left:5px;z-index:1;font-family:var(--mono);font-size:12px;color:var(--signal);text-align:center}.format-board__sheet .format-board__logo{position:absolute;top:26%;left:12%;width:76%;height:44%;object-fit:contain;opacity:.55;mix-blend-mode:multiply}.format-board__sheet.is-mockup .format-board__logo{top:30%;left:20%;width:60%;height:38%}.format-board__sheet small{position:absolute;right:5px;bottom:5px;left:5px;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.result-list{display:grid;gap:10px;padding-bottom:8px}.result-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;min-height:92px;padding:10px;border:1px solid var(--line);background:var(--paper);transition:border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.result-card.status-completed{animation:loader-item-in .38s var(--ease-emil) both}.result-card.is-selected{border-color:var(--signal);background:color-mix(in srgb,var(--signal) 3.5%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--signal) 10%,transparent)}.result-card.status-failed{background:var(--surface)}.result-select{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;align-items:center;min-width:0;min-height:70px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .16s var(--ease),opacity .16s var(--ease)}.result-select:hover:not(:disabled) .result-copy strong{color:var(--signal)}.result-select:active:not(:disabled){transform:scale(.96)}.result-select:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.result-select:disabled{cursor:default}.result-thumb{display:grid;place-items:center;width:70px;max-height:86px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}.result-thumb img{width:100%;height:100%;object-fit:cover;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}.result-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:54px;background:repeating-linear-gradient(135deg,transparent 0 7px,rgba(29,29,31,.035) 7px 8px)}.result-placeholder span{color:var(--muted);font-family:var(--mono);font-size:11px}.result-copy{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:4px}.result-copy__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.result-copy strong{min-width:0;overflow:hidden;font-size:14px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.result-copy small{color:var(--muted);font-size:12px;letter-spacing:-.005em}.result-copy small .ratio{font-family:var(--mono);font-variant-numeric:tabular-nums}.result-error{margin:2px 0 0;color:var(--danger);font-size:12px;line-height:1.4}.result-state{flex:none;color:var(--muted);font-size:12px;font-weight:590}.status-completed .result-state{color:var(--signal)}.status-running .result-state,.status-failed .result-state{color:var(--ink)}.result-download{min-height:40px;padding:.45rem .85rem;font-size:12px}.stage-summary-reset{flex:none;min-height:40px;padding:0 10px;border:0;background:transparent;color:var(--signal);font:inherit;font-size:12px;cursor:pointer;transition:color .18s var(--ease),background .18s var(--ease),transform .16s var(--ease)}.stage-summary-reset:hover{color:var(--signal-ink);background:color-mix(in srgb,var(--signal) 6%,transparent)}.stage-summary-reset:active{transform:scale(.96)}.stage-summary-reset:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.options{display:grid;gap:10px}.choice{display:grid;grid-template-columns:1fr 22px;gap:14px;align-items:center;min-height:60px;padding:14px 16px;background:var(--surface);border:1px solid transparent;border-radius:var(--radius);text-align:left;transition:border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.choice:hover:not(:disabled){background:var(--silver)}.choice.sel{background:var(--paper);border-color:var(--signal);box-shadow:0 0 0 3px color-mix(in srgb,var(--signal) 15%,transparent)}.choice:disabled:not(.sel){opacity:.45}.choice strong{display:block;font-size:15px;font-weight:590;letter-spacing:-.01em}.choice small{display:block;margin-top:3px;color:var(--muted);font-size:13px}.choice .tick{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--line-strong);font-size:12px;color:transparent}.choice.sel .tick{background:var(--signal);border-color:var(--signal);color:#fff}.icon-btn{display:grid;place-items:center;width:40px;height:40px;padding:0;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:var(--radius);transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.icon-btn:hover:not(:disabled){color:var(--danger);border-color:var(--danger);background:color-mix(in srgb,var(--danger) 6%,transparent)}.icon-btn:disabled{opacity:.4}.icon-btn:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.uploaded{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.uploaded img{width:52px;height:52px;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);object-fit:contain}.uploaded strong{display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploaded small{display:block;margin-top:2px;color:var(--muted);font-size:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:grid;place-content:center;padding:24px;overflow-y:auto;overscroll-behavior:contain;background:#0a0a0a73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal{position:relative;z-index:var(--z-modal);width:min(100%,440px);padding:36px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}@keyframes rise{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.modal-thumb{display:block;width:100%;max-height:172px;margin-bottom:22px;object-fit:contain;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.modal-title{display:block;font-family:var(--display);font-size:1.75rem;font-weight:600;letter-spacing:-.03em;line-height:1.08}.modal-lead{margin:12px 0 24px;color:var(--muted);font-size:15px;line-height:1.5;max-width:40ch}.modal>form{display:grid;gap:18px}.modal-consent{margin:16px 0 0;color:var(--muted);font-size:12.5px;line-height:1.5;max-width:44ch}.link-inline{display:inline;padding:0;border:0;background:none;color:var(--signal);font:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,var(--signal) 45%,transparent);transition:color .18s var(--ease),text-decoration-color .18s var(--ease)}.link-inline:hover{color:var(--signal-ink);text-decoration-color:currentColor}.link-inline:focus-visible{outline:2px solid var(--signal);outline-offset:2px}dialog.sheet{width:min(100% - 32px,560px);max-height:min(80vh,660px);padding:0;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}dialog.sheet:not([open]){display:none}dialog.sheet[open]{animation:rise .28s var(--ease)}dialog.sheet::backdrop{background:#0a0a0a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sheet-body{min-height:0;overflow-y:auto;padding:32px 32px 28px}.sheet-title{margin:0 0 20px;font-family:var(--display);font-size:1.5rem;font-weight:600;letter-spacing:-.03em;line-height:1.1}.sheet-body h3{margin:22px 0 6px;font-size:13px;font-weight:620;letter-spacing:-.01em;color:var(--ink)}.sheet-body h3:first-of-type{margin-top:0}.sheet-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.sheet-body a{color:var(--signal);text-decoration:underline;text-underline-offset:2px}.sheet-body a:hover{color:var(--signal-ink)}.sheet-foot{flex:none;display:flex;justify-content:flex-end;padding:16px 32px;border-top:1px solid var(--line);background:var(--paper)}@media (max-width: 560px){.sheet-body{padding:24px 20px 20px}.sheet-foot{padding:14px 20px}.sheet-foot .btn{width:100%}}.modal .link{justify-self:start;margin-top:20px;background:none;border:0;padding:0;color:var(--signal);font-size:14px;transition:color .18s var(--ease)}.modal .link:hover{color:var(--signal-ink)}.toast{position:fixed;z-index:var(--z-toast);left:0;right:0;bottom:24px;margin-inline:auto;width:min(calc(100% - 32px),420px);display:flex;flex-direction:column;gap:14px;padding:18px 20px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:rise .28s var(--ease)}.toast-msg{margin:0;font-size:14px;line-height:1.45;color:var(--ink)}.toast-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.toast-actions a,.toast-actions button{font-size:14px;font-weight:500;letter-spacing:-.01em;background:none;border:0;padding:0;cursor:pointer}.toast-actions a{color:var(--signal);text-decoration:none}.toast-actions a:hover{color:var(--signal-ink)}.toast-actions button{color:var(--muted)}.toast-actions button:hover{color:var(--ink)}.toast-actions a:focus-visible,.toast-actions button:focus-visible{outline:2px solid var(--signal);outline-offset:2px}@media (max-width: 820px){:root{--bar-h: 96px}body{overflow:auto}.input{font-size:16px}.toast{top:calc(var(--bar-h) + 12px);bottom:auto}.app{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100dvh}.sidebar{position:sticky;top:0;z-index:calc(var(--z-sticky) + 10);flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:6px;width:auto;min-width:0;height:var(--bar-h);padding:6px 16px;border-right:0;border-bottom:1px solid var(--ink)}.lang-switch{flex:none;margin:0 0 0 auto;padding:0}.tabs{order:3;flex:1 1 100%;min-width:0;flex-direction:row;gap:6px}.navgroup{flex:1 1 auto;min-width:0}.tab{width:auto;padding:10px;gap:8px;font-size:13px}.brand{flex:none;flex-direction:row;align-items:center;gap:10px;padding:0;margin:0;border-bottom:0}.brand-product{display:none}.tab-toggle{display:flex;order:-1}.substeps-scrim{display:block;position:fixed;inset:var(--bar-h) 0 0;z-index:calc(var(--z-sticky) - 1);background:#0a0a0a52;border:0}.substeps{display:none}.substeps.open{display:flex;position:absolute;top:calc(100% + 6px);left:0;z-index:var(--z-sticky);width:280px;max-width:calc(100vw - 32px);margin:0;padding:10px;background:var(--ink);border:1px solid var(--line-dark);box-shadow:var(--shadow-lg)}.module{overflow:visible}.studio,.logo-preview{height:auto;min-height:100%}.stage{min-height:340px}.logo-preview .canvas:has(.empty){min-height:220px}.nav{position:sticky;bottom:0;z-index:calc(var(--z-sticky) - 1);background:var(--paper);box-shadow:0 -8px 24px #0000000f}.icon-btn{width:44px;height:44px}figcaption .cap-actions{gap:12px}}@media (min-width: 821px) and (max-width: 1180px){body{overflow:auto}.app{height:auto;min-height:100dvh}.module{overflow:visible}.studio,.logo-preview{height:auto;min-height:100%}.form{overflow:visible}.pane{grid-template-columns:1fr}.sidebar{position:sticky;top:0;align-self:start;height:100dvh}.nav{position:sticky;bottom:0;z-index:calc(var(--z-sticky) - 1);background:var(--paper);box-shadow:0 -8px 24px #0000000f}}@media (min-width: 600px) and (max-width: 820px){:root{--bar-h: 56px}.sidebar{flex-wrap:nowrap;padding:0 16px}.tabs{order:0;flex:0 1 auto}.lang-switch{margin-left:auto}}@media (max-width: 360px){:root{--bar-h: 114px}.tab{white-space:normal;line-height:1.25}}@media (max-width: 560px){.pane{padding-left:18px;padding-right:18px}.format-board{padding:16px;gap:8px}.result-card{grid-template-columns:1fr}.result-select{grid-template-columns:58px minmax(0,1fr)}.result-thumb{width:58px}.result-download{grid-column:1 / -1;width:100%}.nav{padding-left:18px;padding-right:18px;gap:10px}.nav .grow{display:none}.nav .btn{flex:1 1 auto}.nav .dl-wrap{flex:1 1 100%;align-items:stretch}.nav .dl-wrap .btn{width:100%}}@keyframes reveal-focus{0%{opacity:0;transform:scale(1.006);filter:blur(8px) saturate(.55)}60%{opacity:1}to{opacity:1;transform:none;filter:none}}.canvas.reveal img{animation:reveal-focus .65s var(--ease-emil) both}@keyframes badge-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.choice.sel .tick .ico-check,.substeps li.done .ico-check{animation:badge-pop .28s var(--ease-emil) both}.toast-check{flex:none;display:grid;place-items:center;width:22px;height:22px;background:var(--signal);color:#fff}.toast-check .ico-check{width:13px;height:13px;animation:badge-pop .32s var(--ease-emil) .08s both}.toast-head{display:flex;align-items:center;gap:10px}.tab:focus-visible,.choice:focus-visible,.drop:focus-within,.modal .link:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}.tab:focus-visible{outline-offset:-4px}.drop:focus-within{outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner:after{animation:none!important}}