:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--radius-card:var(--radius-lg);--radius-panel:var(--radius-xl);--text-xs:11px;--text-sm:12px;--text-md:13px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:28px;--text-hero:clamp(36px, 5vw, 56px);--control-sm:30px;--control:36px;--field:44px;--bar:54px;--edge:16px;--gap:12px;--canvas:#f3f3f1;--canvas-2:#ebebe8;--surface:#fff;--surface-2:#f8f8f6;--glass:#fffc;--glass-strong:#ffffffe6;--glass-edge:#ffffffe6;--blur:blur(24px) saturate(1.8);--pill:#1414120e;--pill-hover:#14141216;--pill-active:#fff;--tile:#efeeea;--tile-hover:#e7e6e1;--tile-ink:#6b6a64;--tile-glyph:#a9a8a1;--line:#14141212;--line-strong:#1414121f;--text:#191918;--text-2:#6b6b67;--text-3:#a3a39e;--accent:#2f6fed;--accent-soft:#2f6fed1f;--guide:#e93d82;--success:#2f9e5b;--success-soft:#2f9e5b1f;--danger:#d64933;--ink:#191918;--on-ink:#fff;--tip:#232322;--dots:#1414121f;--ring:0 0 0 .5px #14141214;--shadow-pill:var(--ring), 0 1px 2px #1414120a, 0 10px 30px -8px #14141224;--shadow-card:var(--ring), 0 1px 2px #1414120a, 0 24px 56px -12px #14141229;--shadow-page:0 0 0 .5px #1414120f, 0 1px 2px #1414120d, 0 18px 44px -10px #14141229;--shadow-knob:0 0 0 .5px #1414121a, 0 1px 2px #1414122e, 0 2px 8px #1414121f;--shadow-raised:0 0 0 .5px #1414120f, 0 1px 3px #1414121f;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--canvas:#131313;--canvas-2:#1a1a1a;--surface:#1e1e1e;--surface-2:#232323;--glass:#202020c7;--glass-strong:#202020e6;--glass-edge:#ffffff0f;--pill:#fff1;--pill-hover:#ffffff1a;--pill-active:#3a3a3a;--tile:#262624;--tile-hover:#2e2e2b;--tile-ink:#b3b2ab;--tile-glyph:#7c7b75;--line:#ffffff12;--line-strong:#ffffff1f;--text:#f0f0ee;--text-2:#a6a6a1;--text-3:#6d6d69;--accent:#6d9bff;--accent-soft:#6d9bff29;--success-soft:#2f9e5b33;--ink:#f0f0ee;--on-ink:#141414;--tip:#3a3a39;--dots:#ffffff17;--ring:0 0 0 .5px #ffffff14;--shadow-pill:var(--ring), 0 1px 2px #0000004d, 0 10px 30px -8px #00000080;--shadow-card:var(--ring), 0 1px 2px #0000004d, 0 24px 56px -12px #0009;--shadow-page:0 1px 2px #0000004d, 0 18px 44px -10px #0000008c;--shadow-knob:0 1px 2px #0006, 0 2px 8px #0006;--shadow-raised:0 0 0 .5px #ffffff0f, 0 1px 3px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--canvas);color:var(--text);font:var(--text-base) / 1.45 var(--font);letter-spacing:-.006em;font-feature-settings:"cv11", "ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bar,.float,.glass{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 .5px 0 var(--glass-edge), var(--shadow-pill)}.bar{border-radius:var(--radius-pill);align-items:center;gap:6px;padding:6px;display:inline-flex}.bar:not(:has(>.group)){padding:9px}.bar--vertical{border-radius:var(--radius-xl);flex-direction:column}.bar>*,.group>*,.pill>svg{flex-shrink:0}.bar>.name-field{flex-shrink:1}:is(.bar:has(>.group)>.pill,.bar:has(>.group)>.name-field){min-width:42px;height:42px}.bar:has(>.group)>.pill--icon{width:42px}.bar:has(>.group)>.pill[aria-expanded=true]:before{bottom:-6px}.group{border-radius:var(--radius-pill);background:var(--pill);align-items:center;gap:2px;padding:3px;display:inline-flex}.divider{width:1px;height:20px;margin:0 var(--space-1);background:var(--line-strong)}a.pill{text-decoration:none}.pill{justify-content:center;align-items:center;gap:var(--space-2);min-width:var(--control);height:var(--control);border-radius:var(--radius-pill);color:var(--text-2);font-size:var(--text-base);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 14px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex;position:relative}.pill:has(>svg:first-child):not(.pill--icon){padding-left:12px}.pill--icon{width:var(--control);padding:0}.pill--stacked{flex-direction:row;line-height:1.15}.pill--stacked small{color:var(--text-3);font-size:var(--text-xs);font-weight:500;display:block}.pill:hover:not(:disabled){background:var(--pill-hover);color:var(--text)}.pill[aria-pressed=true],.pill[aria-expanded=true],.pill[aria-current=page]{background:var(--pill-active);color:var(--text);box-shadow:var(--shadow-raised)}.pill[aria-expanded=true]:before{content:"";background:var(--accent);border-radius:2px;width:14px;height:3px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.pill:disabled{opacity:.35;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pill--ink{background:var(--ink);color:var(--on-ink);padding:0 var(--space-4)}.pill--ink:has(>svg:first-child){padding-left:14px}.pill--ink:hover:not(:disabled){background:var(--ink);color:var(--on-ink);filter:brightness(1.25)}:root[data-theme=dark] .pill--ink:hover:not(:disabled){filter:brightness(.9)}.pill--danger:hover:not(:disabled){color:var(--danger)}.pill--back,.pill--soft{background:var(--pill)}.pill--wide{width:100%;height:var(--field)}.float{width:var(--bar);height:var(--bar);border-radius:var(--radius-pill);color:var(--text-2);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;text-decoration:none;transition:color .15s;display:inline-flex}.float:hover{color:var(--text)}.label{min-width:44px;padding:0 var(--space-1);color:var(--text-2);font-size:var(--text-md);font-variant-numeric:tabular-nums;text-align:center}.swatch{border-radius:50%;flex:none;width:20px;height:20px;box-shadow:inset 0 0 0 1px #0000001f}.swatch--large{width:28px;height:28px}.select{height:var(--control);border-radius:var(--radius-pill);background:var(--pill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6b67' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center / 14px no-repeat;min-width:0;color:var(--text);font-size:var(--text-md);text-overflow:ellipsis;cursor:pointer;appearance:none;border:0;padding:0 32px 0 14px;font-weight:500}.select:hover{background-color:var(--pill-hover)}.select[data-set]{background-color:var(--pill-active);box-shadow:var(--shadow-raised)}.switch{border-radius:var(--radius-pill);background:var(--line-strong);cursor:pointer;border:0;flex:none;width:40px;height:24px;padding:0;transition:background .2s;position:relative}.switch:after{content:"";width:20px;height:20px;box-shadow:var(--shadow-knob);transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]:after{transform:translate(16px)}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);z-index:40;border-radius:var(--radius-pill);background:var(--tip);color:#fff;font-size:var(--text-sm);letter-spacing:0;white-space:nowrap;pointer-events:none;opacity:0;padding:6px 10px;font-weight:500;line-height:1.2;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px)}[data-tip-below]:after{top:calc(100% + 10px);bottom:auto;transform:translate(-50%,-4px)}[data-tip-right]:after{top:50%;bottom:auto;left:calc(100% + 10px);transform:translate(-4px,-50%)}[data-tip-end]:after{left:auto;right:0;transform:translateY(4px)}[data-tip]:hover:after{opacity:1;transition-delay:.45s;transform:translate(-50%)}[data-tip-right]:hover:after{transform:translateY(-50%)}[data-tip-end]:hover:after{transform:translate(0)}[data-tip][aria-expanded=true]:after{display:none}@media (hover:none){[data-tip]:after{display:none}}.slider{align-items:center;gap:var(--space-3);height:var(--control);border-radius:var(--radius-pill);background:var(--pill);color:var(--text-2);font-size:var(--text-md);white-space:nowrap;padding:0 14px 0 12px;font-weight:500;display:inline-flex}.slider output{min-width:34px;color:var(--text-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:right}.range{--from:0%;--fill:50%;appearance:none;cursor:pointer;background:0 0;width:112px;height:20px;margin:0}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--line-strong) var(--from), var(--accent) var(--from) var(--fill), var(--line-strong) var(--fill));border-radius:2px;height:4px}.range::-moz-range-track{background:linear-gradient(to right, var(--line-strong) var(--from), var(--accent) var(--from) var(--fill), var(--line-strong) var(--fill));border-radius:2px;height:4px}.range::-webkit-slider-thumb{width:20px;height:20px;box-shadow:var(--shadow-knob);appearance:none;background:#fff;border:0;border-radius:50%;margin-top:-8px}.range::-moz-range-thumb{width:20px;height:20px;box-shadow:var(--shadow-knob);background:#fff;border:0;border-radius:50%}.range:focus-visible{outline:none}.range:focus-visible::-webkit-slider-thumb{box-shadow:var(--shadow-knob), 0 0 0 3px var(--accent-soft)}.card{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);border:0}.tile{aspect-ratio:1;border-radius:var(--radius-md);background:var(--tile);color:var(--tile-glyph);cursor:pointer;transition:background .15s, color .15s, transform .2s var(--ease);border:0;place-items:center;padding:0;display:grid}.tile:hover{background:var(--tile-hover);color:var(--tile-ink)}.tile:active{transform:scale(.96)}.picked{box-shadow:0 0 0 2px var(--accent);position:relative}.picked:after{content:"";background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 11px no-repeat;width:20px;height:20px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:-8px;right:-8px}.badge{align-items:center;gap:var(--space-1);height:20px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--pill);color:var(--text-2);font-size:var(--text-xs);font-variant-numeric:tabular-nums;letter-spacing:0;font-weight:600;display:inline-flex}.badge--success{background:var(--success-soft);color:var(--success)}.badge--accent{background:var(--accent-soft);color:var(--accent)}.field{align-items:center;gap:var(--space-2);height:var(--field);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--pill);color:var(--text-3);transition:box-shadow .15s;display:flex}.field input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1}.field input::placeholder{color:var(--text-3)}.field:focus-within{box-shadow:0 0 0 2px var(--accent)}.field--surface{background:var(--surface);box-shadow:var(--shadow-pill)}.field--surface:focus-within{box-shadow:0 0 0 2px var(--accent), var(--shadow-pill)}.field--small{height:var(--control);font-size:var(--text-md);padding:0 14px}.menu{z-index:30;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);animation:rise .16s var(--ease);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute}.menu>button{align-items:center;gap:var(--space-3);min-height:var(--control);padding:var(--space-2) 10px;border-radius:var(--radius-md);color:var(--text-2);font-size:var(--text-md);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.menu>button:hover,.menu>button[aria-checked=true]{background:var(--pill);color:var(--text)}.menu>button span{font-size:var(--text-sm);flex-direction:column;display:flex}.menu>button strong{color:var(--text);font-size:var(--text-md);font-weight:600}.menu__label{margin:var(--space-2) 10px var(--space-1);color:var(--text-3);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.menu>button.menu__danger:hover,.menu>button.menu__danger:hover strong{color:var(--danger)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes fade{0%{opacity:0}}.modal{z-index:50;padding:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1414123d;place-items:center;animation:.18s ease-out fade;display:grid;position:fixed;inset:0}.modal__card{border-radius:var(--radius-xl);background:var(--surface);width:min(820px,100%);min-height:420px;box-shadow:var(--shadow-card);animation:rise .2s var(--ease);grid-template-columns:1fr 1.2fr;display:grid;overflow:hidden}.modal__card--small{grid-template-columns:1fr;width:min(440px,100%);min-height:0}.modal__art{background:radial-gradient(70% 60% at 25% 20%,#ffffffb3,#0000 70%),radial-gradient(80% 70% at 85% 90%,#ffaac873,#0000 70%),linear-gradient(160deg,#dfe6ff 0%,#e8e0ff 55%,#f6ecf6 100%);border-radius:18px;place-items:center;margin:10px;display:grid;position:relative;overflow:hidden}:root[data-theme=dark] .modal__art{background:radial-gradient(80% 70% at 85% 90%,#965a8c59,#0000 70%),linear-gradient(160deg,#26304d 0%,#2c2846 55%,#2a2a36 100%)}.modal__body{gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-5) var(--space-3);flex-direction:column;display:flex}.modal__card--small .modal__body{padding:var(--space-6)}.modal__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.modal__step{color:var(--text-3);font-size:var(--text-sm)}.modal__head h2{font-size:var(--text-xl);letter-spacing:-.017em;margin:0;font-weight:600}.modal__head p{margin:var(--space-1) 0 0;color:var(--text-2);font-size:var(--text-md)}.modal__foot{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:auto;display:flex}.move-page{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.move-page .modal__head a{color:var(--accent);font-weight:500}.move__status{color:var(--text-2);font-size:var(--text-md);margin:0}.move__status--warn{color:var(--danger)}@media (width<=720px){.modal__card{grid-template-columns:1fr}.modal__art{display:none}.modal__body{padding:var(--space-6)}}.choices{gap:var(--space-1);flex-direction:column;display:flex}.choice{align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-2);font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:0;transition:background .15s;display:flex}.choice:hover{background:var(--pill)}.choice>span{flex-direction:column;gap:1px;display:flex}.choice strong{color:var(--text);font-size:var(--text-md);font-weight:600}.choice[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.choice__icon{border-radius:var(--radius-sm);background:var(--tile);width:40px;height:40px;color:var(--tile-ink);flex:none;place-items:center;display:grid}.choice[aria-pressed=true] .choice__icon{background:var(--surface);color:var(--accent)}.notice{align-items:center;gap:var(--space-3);min-height:var(--bar);border-radius:var(--radius-pill);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 .5px 0 var(--glass-edge), var(--shadow-pill);color:var(--text-2);font-size:var(--text-md);animation:rise .2s var(--ease);padding:9px 9px 9px 20px;display:inline-flex}.home{min-height:100%;padding:var(--edge) var(--space-4) var(--space-12);background:radial-gradient(42% 36% at 84% 14%, #9680ff29, transparent 70%), radial-gradient(38% 32% at 8% 34%, #ffb0c424, transparent 70%), radial-gradient(46% 38% at 62% 62%, #ffc8961a, transparent 70%), radial-gradient(50% 40% at 20% 6%, #ffffffe6, transparent 70%), var(--canvas);background-attachment:fixed;flex-direction:column;align-items:center;display:flex;position:relative}.home:before{content:"";z-index:0;opacity:.05;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}:where(.home)>*{z-index:1;position:relative}:root[data-theme=dark] .home{background:radial-gradient(42% 36% at 84% 14%, #8b7dff1f, transparent 70%), radial-gradient(38% 32% at 8% 34%, #ff8caa0f, transparent 70%), var(--canvas);background-attachment:fixed}.site-header{top:var(--edge);z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:1160px;display:grid;position:sticky}.site-header>.bar{grid-column:2}.site-header__theme{grid-column:3;justify-self:end}.pill.site-header__brand{gap:var(--space-2);color:var(--text);letter-spacing:-.011em;padding:0 14px 0 5px;font-weight:600}.pill.site-header__brand:hover{background:0 0}.site-header__brand img{box-shadow:0 0 0 .5px var(--line-strong);border-radius:8px}.hero{margin-top:var(--space-20);text-align:center;max-width:640px}.hero h1{font-size:var(--text-hero);letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:650;line-height:1.04}.hero p{max-width:460px;margin:var(--space-4) auto 0;color:var(--text-2);font-size:var(--text-lg);letter-spacing:-.011em;text-wrap:balance;line-height:1.5}.fan{margin-top:var(--space-12);padding:var(--space-3) var(--space-6) var(--space-2);justify-content:center;display:flex}.fan__card{width:168px;height:200px;padding:var(--space-4);color:var(--text);text-align:left;cursor:pointer;transition:transform .3s var(--ease), box-shadow .3s var(--ease);flex-direction:column;align-items:flex-start;gap:2px;margin:0 -6px;display:flex;position:relative;overflow:hidden}.fan__card:first-child{transform:rotate(-6deg)translateY(14px)}.fan__card:nth-child(2){transform:rotate(-3deg)translateY(3px)}.fan__card:nth-child(3){transform:rotate(-1deg)}.fan__card:nth-child(4){transform:rotate(1deg)}.fan__card:nth-child(5){transform:rotate(3deg)translateY(3px)}.fan__card:nth-child(6){transform:rotate(6deg)translateY(14px)}.fan__card:hover,.fan__card:focus-visible{z-index:2;box-shadow:var(--ring), 0 1px 2px #1414120a, 0 30px 64px -12px #14141238;transform:rotate(0)translateY(-10px)scale(1.03)}.fan__card strong{font-size:var(--text-base);letter-spacing:-.006em;font-weight:600}.fan__card>span:not(.fan__preview):not(.fan__plus){color:var(--text-3);font-size:var(--text-sm);letter-spacing:0}.fan__preview{border-radius:var(--radius-xs);background:var(--pill);box-shadow:var(--shadow-raised), 0 6px 16px -6px #1414122e;transition:transform .3s var(--ease);margin:auto auto 0;display:block;overflow:hidden}.fan__preview img{object-fit:cover;width:100%;height:100%;display:block}.fan__card:hover .fan__preview{transform:translateY(-2px)}.fan__card--custom{background:var(--surface-2)}.fan__plus{width:56px;height:56px;margin:auto auto var(--space-5);border-radius:var(--radius-md);background:var(--tile);color:var(--tile-ink);place-items:center;display:grid}.home__search{width:min(560px,100%);height:52px;margin-top:var(--space-12);padding:0 var(--space-5);gap:var(--space-3);font-size:var(--text-base)}.recent{width:min(560px,100%);margin-top:var(--space-4);padding:var(--space-3) 6px 6px;border-radius:var(--radius-lg)}.recent__head{margin:-6px 0 var(--space-1) var(--space-3);justify-content:space-between;align-items:center;display:flex}.recent h2{color:var(--text-2);font-size:var(--text-sm);letter-spacing:0;margin:0;font-weight:500}.pill.recent__all{padding:0 var(--space-2) 0 var(--space-3);font-size:var(--text-sm);gap:2px}.recent ul{margin:0;padding:0;list-style:none}.recent li{border-radius:var(--radius-md);align-items:center;transition:background .15s;display:flex}.recent li:hover{background:var(--pill)}.recent__actions{opacity:0;gap:2px;margin-right:6px;transition:opacity .15s;display:flex}.recent__actions .pill{width:var(--control-sm);min-width:var(--control-sm);height:var(--control-sm)}.recent li:hover .recent__actions,.recent__actions:focus-within{opacity:1}@media (hover:none){.recent__actions{opacity:1}}.recent a{align-items:center;gap:var(--space-3);min-width:0;color:inherit;flex:1;padding:6px;text-decoration:none;display:flex}.recent__thumb{flex:none;place-items:center;width:40px;height:40px;display:grid}.recent__thumb svg{max-width:40px;max-height:40px;box-shadow:var(--shadow-raised);border-radius:4px}.recent__text{flex-direction:column;min-width:0;display:flex}.recent__text strong{font-size:var(--text-md);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.recent__text small{color:var(--text-3);font-size:var(--text-sm);letter-spacing:0}.templates{width:100%;max-width:1160px;margin-top:var(--space-20);scroll-margin-top:calc(var(--edge) + var(--bar) + var(--space-6))}.templates__head,.section-head{align-items:center;gap:var(--space-2);min-height:var(--control);flex-wrap:wrap;display:flex}.templates h2,.section-head h2{margin:0 var(--space-1) 0 0;font-size:var(--text-xl);letter-spacing:-.017em;font-weight:600}.section-head__note{color:var(--text-3);font-size:var(--text-sm);letter-spacing:0;margin:0 0 0 auto}.section-head__back{margin-right:var(--space-2);padding-left:var(--space-2)}.section-head__actions{gap:var(--space-1);margin-left:auto;display:flex}.pill[data-drop]{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.name-input{height:var(--control-sm);padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);box-shadow:0 0 0 2px var(--accent);border:0;outline:none;font-weight:500}.page__head{z-index:5;justify-content:space-between;align-items:flex-end;gap:var(--space-4) var(--space-6);width:100%;max-width:1160px;margin-top:var(--space-16);flex-wrap:wrap;display:flex}.page__title h1{font-size:var(--text-2xl);letter-spacing:-.021em;margin:0;font-weight:650;line-height:1.15}.page__title p{margin:var(--space-2) 0 0;color:var(--text-3);font-size:var(--text-md);align-items:center;gap:6px;display:flex}.page__tools{align-items:center;gap:var(--space-2);display:flex}.page__search{background:var(--glass);width:260px;box-shadow:inset 0 0 0 .5px var(--line-strong)}.page__tools .select{background-color:var(--glass);box-shadow:inset 0 0 0 .5px var(--line-strong)}.page__new{position:relative}.page__new-menu{top:calc(100% + var(--space-2));width:248px;right:0}.menu__ratio{border-radius:3px;flex:none;width:16px;max-height:20px;box-shadow:inset 0 0 0 1.5px}.library{width:100%;max-width:1160px}.library__section{margin-top:var(--space-10)}.library__section .section-head{margin-bottom:var(--space-4)}.library__empty{align-items:center;gap:var(--space-2);max-width:420px;margin:var(--space-16) auto 0;padding:var(--space-10) var(--space-8);border-radius:var(--radius-xl);text-align:center;flex-direction:column;display:flex}.library__empty-icon{width:56px;height:56px;margin-bottom:var(--space-2);border-radius:var(--radius-md);background:var(--tile);color:var(--tile-ink);place-items:center;display:grid}.library__empty strong{font-size:var(--text-lg);font-weight:600}.library__empty p{margin:0 0 var(--space-3);color:var(--text-2);font-size:var(--text-md)}.folder-grid{gap:var(--space-6) var(--space-5);grid-template-columns:repeat(auto-fill,minmax(208px,1fr));margin:0;padding:0;list-style:none;display:grid}.folder-stack{gap:var(--space-3);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.folder-stack__sheets{border-radius:var(--radius-lg);background:var(--glass);width:100%;height:168px;box-shadow:inset 0 0 0 .5px var(--line-strong);transition:background .2s, box-shadow .2s var(--ease);display:block;position:relative}.folder-stack:hover .folder-stack__sheets{background:var(--surface);box-shadow:var(--shadow-pill)}.folder-stack[data-drop] .folder-stack__sheets{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.folder-stack__sheet{--r:0deg;--x:0px;background:var(--surface);box-shadow:var(--shadow-raised), 0 8px 22px -6px #14141229;transform:translate(calc(-50% + var(--x)), -50%) rotate(var(--r));transition:transform .3s var(--ease);border-radius:4px;place-items:center;display:grid;position:absolute;top:50%;left:50%;overflow:hidden}.folder-stack__sheet svg{width:100%;height:100%;display:block}.folder-stack__sheet[data-i="1"]{--r:-7deg;--x:-22px}.folder-stack__sheet[data-i="2"]{--r:7deg;--x:22px}.folder-stack:hover .folder-stack__sheet[data-i="1"]{--r:-10deg;--x:-34px}.folder-stack:hover .folder-stack__sheet[data-i="2"]{--r:10deg;--x:34px}.folder-stack:hover .folder-stack__sheet[data-i="0"]{transform:translate(-50%,calc(-50% - 3px))}.folder-stack__sheet--empty{background:var(--tile);width:96px;height:76px;box-shadow:none;color:var(--tile-glyph)}.folder-stack__text{min-width:0;padding:0 var(--space-1);flex-direction:column;display:flex}.folder-stack__text strong{font-size:var(--text-md);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.folder-stack__text small{color:var(--text-3);font-size:var(--text-sm);letter-spacing:0}.folder-new{justify-content:center;align-items:center;gap:var(--space-2);width:100%;height:168px;padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text-2);font-size:var(--text-md);cursor:pointer;background:0 0;border:0;flex-direction:column;font-weight:500;transition:background .15s,color .15s;display:flex}.folder-new:hover{background:var(--glass);color:var(--text)}.folder-new__icon{border-radius:var(--radius-sm);background:var(--tile);width:40px;height:40px;color:var(--tile-ink);place-items:center;display:grid}.folder-new--naming{cursor:default;color:var(--tile-glyph)}.folder-new--naming .name-input{text-align:center;width:100%;max-width:176px}.designs__grid{gap:var(--space-6) var(--space-5);grid-template-columns:repeat(auto-fill,minmax(208px,1fr));margin:0;padding:0;list-style:none;display:grid}.design-card{gap:var(--space-3);flex-direction:column;display:flex;position:relative}.design-card__preview{height:168px;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--glass);box-shadow:inset 0 0 0 .5px var(--line-strong);cursor:pointer;transition:box-shadow .2s var(--ease), background .2s;border:0;place-items:center;display:grid}.design-card__preview:hover{background:var(--surface);box-shadow:var(--shadow-pill)}.design-card__preview svg{max-width:100%;max-height:136px;box-shadow:var(--shadow-raised), 0 8px 22px -6px #14141229;transition:transform .25s var(--ease);border-radius:4px}.design-card__preview:hover svg,.design-card__preview:focus-visible svg{transform:translateY(-3px)}.design-card__preview:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);outline:none}.design-card__text{min-width:0;padding:0 var(--space-1);flex-direction:column;display:flex}.design-card__text strong{font-size:var(--text-md);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.design-card__text small{color:var(--text-3);font-size:var(--text-sm);letter-spacing:0}.design-card__text small.design-card__folder{align-items:center;gap:var(--space-1);margin-top:2px;display:inline-flex}.design-card__actions{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-pill);opacity:0;gap:2px;padding:3px;transition:opacity .15s;display:flex;position:absolute}.design-card:hover .design-card__actions,.design-card__actions:focus-within{opacity:1}.design-card__actions:has([aria-expanded=true]){opacity:1}@media (hover:none){.design-card__actions{opacity:1}}.design-card__actions .pill{width:var(--control-sm);min-width:var(--control-sm);height:var(--control-sm)}.design-card__actions .pill[aria-expanded=true]:before{display:none}.design-card__menu{top:46px;right:var(--space-2);width:232px}.designs__empty,.templates__empty{color:var(--text-2)}.toast{left:50%;bottom:var(--space-6);z-index:40;position:fixed;transform:translate(-50%)}.templates__count{color:var(--text-3);font-size:var(--text-md);font-variant-numeric:tabular-nums;margin-left:auto}.chips{margin:var(--space-4) 0 var(--space-3);scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--space-8)), transparent);-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--space-8)), transparent);mask-image:linear-gradient(to right, #000 calc(100% - var(--space-8)), transparent);overflow-x:auto}.chips::-webkit-scrollbar{display:none}.templates__filters{align-items:center;gap:var(--space-2);margin:0 0 var(--space-6);flex-wrap:wrap;display:flex}.templates__filters .select{height:var(--control-sm);padding-left:var(--space-3)}.templates__filters .divider{margin:0 var(--space-1)}.color-filter{gap:6px;margin-left:auto;display:flex}.color-filter .color{width:24px;height:24px}.color-filter .color:not([aria-pressed=true]){box-shadow:inset 0 0 0 1px var(--line-strong)}.templates__more{margin-top:var(--space-2);justify-content:center;display:flex}.gallery{columns:4 220px;column-gap:var(--space-5);margin:0;padding:0;list-style:none}.gallery li{break-inside:avoid;margin-bottom:var(--space-6);position:relative}.gallery__set{top:var(--space-2);right:var(--space-2);height:22px;padding:0 var(--space-2);border-radius:var(--radius-pill);color:#fff;font:inherit;font-size:var(--text-xs);letter-spacing:0;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141412a8;border:0;font-weight:600;position:absolute}.gallery__set:hover{background:#141412d6}.gallery__item{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:1px;width:100%;padding:0;display:flex}.gallery__preview{width:100%;margin-bottom:var(--space-3);border-radius:var(--radius-md);background:var(--pill);box-shadow:var(--shadow-pill);transition:transform .25s var(--ease), box-shadow .25s var(--ease);display:block;overflow:hidden}.gallery__preview img,.gallery__preview svg{object-fit:cover;width:100%;height:100%;display:block}.gallery__item[data-busy] .gallery__preview{animation:.9s ease-in-out infinite alternate pulse}.gallery__item:hover .gallery__preview,.gallery__item:focus-visible .gallery__preview{box-shadow:var(--shadow-card);transform:translateY(-4px)}.gallery__item:focus-visible{outline:none}.gallery__item:focus-visible .gallery__preview{box-shadow:0 0 0 2px var(--accent)}.gallery__item strong{font-size:var(--text-md);padding:0 2px;font-weight:600}.gallery__item small{color:var(--text-3);font-size:var(--text-sm);letter-spacing:0;padding:0 2px}.footer{max-width:560px;margin-top:var(--space-16);color:var(--text-3);font-size:var(--text-sm);text-align:center;letter-spacing:0}.footer__formats{justify-content:center;gap:var(--space-1) var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.footer__formats a{color:var(--text-2);text-decoration:none}.footer__formats a:hover{color:var(--text)}.size-preview{border-radius:var(--radius-sm);color:#8b8da3;width:160px;height:160px;font-size:var(--text-sm);font-variant-numeric:tabular-nums;transition:width .25s var(--ease), height .25s var(--ease);background:#fff;place-items:center;display:grid;box-shadow:0 10px 30px #3c3c7826}.size-fields{align-items:center;gap:6px;display:flex}.size-fields .field{flex:1;min-width:0}.size-fields .field span{color:var(--text-3);font-size:var(--text-sm);font-weight:600}.choices--scroll{max-height:210px;padding-bottom:var(--space-4);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--space-6)), transparent);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--space-6)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--space-6)), transparent);overflow-y:auto}.wide-only{display:inline}@media (width<=1023px){.fan{width:calc(100% + 32px);margin-bottom:calc(-1 * var(--space-8));padding:var(--space-5) var(--space-4) var(--space-12);scroll-snap-type:x mandatory;scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.fan__card{margin:0 var(--space-1);scroll-snap-align:center;flex:none}}@media (width<=720px){.wide-only{display:none}.pill:has(>svg:first-child):has(>.wide-only){width:var(--control);min-width:var(--control);padding:0}.bar:has(>.group)>.pill:has(>svg:first-child):has(>.wide-only){width:42px;min-width:42px}.pill.site-header__brand{padding-right:5px;font-size:0}.hero{margin-top:var(--space-12)}.fan{margin-top:var(--space-6)}.color-filter{margin-left:0}.page__head{margin-top:var(--space-10)}.page__tools{flex-wrap:wrap;width:100%}.page__search{flex:1 0 100%;width:auto}.page__new{margin-left:auto}.section-head__note{display:none}.folder-grid,.designs__grid{gap:var(--space-5) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.folder-stack__sheets,.folder-new,.design-card__preview{height:136px}.folder-stack__sheet{scale:.8}.design-card__preview svg{max-height:104px}.gallery{columns:2 140px;column-gap:var(--space-3)}}.editor{background:var(--canvas);height:100%;position:relative;overflow:clip}.editor--empty{place-items:center;display:grid}.stage{background-color:var(--canvas);background-image:radial-gradient(var(--dots) 1px, transparent 1.3px);touch-action:none;-webkit-user-select:none;user-select:none;background-size:22px 22px;position:absolute;inset:0;overflow:hidden}.stage[data-panning]{cursor:grab}.stage[data-drawing]{cursor:crosshair}.draft{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stage[data-panning]:active{cursor:grabbing}.stage[data-dropping]:after{content:"Drop pictures to add them";border-radius:var(--radius-card);background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent);color:var(--accent);pointer-events:none;place-items:center;font-weight:600;display:grid;position:absolute;inset:12px}.stage__page{box-shadow:var(--shadow-page);position:absolute}.stage__page svg{width:100%;height:100%;display:block}.stage__overlay{pointer-events:none;position:absolute;inset:0}.outline,.selection{pointer-events:none;position:absolute}.outline{box-shadow:0 0 0 1.5px var(--accent)}.outline--thin{box-shadow:0 0 0 1px var(--accent);opacity:.7}.selection{box-shadow:0 0 0 1.5px var(--accent)}.selection[data-locked]{box-shadow:0 0 0 1.5px var(--text-3)}.selection--grouped{box-shadow:0 0 0 1.5px var(--accent)}.selection--group{outline:1.5px dashed var(--accent)}.handle{pointer-events:auto;background:#fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 1px #14141224,0 1px 4px #14141233}.handle[data-edge=v]{border-radius:4px;width:7px;height:20px;margin:-10px 0 0 -3.5px}.handle[data-edge=h]{border-radius:4px;width:20px;height:7px;margin:-3.5px 0 0 -10px}.handle--nw{cursor:nwse-resize;top:0;left:0}.handle--n{cursor:ns-resize;top:0;left:50%}.handle--ne{cursor:nesw-resize;top:0;left:100%}.handle--e{cursor:ew-resize;top:50%;left:100%}.handle--se{cursor:nwse-resize;top:100%;left:100%}.handle--s{cursor:ns-resize;top:100%;left:50%}.handle--sw{cursor:nesw-resize;top:100%;left:0}.handle--w{cursor:ew-resize;top:50%;left:0}.rotate-handle{background:var(--surface);width:28px;height:28px;color:var(--text-2);box-shadow:var(--shadow-pill), 0 0 0 1px var(--line);cursor:grab;pointer-events:auto;border:0;border-radius:50%;place-items:center;margin-left:-14px;padding:0;display:grid;position:absolute;top:calc(100% + 18px);left:50%}.rotate-handle:active{cursor:grabbing}.guide{background:var(--guide);position:absolute}.guide--x{width:1px;margin-left:-.5px}.guide--y{height:1px;margin-top:-.5px}.outline--measure{box-shadow:0 0 0 1px var(--guide)}.gap{place-items:center;display:grid;position:absolute}.gap--x{border-top:1px solid var(--guide);height:0}.gap--y{border-left:1px solid var(--guide);width:0}.gap:before,.gap:after{content:"";background:var(--guide);position:absolute}.gap--x:before,.gap--x:after{width:1px;height:9px;top:-5px}.gap--x:before{left:0}.gap--x:after{right:0}.gap--y:before,.gap--y:after{width:9px;height:1px;left:-5px}.gap--y:before{top:0}.gap--y:after{bottom:0}.gap span{border-radius:var(--radius-pill);background:var(--guide);color:#fff;font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;padding:1px 6px;font-weight:600;position:absolute}.marquee{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent);border-radius:2px;position:absolute}.size-badge{border-radius:var(--radius-pill);background:var(--tip);color:#fff;font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;padding:4px 10px;font-weight:500;position:absolute;transform:translate(-50%)}.text-editor{transform-origin:0 0;width:0;height:0;position:absolute}.text-editor__box{white-space:pre-wrap;overflow-wrap:break-word;font-kerning:normal;cursor:text;-webkit-user-select:text;user-select:text;box-shadow:0 0 0 calc(1.5px / var(--zoom)) var(--accent);outline:none;margin:0;padding:0;position:absolute}.text-editor__box ::selection{background:#2f6fed40}.text-editor__box[data-list]>div{padding-left:var(--indent);text-indent:calc(-1 * var(--indent))}.text-editor__box[data-list]>div:before{width:var(--indent);text-indent:0;text-decoration:none;display:inline-block}.text-editor__box[data-list=bullet]>div:before{content:"•"}.text-editor__box[data-list=number]{counter-reset:item}.text-editor__box[data-list=number]>div{counter-increment:item}.text-editor__box[data-list=number]>div:before{content:counter(item) "."}.top{z-index:10;top:var(--edge);left:var(--edge);right:var(--edge);align-items:center;gap:var(--gap);pointer-events:none;display:flex;position:absolute}.top>*{pointer-events:auto}.top:has(.export__menu){z-index:13}.top-left,.top-right,.bottom-center{align-items:center;gap:var(--gap);display:flex}.top-left,.top-left>.bar{min-width:0}.top-left .name-field{flex-shrink:1}.top-right{flex:none;margin-left:auto}.bottom-center{z-index:10;bottom:var(--edge);flex-direction:column;position:absolute;left:50%;transform:translate(-50%)}.page-strip{max-width:min(860px,100vw - 480px);padding:var(--space-4) var(--space-4) var(--space-3);border-radius:var(--radius-lg);scrollbar-width:thin;animation:rise .18s var(--ease);align-items:flex-start;gap:14px;display:flex;overflow-x:auto}.page-strip__item{cursor:grab;flex-direction:column;flex:none;align-items:center;gap:4px;display:flex;position:relative}.page-strip__item[data-drop=before]:before,.page-strip__item[data-drop=after]:after{content:"";background:var(--accent);border-radius:2px;width:3px;height:72px;position:absolute;top:0}.page-strip__item[data-drop=before]:before{left:-9px}.page-strip__item[data-drop=after]:after{right:-9px}.page-strip__thumb{border-radius:var(--radius-xs);box-shadow:var(--shadow-raised);cursor:pointer;background:0 0;border:0;padding:0;display:block;overflow:visible}.page-strip__thumb svg{border-radius:var(--radius-xs);width:100%;height:100%;display:block}.page-strip__thumb.picked{box-shadow:0 0 0 2px var(--accent)}.page-strip__number{color:var(--text-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.page-strip__actions{border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-pill);opacity:0;gap:1px;padding:2px;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}.page-strip__item:hover .page-strip__actions,.page-strip__actions:focus-within{opacity:1}.page-strip__actions .pill{width:24px;min-width:24px;height:24px}.page-strip__add{aspect-ratio:auto;border-radius:var(--radius-xs);color:var(--tile-ink);flex:none}.pages-toggle{gap:6px;padding:0 10px}.pages-toggle .label{min-width:0;padding:0}.name-field{border-radius:var(--radius-pill);min-width:0;max-width:280px;height:36px;color:var(--text);text-overflow:ellipsis;background:0 0;border:0;outline:none;padding:0 10px;font-weight:600}.name-field:hover{background:var(--pill)}.name-field:focus{background:var(--pill);box-shadow:0 0 0 2px var(--accent)}.zoombar__value{min-width:58px;padding:0 var(--space-2);font-size:var(--text-md);font-variant-numeric:tabular-nums}.editor{--rail:72px;--panel:320px}.rail.bar--vertical{z-index:12;top:calc(var(--edge) + var(--bar) + var(--gap));left:var(--edge);width:var(--rail);padding:6px var(--space-1);border-radius:var(--radius-lg);gap:2px;position:absolute}.rail__item{border-radius:var(--radius-sm);width:100%;color:var(--text-2);font-size:var(--text-xs);letter-spacing:0;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:2px 0 6px;font-weight:500;transition:color .15s;display:flex}.rail__icon{width:var(--control);height:var(--control);border-radius:var(--radius-sm);place-items:center;transition:background .15s,color .15s,box-shadow .15s;display:grid}.rail__item:hover{color:var(--text)}.rail__item:hover .rail__icon{background:var(--pill)}.rail__item[aria-pressed=true]{color:var(--text)}.rail__item[aria-pressed=true] .rail__icon{background:var(--pill-active);box-shadow:var(--shadow-raised);color:var(--text)}:root[data-theme=dark] .rail__item[aria-pressed=true] .rail__icon{background:var(--pill-hover)}.side-panel{z-index:11;top:calc(var(--edge) + var(--bar) + var(--gap));bottom:calc(var(--edge) + var(--bar) + var(--gap));left:calc(var(--edge) + var(--rail) + var(--gap));width:var(--panel);border-radius:var(--radius-lg);animation:slide-in .22s var(--ease);flex-direction:column;display:flex;position:absolute}.side-panel.card,.page-strip.card,.popover.card,.export__menu.card{background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 .5px 0 var(--glass-edge), var(--shadow-card)}.side-panel.card{box-shadow:inset 0 .5px 0 var(--glass-edge), var(--shadow-pill)}@keyframes slide-in{0%{opacity:0;transform:translate(-10px)}}.side-panel__head{padding:10px 10px var(--space-1) var(--space-4);flex:none;justify-content:space-between;align-items:center;display:flex}.side-panel__head h2{font-size:var(--text-base);letter-spacing:-.006em;margin:0;font-weight:600}.pill--small{min-width:var(--control-sm);height:var(--control-sm)}.pill--small.pill--icon{width:var(--control-sm)}.side-panel__body{gap:var(--space-3);min-height:0;padding:var(--space-2) var(--space-4) var(--space-6);scrollbar-width:thin;-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--space-6)), transparent);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--space-6)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--space-6)), transparent);flex-direction:column;display:flex;overflow:hidden auto}.side-panel__body>*,.popover--fonts>:not(.font-list),.choices--scroll>*{flex-shrink:0}.panel-title{margin:var(--space-3) 0 0;color:var(--text);font-size:var(--text-md);font-weight:600}.panel-title:first-child{margin-top:var(--space-1)}.panel-note{color:var(--text-3);font-size:var(--text-sm);gap:6px;margin:0;line-height:1.45;display:flex}.panel-note svg{flex:none;margin-top:2px}.panel-grid{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.panel-grid--templates,.panel-grid--photos{grid-template-columns:1fr 1fr;align-items:start}.panel-grid--tiles{grid-template-columns:repeat(4,1fr)}.panel-grid--lines{grid-template-columns:repeat(2,1fr)}.panel-grid--icons{grid-template-columns:repeat(6,1fr);gap:6px}.tile--icon,.tile--draw{color:var(--tile-ink)}.tile--icon{border-radius:var(--radius-sm)}.tile--icon svg{width:22px;height:22px}.frame-glyph{place-items:center;display:grid}.panel-grid--grids{grid-template-columns:repeat(4,1fr)}.tile--grid{aspect-ratio:1.3;padding:10px}.tile--grid svg{width:100%;height:100%}.crop-ghost{transform-origin:0 0;pointer-events:none;width:0;height:0;position:absolute}.crop-ghost>div{position:absolute}.crop-ghost img{opacity:.3;outline:1px dashed var(--accent);max-width:none;position:absolute}.panel-error{justify-content:space-between;align-items:center;gap:10px;display:flex}.chips-wrap{flex-wrap:wrap;gap:6px;display:flex}.pill--chip{height:var(--control-sm);padding:0 var(--space-3);background:var(--pill);font-size:var(--text-md)}.photo-grid{columns:2;column-gap:var(--space-2);margin:0;padding:0;list-style:none}.photo-grid li{margin-bottom:var(--space-2);border-radius:var(--radius-sm);background:var(--pill);break-inside:avoid;position:relative;overflow:hidden}.photo{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.photo img{object-fit:cover;width:100%;height:100%;display:block}.photo[data-busy]{animation:.9s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.45}}.photo__background{min-width:0;height:24px;padding:0 var(--space-2);background:var(--surface);box-shadow:var(--shadow-raised);font-size:var(--text-xs);opacity:0;position:absolute;top:6px;right:6px}.photo__credit{border-radius:var(--radius-pill);color:#fff;max-width:calc(100% - 12px);font-size:var(--text-xs);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;background:#00000080;padding:2px 7px;position:absolute;bottom:6px;left:6px;overflow:hidden}.photo-grid li:hover .photo__background,.photo-grid li:hover .photo__credit,.photo__background:focus-visible{opacity:1}.tile--wide{aspect-ratio:2.2}.pill--glyph{width:34px;min-width:34px}.panel-grid--combos{grid-template-columns:1fr 1fr}.thumb{border-radius:var(--radius-sm);background:var(--pill);width:100%;box-shadow:0 0 0 .5px var(--line-strong);cursor:pointer;transition:transform .2s var(--ease), box-shadow .2s;border:0;padding:0;display:block;overflow:hidden}.thumb:hover{box-shadow:0 0 0 .5px var(--line-strong), var(--shadow-pill);transform:translateY(-2px)}.thumb svg,.thumb img{width:100%;height:auto;display:block}.thumb--photo{aspect-ratio:1}.thumb--photo img{object-fit:cover;height:100%}.thumb[data-tip]:after{white-space:normal;text-align:center;width:max-content;max-width:150px}.text-presets{gap:var(--space-2);flex-direction:column;display:flex}.text-preset{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--pill);color:var(--text);text-align:left;cursor:pointer;border:0}.text-preset:hover{background:var(--pill-hover)}.text-preset--0{letter-spacing:-.02em;font-size:24px;font-weight:800}.text-preset--1{font-size:var(--text-lg);font-weight:600}.text-preset--2{font-size:13px}.combo{min-height:84px;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--text);text-align:center;cursor:pointer;border:0;place-items:center;font-size:21px;line-height:1.1;display:grid}.combo:hover{box-shadow:inset 0 0 0 1.5px var(--accent)}.colors{gap:var(--space-3);flex-direction:column;display:flex}.colors__grid{justify-content:space-between;gap:var(--space-2);grid-template-columns:repeat(8,28px);display:grid}.color{cursor:pointer;border:0;border-radius:50%;width:28px;height:28px;padding:0;position:relative;box-shadow:inset 0 0 0 1px #0000001f}.color[aria-pressed=true]{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.colors__tabs{align-self:flex-start}.colors .slider{justify-content:space-between}.colors .range{flex:1;width:auto}.color--tool{background:var(--pill);color:var(--text-2);place-items:center;display:grid}.color--tool:hover{color:var(--text)}.color--wide{border-radius:var(--radius-sm);width:100%}.gradient-presets{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.gradient-presets .color{height:32px}.gradient-presets .color[aria-pressed=true]{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.gradient-bar{cursor:copy;border-radius:11px;height:22px;margin:6px 11px;position:relative;box-shadow:inset 0 0 0 1px #0000001f}.gradient-stop{width:22px;height:22px;box-shadow:var(--shadow-knob);cursor:grab;touch-action:none;border:3px solid #fff;border-radius:50%;margin:-11px 0 0 -11px;padding:0;position:absolute;top:50%}.gradient-stop[aria-pressed=true]{box-shadow:var(--shadow-knob), 0 0 0 2px var(--accent)}.gradient-row{justify-content:space-between;align-items:center;display:flex}.color--custom{color:#fff;background:conic-gradient(#ff5a36,#ffd23f,#2f9e5b,#2f6fed,#7c5cff,#e93d82,#ff5a36);place-items:center;display:grid}.color--custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.context{flex-direction:column;align-items:center;display:flex;position:relative}.subbar{bottom:calc(100% + var(--gap));scrollbar-width:none;max-width:calc(100vw - 24px);animation:rise .18s var(--ease);position:absolute;left:50%;overflow-x:auto;translate:-50%}.popover{bottom:calc(100% + var(--gap));z-index:20;width:320px;max-height:min(460px,60vh);padding:var(--space-4);border-radius:var(--radius-lg);animation:rise .18s var(--ease);margin-left:-160px;position:absolute;left:50%;overflow-y:auto}.context:has(>.subbar)>.popover{bottom:calc(100% + var(--gap) + var(--bar) + var(--gap))}.popover--fonts{flex-direction:column;gap:6px;padding:6px;display:flex;overflow:hidden}.font-list{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.font-list button{height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-lg);letter-spacing:0;text-align:left;cursor:pointer;background:0 0;border:0;flex:none;justify-content:space-between;align-items:center;display:flex}.font-list button:hover{background:var(--pill)}.font-list button[aria-selected=true]{color:var(--accent)}.weights{justify-content:space-between;align-self:stretch;overflow-x:auto}.menu--up{bottom:calc(100% + var(--gap));width:250px;right:0}.pill--font{min-width:156px;max-width:200px;padding:0 var(--space-3) 0 14px;justify-content:space-between}.pill--font span{text-overflow:ellipsis;text-align:left;overflow:hidden}.number{width:46px;height:var(--control-sm);border-radius:var(--radius-pill);color:var(--text);font-variant-numeric:tabular-nums;text-align:center;background:0 0;border:0;outline:none;font-weight:500}.number:focus{background:var(--surface);box-shadow:0 0 0 2px var(--accent)}.label--inline{min-width:0;color:var(--text-3);padding:0 0 0 2px}.swatch--ring{box-shadow:none;background:0 0;border:3px solid}.photo-popover{gap:var(--space-3);flex-direction:column;display:flex}.photo-popover>*{flex-shrink:0}.photo-popover__sliders{gap:var(--space-2);flex-direction:column;display:flex}.photo-popover__sliders .slider{justify-content:space-between}.photo-popover__sliders .slider>span{min-width:76px}.photo-popover__sliders .range{flex:1;width:auto}.photo-popover__part{padding-top:var(--space-3);border-top:1px solid var(--line)}.photo-popover__row{min-height:var(--control);padding:0 var(--space-1);font-size:var(--text-md);justify-content:space-between;align-items:center;font-weight:600;display:flex}.photo-popover__colors{gap:var(--space-2);padding:0 var(--space-1);flex-wrap:wrap;display:flex}.photo-popover--filters{width:344px;margin-left:-172px}.filter-grid{gap:var(--space-3) var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.filter{color:var(--text-2);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;font-weight:500;display:flex}.filter__thumb{border-radius:var(--radius-sm);width:72px;height:72px;box-shadow:0 0 0 .5px var(--line-strong);transition:box-shadow .15s, transform .2s var(--ease);display:block;overflow:hidden}.filter__thumb--text{background:var(--surface)}:root[data-theme=dark] .filter__thumb--text{background:#f3f3f1}.filter__thumb svg{width:100%;height:100%;display:block}.filter:hover .filter__thumb{transform:translateY(-2px)}.filter:hover,.filter[aria-pressed=true]{color:var(--text)}.filter[aria-pressed=true] .filter__thumb{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.export{position:relative}.export__menu{z-index:30;top:calc(100% + var(--gap));gap:var(--space-2);width:340px;max-height:calc(100vh - 2 * (var(--edge) + var(--bar) + var(--gap)));border-radius:var(--radius-lg);animation:rise .18s var(--ease);flex-direction:column;padding:6px;display:flex;position:absolute;right:0}.export__menu>*{flex-shrink:0}.export__menu>.choices--scroll{flex-shrink:1;min-height:0}.export__menu .slider{justify-content:space-between}.export__menu .range{flex:1}.export__size{color:var(--text-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:center;margin:0}.export__pages{align-self:stretch}.export__pages .pill{flex:1}.export__note{margin:0 0 var(--space-1);color:var(--success);font-size:var(--text-sm);justify-content:center;align-items:center;gap:6px;font-weight:500;display:flex}.cut-status{gap:var(--space-3);padding:9px 9px 9px var(--space-5);color:var(--text-2);font-size:var(--text-md);white-space:nowrap}.resize__title{padding:var(--space-3) var(--space-3) var(--space-1);color:var(--text-2);font-size:var(--text-md);flex-direction:column;gap:2px;margin:0;display:flex}.resize__title strong{color:var(--text);font-size:var(--text-base);font-weight:600}.resize__menu .choices--scroll{max-height:min(360px,48vh)}.resize__menu .choice:disabled{opacity:.55;cursor:default}.resize__check{border-radius:var(--radius-xs);background:var(--surface);width:20px;height:20px;box-shadow:inset 0 0 0 1.5px var(--line-strong);color:#fff;cursor:pointer;border:0;flex:none;place-items:center;padding:0;display:grid}.choice[aria-pressed=true] .resize__check,.resize__check[aria-pressed=true]{background:var(--accent);box-shadow:none}.resize__custom{cursor:default}.resize__custom>span{flex:1;min-width:0}.resize__custom .size-fields{gap:var(--space-2);margin-top:var(--space-2);display:flex}.resize__custom .field{height:var(--control)}@media (width>=1440px){.editor[data-panel] .bottom-center{left:calc(50% + (var(--rail) + var(--panel) + 2 * var(--gap)) / 2)}}.editor[data-panel] .bottom-center{z-index:13}@media (width<=1100px){.top-right .export:not(:last-child)>.bar .wide-only{display:none}.top-right .export:not(:last-child)>.bar .pill{width:var(--control);padding:0}.context>.bar:not(.subbar){max-width:calc(100vw - 2 * var(--edge))}.context>.bar[data-scroll]{scrollbar-width:none;overflow-x:auto}.context>.bar[data-scroll]::-webkit-scrollbar{display:none}.context>.bar[data-scroll] [data-tip]:after{display:none}.context>.bar[data-scroll]:after{content:"";background:linear-gradient(to left, var(--glass-strong) 6px, transparent);pointer-events:none;flex:none;align-self:stretch;width:28px;margin:-9px 0 -9px -34px;position:sticky;right:0}@supports (animation-timeline:scroll()){.context>.bar[data-scroll]:before{content:"";z-index:1;background:linear-gradient(to right, var(--glass-strong) 6px, transparent);pointer-events:none;flex:none;align-self:stretch;width:28px;margin:-9px -34px -9px 0;animation:linear both bar-end;animation-timeline:scroll(inline);animation-range:0 32px;position:sticky;left:0}.context>.bar[data-scroll]:after{animation:linear reverse both bar-end;animation-timeline:scroll(inline);animation-range:calc(100% - 32px) 100%}}.context:not(.context--add)>.bar:not(.subbar)>.pill:has(>.wide-only){width:var(--control);padding:0}.context:not(.context--add)>.bar:not(.subbar):has(>.group)>.pill:has(>.wide-only){width:42px}.context:not(.context--add)>.bar:not(.subbar) .wide-only{display:none}}@media (width<=1023px){.top-right>.float,.top-right .export>.bar .wide-only{display:none}.top-right .export>.bar .pill{width:var(--control);padding:0}}@media (width<=720px){.editor{--edge:12px;--gap:8px}.top{top:calc(var(--edge) + env(safe-area-inset-top))}.top-left,.top-left>.bar,.top-left .name-field{flex:1}.top-left .name-field{max-width:none}.viewbar{display:none}.rail.bar--vertical{top:auto;bottom:calc(var(--edge) + env(safe-area-inset-bottom));left:var(--edge);right:var(--edge);width:auto;padding:var(--space-1);scrollbar-width:none;flex-direction:row;justify-content:space-between;overflow-x:auto}.rail__item{flex:none;width:64px;padding:2px 0 4px}.editor[data-picked] .rail,.editor:not([data-picked]) .context--add{display:none}.editor:not([data-picked]) .bottom-center{bottom:calc(var(--edge) + 68px + var(--gap) + env(safe-area-inset-bottom))}.editor[data-panel] .bottom-center{left:50%}.bottom-center{bottom:calc(14px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.side-panel{width:auto;height:62vh;padding-bottom:env(safe-area-inset-bottom);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:30;animation:sheet-in .24s var(--ease);inset:auto 0 0}.side-panel__head{touch-action:none;padding-top:22px;position:relative}.side-panel__head:before{content:"";background:var(--line-strong);border-radius:3px;width:38px;height:5px;margin-left:-19px;position:absolute;top:8px;left:50%}.bar{scrollbar-width:none;max-width:calc(100vw - 24px);overflow-x:auto}.bar::-webkit-scrollbar{display:none}.export .bar{overflow:visible}.export__menu{top:calc(74px + env(safe-area-inset-top));width:auto;max-height:calc(100vh - 74px - 88px - env(safe-area-inset-top) - env(safe-area-inset-bottom));position:fixed;left:12px;right:12px}.popover{left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));width:auto;margin-left:0;position:fixed}.filter__thumb{aspect-ratio:1;width:100%;height:auto}.page-strip{max-width:calc(100vw - 24px)}}@keyframes bar-end{0%{opacity:0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(40%)}}@media (pointer:coarse){.handle{width:22px;height:22px;margin:-11px 0 0 -11px}.handle[data-edge=v]{width:10px;height:28px;margin:-14px 0 0 -5px}.handle[data-edge=h]{width:28px;height:10px;margin:-5px 0 0 -14px}.rotate-handle{width:36px;height:36px;margin-left:-18px}}.tile--draw[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.bar__label{padding:0 var(--space-2);font-size:var(--text-md);color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:inline-flex}.side-panel__body .colors__grid--brand{justify-content:start}.brand__logo,.brand__color{position:relative}.brand__logo .tile{width:100%;padding:10px}.brand__logo img{object-fit:contain;max-width:100%;max-height:100%}.tile--add{color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0}.brand__remove{background:var(--ink);width:18px;height:18px;color:var(--on-ink);cursor:pointer;opacity:0;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .15s;display:grid;position:absolute;top:-5px;right:-5px}.brand__logo:hover .brand__remove,.brand__color:hover .brand__remove,.brand__remove:focus-visible{opacity:1}.brand__from{justify-content:center;gap:6px}.brand__fonts{gap:var(--space-3);flex-direction:column;display:flex}.brand__font{grid-template-columns:1fr auto;gap:6px;display:grid}.brand__font-label{color:var(--text-2);font-size:var(--text-sm);grid-column:1/-1;font-weight:500}.brand__sample{padding:var(--space-3) 14px;border-radius:var(--radius-md);background:var(--surface);box-shadow:0 0 0 .5px var(--line-strong);color:var(--text);font-size:var(--text-lg);letter-spacing:0;text-align:left;cursor:pointer;border:0;grid-column:1/-1}.brand__sample:hover{box-shadow:0 0 0 .5px var(--line-strong), var(--shadow-raised)}.brand__font .select:first-of-type:last-child,.brand__font .select:not(.select--weight):only-of-type{grid-column:1/-1}.brand__apply{margin-top:var(--space-2)}.bar .qr-field{width:240px}.swatches{display:flex}.swatches .swatch+.swatch{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px var(--glass-strong);margin-left:-6px}.data-popover{width:min(560px,100vw - 32px);margin-left:calc(min(560px,100vw - 32px)/-2)}.data-grid{gap:var(--space-1);align-items:center;display:grid}.data-grid__row{display:contents}.data-grid__cell{min-width:0;height:var(--control-sm);padding:0 var(--space-2);border-radius:var(--radius-xs);background:var(--pill);color:var(--text);font:inherit;font-size:var(--text-md);border:0;outline:none}.data-grid__cell:focus{box-shadow:0 0 0 2px var(--accent)}.data-grid__cell::placeholder{color:var(--text-3)}.data-grid__cell--head{font-weight:600}.data-grid__cell--number{font-variant-numeric:tabular-nums;text-align:right}.data-grid__corner{height:var(--control-sm)}.data-grid__remove{width:28px;height:28px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.data-grid__remove:hover{background:var(--pill);color:var(--text)}.data-grid__remove--column{justify-self:center}.data-grid__add{gap:var(--space-2);margin-top:var(--space-2);grid-column:1/-1;display:flex}.data-popover__note{margin:var(--space-3) 0 0;color:var(--text-3);font-size:var(--text-sm)}@media (width<=720px){.data-popover{width:auto;margin-left:0}.bar .qr-field{width:180px}}