:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f2efe9;--surface:#fbfaf8;--surface-2:#eeeae2;--surface-3:#e3ded4;--ink:#2e2823;--ink-2:#57504a;--muted:#756d64;--line:#e5e0d6;--line-2:#d2cbbf;--dot:#e7e2d9;--dot-glow:#10a74b;--swatch:#4a443d;--brand-rule:#2e28232e;--secondary:#4f3ff0;--secondary-2:#7c3aed;--secondary-ink:#fff;--secondary-glow:#4f3ff052;--primary-50:#eaf6ee;--primary-100:#c9e8d5;--primary:#10a74b;--primary-strong:#1a6b39;--primary-ink:#fff;--primary-on-white:#1a6b39;--rb-burst:var(--secondary);--logo-plate:#fff;--logo-plate-ink:#2e2823;--logo-plate-line:#d6d3cd;--warn:#b4530a;--warn-bg:#fdf6ec;--warn-line:#f0dcc0;--danger:#c0392b;--danger-bg:#fdf1ef;--danger-line:#efc4bf;--sh-1:0 1px 2px #2e28230d;--sh-2:0 4px 16px #2e282314;--sh-3:0 24px 60px #2e282329;--r-sm:3px;--r-md:6px;--r-lg:10px;--r-xl:12px;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-base:14px;--fs-lg:16px;--caret:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--header-h:60px;--ease:cubic-bezier(.4, 0, .2, 1);--ease-pop:cubic-bezier(.34, 1.56, .64, 1)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#141210;--surface:#1c1917;--surface-2:#262220;--surface-3:#322d29;--ink:#f5f2ed;--ink-2:#c3bcb2;--muted:#8d857b;--line:#2b2624;--line-2:#3b3531;--dot:#211d1a;--swatch:#ded8d0;--brand-rule:#f5f2ed33;--primary-50:#172219;--primary-100:#24402f;--primary:#31c96e;--primary-strong:#96e6b7;--primary-ink:#072414;--secondary:#6e5cff;--secondary-2:#9061f9;--secondary-glow:#6e5cff66;--rb-burst:#ffffffe6;--warn:#e0a86a;--warn-bg:#2a2118;--warn-line:#4a3a24;--danger:#e5796a;--danger-bg:#331b18;--danger-line:#5c322c;--sh-1:0 1px 2px #0006;--sh-2:0 4px 16px #00000073;--sh-3:0 24px 60px #0009}*{box-sizing:border-box}html,body,#root,.studio-shell{width:100%;height:100%}html,body,#root{overflow:hidden}body{min-width:320px;color:var(--ink);background:var(--paper);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--fs-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}button,input,textarea,select{font:inherit}button{color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.randomize-button:focus-visible{outline-color:var(--secondary);outline-offset:4px;outline-width:3px}.studio-shell{flex-direction:column;min-height:0;display:flex;overflow:hidden}.masthead{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:0 20px;display:flex}.wordmark{color:var(--ink);align-items:center;gap:11px;text-decoration:none;transition:opacity .2s;display:inline-flex}.wordmark:hover{opacity:.75}.wordmark-mark{flex:0 0 32px;width:32px;height:32px;display:block}.wordmark-mark .mark-finder{stroke:var(--primary)}.wordmark-mark .mark-key{fill:var(--primary)}.wordmark-mark .mark-dot{fill:var(--ink)}.brand-name{letter-spacing:-.02em;font-size:19px;font-weight:700;line-height:1}.brand-name i{color:var(--primary);font-style:normal;font-weight:inherit}.brand-rule{background:var(--brand-rule);flex:none;width:1px;height:18px;margin:0 3px}.brand-tag{max-width:78px;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:9px;font-weight:400;line-height:1.3}.masthead-actions{align-items:center;gap:8px;display:flex}.credits-badge{color:var(--ink-2);background:var(--surface-2);font-size:var(--fs-xs);white-space:nowrap;border-radius:999px;padding:5px 10px;font-weight:650}.auth-button{color:var(--primary-ink);background:var(--primary);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-sm);white-space:nowrap;border:0;padding:7px 12px;font-weight:600;transition:opacity .15s}.auth-button:hover{opacity:.85}.masthead-inline{align-items:center;gap:4px;display:flex}.masthead-account{align-items:center;gap:8px;min-width:0;margin-right:6px;display:inline-flex}.masthead-email{max-width:190px;color:var(--ink-2);font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.inline-action{color:var(--ink-2);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-sm);white-space:nowrap;background:0 0;border:0;padding:7px 10px;font-weight:600;transition:color .15s,background-color .15s}.inline-action:hover{color:var(--ink);background:var(--surface-2)}.inline-icon{flex-shrink:0;place-items:center;width:32px;height:32px;padding:0;display:grid}.inline-icon svg{width:17px;height:17px}.menu-wrap{position:relative}.menu-button{width:32px;height:32px;color:var(--ink-2);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;transition:color .15s,background-color .15s;display:grid}.menu-button:hover,.menu-button.open{color:var(--ink);background:var(--surface-2)}.menu-button svg{width:18px;height:18px}.menu-avatar{width:26px;height:26px;color:var(--primary-ink);background:var(--primary);font-size:var(--fs-sm);border-radius:50%;place-items:center;font-weight:700;display:grid}.menu{z-index:250;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);min-width:216px;box-shadow:var(--sh-3);animation:menu-in .16s var(--ease-pop);padding:6px;position:absolute;top:calc(100% + 8px);right:0}@keyframes menu-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:none}}.menu-head{border-bottom:1px solid var(--line);gap:2px;margin-bottom:5px;padding:9px 10px 10px;display:grid}.menu-head b{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.menu-head span{color:var(--muted);font-size:var(--fs-xs);font-weight:600}.menu>button{width:100%;color:var(--ink-2);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-md);text-align:left;background:0 0;border:0;padding:9px 10px;font-weight:600;transition:color .15s,background-color .15s;display:block}.menu>button:hover{color:var(--ink);background:var(--surface-2)}.menu-sep{background:var(--line);height:1px;margin:5px 0}.menu>.menu-toggle{justify-content:space-between;align-items:center;gap:10px;display:flex}.menu>.menu-toggle svg{width:16px;height:16px;color:var(--muted);flex:0 0 16px}.menu>.menu-toggle:hover svg{color:var(--ink)}.studio-grid{flex:1;grid-template-columns:minmax(0,1fr) 420px;min-width:0;min-height:0;display:grid}.preview-stage{background-color:var(--paper);background-image:radial-gradient(var(--dot) 1px, transparent 1px);background-size:18px 18px;grid-template-rows:minmax(0,1fr) auto;gap:20px;min-width:0;min-height:0;padding:24px 28px 20px;animation:.4s both fade-in;display:grid;position:relative;overflow:hidden;container:stage/inline-size}.preview-stage:before{content:"";z-index:0;background-image:radial-gradient(var(--dot-glow) 1px, transparent 1px);-webkit-mask:radial-gradient(circle 150px at var(--mx,-999px) var(--my,-999px), #000 0%, #00000073 45%, transparent 72%);-webkit-mask:radial-gradient(circle 150px at var(--mx,-999px) var(--my,-999px), #000 0%, #00000073 45%, transparent 72%);mask:radial-gradient(circle 150px at var(--mx,-999px) var(--my,-999px), #000 0%, #00000073 45%, transparent 72%);opacity:0;pointer-events:none;background-size:18px 18px;transition:opacity .25s;position:absolute;inset:0}.preview-stage:hover:before{opacity:1}.preview-board,.stage-controls{z-index:1;position:relative}.preview-board{place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.paper{aspect-ratio:1;border-radius:var(--r-md);width:min(100%,60vh,600px);max-width:100%;max-height:100%;box-shadow:var(--sh-3);background:#fff;margin:auto;position:relative;overflow:hidden}.pixel-preview{width:100%;height:100%;image-rendering:pixelated;display:block;position:relative}.vector-preview{width:100%;height:100%;display:block;position:relative}.res-note{z-index:2;color:#f4f4f2;max-width:calc(100% - 24px);font-size:var(--fs-xs);white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17161ab3;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-weight:600;display:inline-flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.res-note svg{flex:0 0 13px;width:13px;height:13px}.preview-board>p{display:none}.stage-controls{gap:14px;width:min(100%,560px);margin:0 auto;display:grid}.hero{gap:10px;display:grid}.randomize-button{width:100%;min-height:62px;color:var(--secondary-ink);background:linear-gradient(135deg, var(--secondary), var(--secondary-2));border-radius:var(--r-lg);cursor:pointer;font-size:var(--fs-lg);letter-spacing:-.01em;transition:transform .18s var(--ease-pop);border:0;justify-content:center;align-items:center;gap:12px;padding:0 24px;font-weight:700;animation:4.5s ease-in-out infinite rb-breathe;display:inline-flex;position:relative}.rb-spark{filter:drop-shadow(0 0 6px #fff9);display:inline-flex}.rb-spark svg{width:21px;height:21px;display:block}.rb-label{position:relative}.rb-key{color:#ffffffe6;border-radius:var(--r-sm);font-family:inherit;font-size:var(--fs-xs);background:#ffffff29;border:1px solid #ffffff3d;margin-left:2px;padding:2px 7px;font-weight:700}.randomize-button:after{content:"";border:2px solid var(--rb-burst);border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:0}.randomize-button:hover{animation-name:rb-breathe-hi;animation-duration:2.6s;transform:translateY(-2px)}.randomize-button:active{transform:translateY(0)scale(.99)}.randomize-button.firing{animation-name:rb-breathe,rb-pop;animation-duration:4.5s,.6s;animation-timing-function:ease-in-out,ease-out;animation-iteration-count:infinite,1}.randomize-button.firing:after{animation:.6s ease-out rb-burst}.randomize-button.firing .rb-spark{animation:.6s ease-out rb-spin-fast}@keyframes rb-breathe{0%,to{box-shadow:0 8px 22px var(--secondary-glow), 0 2px 8px #17161a24, inset 0 1px 0 #ffffff47}50%{box-shadow:0 16px 44px var(--secondary-glow), 0 4px 12px #17161a29, inset 0 1px 0 #ffffff47}}@keyframes rb-breathe-hi{0%,to{box-shadow:0 14px 34px var(--secondary-glow), 0 3px 10px #17161a29, inset 0 1px 0 #ffffff57}50%{box-shadow:0 20px 54px var(--secondary-glow), 0 5px 14px #17161a2e, inset 0 1px 0 #ffffff57}}@keyframes rb-pop{0%{transform:scale(1)}28%{transform:scale(1.035)}55%{transform:scale(.99)}to{transform:scale(1)}}@keyframes rb-burst{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.22)}}@keyframes rb-spin-fast{0%{transform:rotate(0)}to{transform:rotate(540deg)}}.lock-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.lock-strip-label{color:var(--muted);font-size:var(--fs-sm);font-weight:600}.lock-row{gap:2px;display:flex}.keep-group{border-left:1px solid var(--line-2);padding-left:8px}.lock-toggle{width:30px;height:30px;color:var(--muted);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:color .15s,background-color .15s;display:grid;position:relative}.lock-toggle svg{width:16px;height:16px}.lock-toggle:hover{color:var(--ink);background:var(--surface-2)}.lock-toggle.locked,.keep-group .lock-toggle.locked{color:var(--surface);background:var(--ink)}.lock-badge{color:var(--ink);background:var(--surface);border-radius:50%;padding:1px;position:absolute;bottom:-2px;right:-2px;width:12px!important;height:12px!important}.keep-group .lock-badge{color:var(--ink)}.export-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.export-label{color:var(--muted);font-size:var(--fs-sm);align-items:center;gap:6px;font-weight:600;display:inline-flex}.export-label svg{width:15px;height:15px}.export-formats{gap:6px;display:flex}.export-formats button{min-width:54px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-sm);letter-spacing:.03em;transition:color .15s ease, background-color .15s ease, border-color .15s ease, transform .12s var(--ease-pop);justify-content:center;align-items:center;gap:5px;padding:8px 12px;font-weight:650;display:inline-flex;position:relative}.export-formats button:hover{color:var(--surface);background:var(--ink);border-color:var(--ink);transform:translateY(-1px)}.export-formats button:active{transform:scale(.96)}.export-formats button.locked{color:var(--muted);border-style:dashed}.copy-link{color:var(--muted);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-sm);background:0 0;border:0;align-items:center;gap:6px;margin-left:auto;padding:8px 12px;font-weight:650;transition:color .15s,background-color .15s;display:inline-flex;position:relative}.copy-link:hover{color:var(--ink);background:var(--surface-2)}.copy-link svg{width:14px;height:14px}.export-lock{fill:currentColor;opacity:.6;width:11px!important;height:11px!important}.verify-line{color:var(--muted);font-size:var(--fs-xs);align-items:center;gap:7px;margin:0;line-height:1.35;display:flex}.verify-line svg{flex:0 0 14px;width:14px;height:14px}.copy-popover,.format-hint-popover{color:var(--paper);background:var(--ink);border-radius:var(--r-md);font-size:var(--fs-sm);white-space:nowrap;pointer-events:none;box-shadow:var(--sh-2);animation:pop-in .18s var(--ease-pop);align-items:center;gap:7px;padding:8px 13px;font-weight:650;display:inline-flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.copy-popover:after,.format-hint-popover:after{content:"";border:6px solid #0000;border-top-color:var(--ink);position:absolute;top:100%;left:50%;transform:translate(-50%)}.copy-popover svg{width:15px;height:15px}@keyframes pop-in{0%{opacity:0;transform:translate(-50%)translateY(4px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.contrast-warning{width:min(100%,440px);color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-line);border-radius:var(--r-md);box-shadow:var(--sh-2);animation:warn-in .3s var(--ease-pop);align-items:center;gap:10px;padding:11px 14px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.contrast-warning svg{flex:0 0 21px;width:21px;height:21px}.contrast-warning b{font-size:var(--fs-sm);display:block}.contrast-warning span{font-size:var(--fs-xs);opacity:.85}@keyframes warn-in{0%{opacity:0;transform:translate(-50%,8px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.inspector{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.inspector-tabs{border-bottom:1px solid var(--line);flex:none;grid-template-columns:repeat(4,1fr);padding:0 8px;display:grid}.inspector-tabs button{color:var(--muted);cursor:pointer;font-size:var(--fs-xs);background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:14px 4px 12px;font-weight:650;transition:color .15s;display:flex;position:relative}.inspector-tabs button svg{width:18px;height:18px}.inspector-tabs button:hover{color:var(--ink-2)}.inspector-tabs button.active{color:var(--primary-strong)}.inspector-tabs button.active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.inspector-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;flex:1;min-height:0;overflow-y:auto}.inspector-panel{padding:20px;animation:.24s both panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.sub-label{color:var(--muted);font-size:var(--fs-sm);margin:22px 0 9px;font-weight:600}.inspector-panel>.sub-label:first-child{margin-top:0}.field-stack{gap:12px;margin-top:14px;display:grid}.field{gap:6px;min-width:0;display:grid}.field>span,.color-control>span,.range-control>span{color:var(--muted);font-size:var(--fs-sm);font-weight:600}.field input,.field textarea{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);font-size:var(--fs-md);resize:vertical;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.field input:hover,.field textarea:hover{border-color:var(--muted)}.field input:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50);outline:0}.select{position:relative}.select-trigger{width:100%;height:42px;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-md);text-align:left;align-items:center;gap:10px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.select-trigger:hover{border-color:var(--muted)}.select-trigger.open,.select-trigger:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50);outline:0}.select-value{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.select-caret{background:var(--muted);width:12px;height:8px;-webkit-mask:var(--caret) center / contain no-repeat;-webkit-mask:var(--caret) center / contain no-repeat;mask:var(--caret) center / contain no-repeat;transition:background-color .15s ease, transform .18s var(--ease);flex:0 0 12px}.select-trigger:hover .select-caret{background:var(--ink)}.select-trigger.open .select-caret{transform:rotate(180deg)}.select-menu{z-index:260;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);width:max-content;box-shadow:var(--sh-3);scrollbar-width:thin;animation:menu-in .14s var(--ease-pop);padding:5px;position:fixed;overflow-y:auto}.select-option{border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-md);color:var(--ink-2);align-items:center;gap:8px;padding:8px 10px;display:flex}.select-option>span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.select-option svg{width:15px;height:15px;color:var(--primary);flex:0 0 15px}.select-option[aria-selected=true]{color:var(--ink);font-weight:650}.select-option[data-active=true]{color:var(--ink);background:var(--primary-50)}.field-large{margin-top:14px;position:relative}.field-large textarea{min-height:96px;font:500 var(--fs-md) / 1.5 ui-monospace, SFMono-Regular, Consolas, monospace}.mode-switch,.choice-strip,.shape-tabs,.join-control{background:var(--surface-2);border-radius:var(--r-md);gap:0;padding:3px;display:grid;position:relative;overflow:hidden}.mode-switch{grid-template-columns:repeat(4,1fr)}.choice-strip{grid-template-columns:repeat(3,1fr)}.shape-tabs{grid-template-columns:repeat(3,1fr);margin-bottom:18px}.join-control{grid-template-columns:repeat(4,1fr)}.mode-switch button,.choice-strip button,.shape-tabs button,.join-control button{z-index:2;color:var(--muted);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-sm);background:0 0;border:0;padding:9px 6px;font-weight:600;position:relative}.mode-switch button:hover,.choice-strip button:hover,.shape-tabs button:hover,.join-control button:hover{color:var(--ink)}.mode-switch button.active,.choice-strip button.active,.shape-tabs button.active,.join-control button.active{color:var(--primary-ink);animation:.26s seg-in}.join-control b{font-size:var(--fs-base);line-height:1;display:block}.join-control span{font-size:10px}@keyframes seg-in{0%{opacity:.5}to{opacity:1}}.tab-glide,.tab-hover{z-index:1;width:calc((100% - 6px) / var(--count));border-radius:var(--r-sm);pointer-events:none;height:calc(100% - 6px);position:absolute;top:3px;left:3px}.tab-glide{background:var(--primary);transform:translateX(calc(var(--active,0) * 100%));transition:transform .28s var(--ease)}.tab-glide.light{background:var(--surface);box-shadow:var(--sh-1)}.tab-hover{opacity:0;transform:translateX(calc(var(--hi,0) * 100%));transition:transform .24s var(--ease);background:#78766f29}.hv .tab-hover{opacity:1}.no-slide .tab-hover{transition:none}.shape-tabs button.active{color:var(--primary-strong)}.join-control:hover .tab-hover{opacity:1}.join-control:has(button:first-of-type:hover) .tab-hover{transform:translate(0)}.join-control:has(button:nth-of-type(2):hover) .tab-hover{transform:translate(100%)}.join-control:has(button:nth-of-type(3):hover) .tab-hover{transform:translate(200%)}.join-control:has(button:nth-of-type(4):hover) .tab-hover{transform:translate(300%)}.option-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.option-grid button{aspect-ratio:1;color:var(--swatch);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;transition:border-color .14s ease, background-color .14s ease, transform .14s var(--ease-pop);place-items:center;padding:5px;display:grid;position:relative}.option-grid button:hover{border-color:var(--line-2);background:var(--surface-2);transform:translateY(-2px)}.option-grid button.active{border-color:var(--primary);background:var(--primary-50);box-shadow:inset 0 0 0 1px var(--primary);animation:opt-pop .3s var(--ease-pop)}.option-grid button:active{transform:scale(.94)}.option-grid button span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes opt-pop{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}.option-grid button.active .body-swatch,.option-grid button.active .eye-frame-swatch,.option-grid button.active .pupil-swatch,.option-grid button.active .body-option-preview{animation:.4s swatch-tilt}@keyframes swatch-tilt{0%{transform:rotate(-6deg)scale(.9)}60%{transform:rotate(3deg)scale(1.04)}to{transform:none}}.body-swatch,.eye-frame-swatch,.pupil-swatch{background:currentColor;width:26px;height:26px;display:block}.body-option-preview{color:currentColor;width:32px;height:32px;display:block}.body-swatch.rounded{border-radius:7px}.body-swatch.dot{border-radius:50%;transform:scale(.76)}.body-swatch.diamond,.body-swatch.soft-diamond{transform:rotate(45deg)scale(.72)}.body-swatch.soft-diamond{border-radius:7px}.body-swatch.star{clip-path:polygon(50% 0,61% 34%,98% 36%,68% 57%,79% 94%,50% 72%,20% 94%,31% 57%,2% 36%,39% 34%)}.body-swatch.dash{border-radius:7px;height:10px}.body-swatch.vertical{border-radius:7px;width:10px}.body-swatch.cross,.body-swatch.plus{clip-path:polygon(34% 0,66% 0,66% 34%,100% 34%,100% 66%,66% 66%,66% 100%,34% 100%,34% 66%,0 66%,0 34%,34% 34%)}.body-swatch.clover{background:radial-gradient(circle at 30% 30%,currentColor 0 27%,#0000 29%),radial-gradient(circle at 70% 30%,currentColor 0 27%,#0000 29%),radial-gradient(circle at 30% 70%,currentColor 0 27%,#0000 29%),radial-gradient(circle at 70% 70%,currentColor 0 27%,#0000 29%)}.body-swatch.flower{background:radial-gradient(circle at 50% 26%,currentColor 0 27%,#0000 29%),radial-gradient(circle at 74%,currentColor 0 27%,#0000 29%),radial-gradient(circle at 50% 74%,currentColor 0 27%,#0000 29%),radial-gradient(circle at 26%,currentColor 0 27%,#0000 29%)}.body-swatch.leaf{border-radius:100% 0}.body-swatch.kite{clip-path:polygon(50% 0,100% 40%,50% 100%,0 60%)}.body-swatch.tiny{border-radius:3px;transform:scale(.48)}.body-swatch.ring{background:0 0;border:6px solid;border-radius:50%}.body-swatch.hex{clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%)}.body-swatch.squircle{border-radius:42%}.body-swatch.pinwheel{clip-path:polygon(0 0,50% 34%,100% 0,66% 50%,100% 100%,50% 66%,0 100%,34% 50%)}.body-swatch.shards{clip-path:polygon(0 0,55% 12%,35% 55%,100% 0,80% 63%,100% 100%,28% 82%,0 100%)}.eye-frame-swatch{background:var(--surface);border:5px solid}.eye-frame-swatch.rounded,.eye-frame-swatch.soft{border-radius:7px}.eye-frame-swatch.circle{border-radius:50%}.eye-frame-swatch.leaf{border-radius:70% 0}.eye-frame-swatch.diamond{transform:rotate(45deg)scale(.72)}.eye-frame-swatch.octagon,.pupil-swatch.octagon{clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)}.eye-frame-swatch.bevel{clip-path:polygon(14% 0,86% 0,100% 14%,100% 86%,86% 100%,14% 100%,0 86%,0 14%)}.eye-frame-swatch.thin{border-width:3px}.eye-frame-swatch.double{border:4px double}.eye-frame-swatch.dots{border-style:dotted}.eye-frame-swatch.skew{transform:skew(-8deg)}.pupil-swatch.rounded{border-radius:7px}.pupil-swatch.circle{border-radius:50%}.pupil-swatch.diamond{transform:rotate(45deg)scale(.72)}.pupil-swatch.dots{background:radial-gradient(circle,currentColor 0 38%,#0000 41%) 0 0/10px 10px}.pupil-swatch.flower{background:radial-gradient(circle at 50% 26%,currentColor 0 28%,#0000 30%),radial-gradient(circle at 74%,currentColor 0 28%,#0000 30%),radial-gradient(circle at 50% 74%,currentColor 0 28%,#0000 30%),radial-gradient(circle at 26%,currentColor 0 28%,#0000 30%)}.pupil-swatch.clover{background:radial-gradient(circle at 30% 30%,currentColor 0 28%,#0000 30%),radial-gradient(circle at 70% 30%,currentColor 0 28%,#0000 30%),radial-gradient(circle at 30% 70%,currentColor 0 28%,#0000 30%),radial-gradient(circle at 70% 70%,currentColor 0 28%,#0000 30%)}.pupil-swatch.vertical{background:repeating-linear-gradient(90deg,currentColor 0 7px,#0000 7px 11px)}.pupil-swatch.horizontal{background:repeating-linear-gradient(0deg,currentColor 0 7px,#0000 7px 11px)}.pupil-swatch.star{clip-path:polygon(50% 0,61% 34%,98% 36%,68% 57%,79% 94%,50% 72%,20% 94%,31% 57%,2% 36%,39% 34%)}.pupil-swatch.leaf{border-radius:100% 0}.pupil-swatch.concave{clip-path:polygon(0 0,50% 20%,100% 0,80% 50%,100% 100%,50% 80%,0 100%,20% 50%)}.pupil-swatch.slash{clip-path:polygon(25% 0,100% 0,75% 100%,0 100%)}.pupil-swatch.cross{clip-path:polygon(34% 0,66% 0,66% 34%,100% 34%,100% 66%,66% 66%,66% 100%,34% 100%,34% 66%,0 66%,0 34%,34% 34%)}.pupil-swatch.ring{background:var(--surface);border:6px solid;border-radius:50%}.range-control{gap:8px;margin-top:18px;display:grid}.range-control>span{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.range-control>span b{color:var(--muted);font-variant-numeric:tabular-nums}.range-slot{--track-h:2px;--thumb:16px;--fill:linear-gradient(to right, var(--primary) 0 calc(var(--p) * 1%), var(--surface-3) calc(var(--p) * 1%) 100%);display:block;position:relative}.range-slot input[type=range]{appearance:none;width:100%;height:var(--thumb);cursor:pointer;background:0 0;margin:0;display:block}.range-slot input[type=range]:focus{outline:0}.range-slot input[type=range]::-webkit-slider-runnable-track{height:var(--track-h);background:var(--fill);border-radius:999px}.range-slot input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((var(--track-h) - var(--thumb)) / 2);border:2px solid var(--primary);box-shadow:var(--sh-1);transition:transform .12s var(--ease-pop);background:#fff;border-radius:50%}.range-slot input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}.range-slot input[type=range]:focus-visible::-webkit-slider-thumb{transform:scale(1.12)}.range-slot input[type=range]:active::-webkit-slider-thumb{transform:scale(1.02)}.range-slot input[type=range]::-moz-range-track{height:var(--track-h);background:var(--surface-3);border-radius:999px}.range-slot input[type=range]::-moz-range-progress{height:var(--track-h);background:var(--primary);border-radius:999px}.range-slot input[type=range]::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border:2px solid var(--primary);box-shadow:var(--sh-1);background:#fff;border-radius:50%}.range-slot input[type=range]:disabled{opacity:.4;cursor:not-allowed}.range-bubble{bottom:calc(100% + 4px);left:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--p) / 100);color:var(--primary-ink);background:var(--primary);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:0;border-radius:5px;padding:3px 7px;font-weight:700;transition:opacity .14s;position:absolute;transform:translate(-50%)}.range-bubble:after{content:"";border:4px solid #0000;border-top-color:var(--primary);position:absolute;top:100%;left:50%;transform:translate(-50%)}.range-slot:hover .range-bubble,.range-slot:focus-within .range-bubble{opacity:1}.range-steps{gap:4px;display:flex}.range-steps button{color:var(--muted);background:var(--surface-2);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-xs);border:0;flex:1;padding:5px 0;font-weight:600;transition:color .15s,background-color .15s}.range-steps button:hover{color:var(--ink);background:var(--surface-3)}.text-button{color:var(--ink-2);background:var(--surface-2);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-sm);border:0;margin-top:14px;padding:8px 12px;font-weight:600;transition:background-color .15s}.text-button:hover{background:var(--surface-3)}.custom-shape-panel{background:var(--surface-2);border-radius:var(--r-md);margin-top:18px;padding:16px;animation:.26s both panel-in}.custom-shape-panel .sub-label:first-child{margin-top:0}.color-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.color-control{gap:6px;min-width:0;display:grid}.color-control>div{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);align-items:center;gap:8px;padding:6px 8px;display:flex}.color-control input{border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;flex:0 0 26px;width:26px;height:26px;padding:0}.color-control input::-webkit-color-swatch-wrapper{padding:0}.color-control input::-webkit-color-swatch{border:1px solid var(--line-2);border-radius:4px}.color-control code{color:var(--muted);font-size:var(--fs-xs);text-overflow:ellipsis;font-weight:600;overflow:hidden}.check{color:var(--ink-2);font-size:var(--fs-md);cursor:pointer;align-items:center;gap:9px;margin-top:18px;display:flex}.check input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.logo-file-input{display:none}.logo-gallery{scrollbar-width:thin;grid-template-columns:repeat(5,1fr);gap:6px;padding:2px;display:grid;overflow-y:auto}.logo-gallery button{aspect-ratio:1;background:var(--logo-plate);border:1px solid var(--logo-plate-line);border-radius:var(--r-sm);cursor:pointer;transition:border-color .14s ease, transform .14s var(--ease-pop);place-items:center;padding:4px;display:grid}.logo-gallery button:hover{border-color:var(--logo-plate-ink);transform:translateY(-2px)}.logo-gallery button.active{border-color:var(--primary-on-white);box-shadow:inset 0 0 0 2px var(--primary-on-white);animation:opt-pop .3s var(--ease-pop)}.logo-gallery button.active img{animation:.4s swatch-tilt}.logo-gallery img{object-fit:contain;width:34px;height:34px}.upload-zone{width:100%;color:var(--ink-2);background:var(--surface-2);border:1px dashed var(--line-2);border-radius:var(--r-md);cursor:pointer;text-align:center;place-items:center;gap:4px;padding:18px 14px;font-family:inherit;transition:border-color .15s,background-color .15s;display:grid}.upload-zone:hover{border-color:var(--primary);background:var(--surface-3)}.upload-zone b{font-size:var(--fs-md);font-weight:650}.upload-zone span{color:var(--muted);font-size:var(--fs-xs)}.logo-confirmation,.match-logo-background{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);text-align:left;align-items:center;gap:11px;width:100%;margin-top:12px;padding:10px 12px;display:flex}.match-logo-background{cursor:pointer;transition:border-color .15s}.match-logo-background:hover{border-color:var(--primary)}.logo-confirmation img{object-fit:contain;background:var(--logo-plate);border:1px solid var(--logo-plate-line);border-radius:var(--r-sm);flex:0 0 34px;width:34px;height:34px;padding:2px}.match-logo-background i{border:1px solid var(--line-2);border-radius:var(--r-sm);flex:0 0 26px;width:26px;height:26px}.logo-confirmation>span,.match-logo-background span{flex:1;min-width:0;display:grid}.logo-confirmation b,.match-logo-background b{font-size:var(--fs-md);font-weight:650}.logo-confirmation small,.match-logo-background small{color:var(--muted);font-size:var(--fs-xs)}.logo-remove{color:var(--muted);border:1px solid var(--line-2);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-xs);background:0 0;padding:6px 10px;font-weight:600;transition:color .15s,border-color .15s}.logo-remove:hover{color:var(--danger);border-color:var(--danger)}.modal-overlay{z-index:300;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17161a8c;place-items:center;padding:20px;animation:.16s fade-in;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--r-xl);width:min(100%,420px);max-height:88vh;box-shadow:var(--sh-3);animation:modal-in .2s var(--ease-pop);padding:26px;position:relative;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.modal-card h2{letter-spacing:-.02em;margin:0 0 6px;font-size:19px;font-weight:700}.modal-note{color:var(--muted);font-size:var(--fs-md);margin:0 0 18px}.modal-upsell{color:var(--warn);background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:var(--r-md);font-size:var(--fs-sm);margin:0 0 16px;padding:11px 13px;font-weight:600}.modal-close{width:30px;height:30px;color:var(--muted);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:21px;line-height:1;transition:color .15s,background-color .15s;display:grid;position:absolute;top:14px;right:14px}.modal-close:hover{color:var(--ink);background:var(--surface-2)}.auth-form .modal-primary{color:var(--primary-strong);border:1px solid var(--line-2);background:0 0}.auth-form .modal-primary:hover:not(:disabled){opacity:1;border-color:var(--primary);background:var(--primary-50)}.modal-primary{color:var(--primary-ink);background:var(--primary);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-md);border:0;padding:11px 16px;font-weight:650;transition:opacity .15s}.modal-primary:hover{opacity:.85}.modal-primary.danger{background:var(--danger);color:#fff}.modal-primary:disabled{opacity:.55;cursor:default}.ad-card{text-align:center;width:min(100%,352px);padding:22px}.ad-label{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.09em;text-transform:uppercase;margin:0 0 12px;font-weight:600}.ad-slot{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);place-items:center;max-width:100%;margin:0 auto;display:grid;position:relative;overflow:hidden}.ad-fallback{color:var(--muted);font-size:var(--fs-sm);gap:3px;padding:12px;display:grid}.ad-fallback b{color:var(--ink-2);font-size:var(--fs-md);font-weight:650}.ad-fallback-over{background:var(--surface-2);place-content:center;position:absolute;inset:0}.ad-note{margin:18px 0 14px}.ad-card .modal-primary{width:100%}.modal-close:disabled{opacity:.4;cursor:default}.modal-close:disabled:hover{color:var(--muted);background:0 0}@media (width<=400px){.ad-card{padding:16px}}.auth-form{gap:13px;margin-top:16px;display:grid}.auth-field{gap:5px;display:grid}.auth-field>span{color:var(--ink-2);font-size:var(--fs-sm);font-weight:600}.auth-field input{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);font-size:var(--fs-base);padding:11px 13px;font-family:inherit;transition:border-color .15s,box-shadow .15s}.auth-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50);outline:0}.auth-hint{color:var(--muted);font-size:var(--fs-xs);line-height:1.45}.auth-error:empty{display:none}.auth-error{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-line);border-radius:var(--r-sm);font-size:var(--fs-sm);margin:0;padding:9px 11px;font-weight:600}.auth-notice{color:var(--primary-strong);background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--r-sm);font-size:var(--fs-sm);margin:0 0 2px;padding:9px 11px}.auth-providers{gap:8px;margin-top:16px;display:grid}.auth-provider{color:var(--primary-ink);background:var(--primary);border-radius:var(--r-sm);cursor:pointer;font-family:inherit;font-size:var(--fs-md);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:11px 14px;font-weight:650;transition:opacity .15s;display:flex}.auth-provider:hover:not(:disabled){opacity:.88}.auth-provider img{background:var(--logo-plate);border-radius:3px;padding:2px}.auth-reveal{width:100%;color:var(--muted);cursor:pointer;font-family:inherit;font-size:var(--fs-md);text-underline-offset:3px;background:0 0;border:0;margin-top:14px;padding:0;font-weight:600;text-decoration:underline;transition:color .15s;display:block}.auth-reveal:hover{color:var(--primary-strong)}.auth-provider:disabled{opacity:.55;cursor:default}.auth-provider img{flex:none;width:18px;height:18px}.auth-divider{color:var(--muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;margin-top:16px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-switch{flex-wrap:wrap;justify-content:space-between;gap:4px 14px;margin-top:14px;display:flex}.auth-switch button{color:var(--muted);cursor:pointer;font-family:inherit;font-size:var(--fs-sm);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline;transition:color .15s}.auth-switch button:hover{color:var(--primary-strong)}.confirm-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.confirm-actions .text-button{margin-top:0}.credit-packages{gap:8px;display:grid}.credit-package{color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:14px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.credit-package:hover{border-color:var(--primary);background:var(--surface-2)}.credit-package.featured{border-color:var(--primary)}.credit-package-badge{color:var(--primary-ink);background:var(--primary);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:-8px;left:12px}.credit-package-main{gap:2px;display:grid}.credit-package-main b{font-size:var(--fs-base);font-weight:650}.credit-package-main small{color:var(--muted);font-size:var(--fs-xs)}.credit-package-price{align-items:center;gap:4px;display:flex}.credit-package-price b{font-size:var(--fs-base);font-weight:700}.credit-package-price svg{width:16px;height:16px;color:var(--muted);transition:transform .15s}.credit-package:hover .credit-package-price svg{transform:translate(3px)}.profile-page{background:var(--paper);flex:1;min-height:0;padding:32px 36px 48px;overflow-y:auto}.profile-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.profile-email{color:var(--muted);font-size:var(--fs-sm);font-weight:600}.profile-header h1{letter-spacing:-.02em;margin:4px 0 0;font-size:24px;font-weight:700}.profile-actions{align-items:center;gap:8px;display:flex}.profile-actions .text-button{margin-top:0}.profile-empty{color:var(--muted);font-size:var(--fs-md)}.profile-toolbar{flex-wrap:wrap;gap:14px;margin-bottom:22px;display:flex}.profile-toolbar-field{gap:5px;display:grid}.profile-toolbar-field span{color:var(--muted);font-size:var(--fs-xs);font-weight:600}.profile-toolbar-field .select-trigger{height:36px;font-size:var(--fs-sm)}.profile-group+.profile-group{margin-top:28px}.profile-group-title{font-size:var(--fs-base);align-items:center;gap:9px;margin:0 0 12px;font-weight:650;display:flex}.profile-group-title span{color:var(--muted);font-size:var(--fs-xs);font-weight:600}.profile-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.profile-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);position:relative;overflow:hidden}.profile-delete{z-index:1;color:#fff;border-radius:var(--r-sm);cursor:pointer;opacity:0;background:#17161a8c;border:0;place-items:center;width:26px;height:26px;padding:0;transition:opacity .15s,background-color .15s;display:grid;position:absolute;top:8px;right:8px}.profile-card:hover .profile-delete,.profile-delete:focus-visible{opacity:1}.profile-delete:hover{background:var(--danger)}.profile-delete svg{width:14px;height:14px}.profile-thumb{aspect-ratio:1;width:100%;color:inherit;cursor:pointer;background:#fff;border:0;padding:0;position:relative}.profile-thumb canvas{width:100%;height:100%;display:block}.profile-thumb:hover{box-shadow:inset 0 0 0 2px var(--primary)}.profile-thumb-hint{z-index:1;color:#fff;font-size:var(--fs-xs);text-align:center;opacity:0;background:linear-gradient(#0000,#17161abf);padding:7px;font-weight:650;transition:opacity .15s;position:absolute;inset:auto 0 0}.profile-thumb:hover .profile-thumb-hint{opacity:1}.profile-card-body{padding:12px}.profile-card-content{color:var(--ink);font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;font-weight:650;display:block;overflow:hidden}.profile-card-meta{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.profile-card-mode{color:var(--muted);background:var(--surface-2);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:650}.profile-card-date{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:650}.profile-format-list{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.profile-format{color:var(--ink);background:var(--surface-2);border-radius:var(--r-sm);cursor:pointer;text-align:left;border:1px solid #0000;flex-direction:column;gap:2px;padding:7px 9px;transition:border-color .15s;display:flex}.profile-format:hover{border-color:var(--primary)}.profile-format-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.profile-format-head svg{width:13px;height:13px;color:var(--muted);flex:0 0 13px}.profile-format:hover .profile-format-head svg{color:var(--primary)}.profile-format b{font-size:var(--fs-sm)}.profile-format>span:last-child{color:var(--muted);white-space:nowrap;font-size:10px;font-weight:600}.status-toast{z-index:400;max-width:min(90vw,480px);color:var(--paper);background:var(--ink);border-radius:var(--r-md);box-shadow:var(--sh-3);font-size:var(--fs-sm);text-align:center;animation:toast-in .18s var(--ease-pop);padding:11px 17px;font-weight:650;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.status-toast.error{color:#fff;background:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=1100px){.studio-grid{grid-template-columns:minmax(0,1fr) 370px}.preview-stage{padding-inline:20px}.inspector-panel{padding:18px 16px}}@media (width<=900px){.masthead-email{display:none}html,body,#root,.studio-shell{height:auto;min-height:100%;overflow:visible}.studio-shell{overflow:visible}.studio-grid{flex-direction:column;display:flex}.preview-stage,.preview-board{overflow:visible}.preview-stage{min-height:560px}.paper{width:min(100%,460px)}.inspector{border-left:0;border-top:1px solid var(--line)}.inspector-body{overflow:visible}.profile-page{min-height:auto;overflow:visible}}@media (width<=640px){.wordmark{gap:10px}.wordmark-mark{flex:0 0 30px;width:30px;height:30px}.brand-name{font-size:18px}.brand-rule,.brand-tag{display:none}}@media (width<=560px){.masthead{padding-inline:14px}.preview-stage{padding:16px 14px}.option-grid{grid-template-columns:repeat(5,1fr)}.color-grid{grid-template-columns:1fr}.credits-badge{display:none}.export-label{width:100%}.export-formats{flex:1}.export-formats button{flex:1;min-width:0;padding-inline:6px}.copy-link{justify-content:center;width:100%;margin-left:0}.randomize-button{font-size:15px}.profile-page{padding:20px 16px 40px}.profile-format-list{grid-template-columns:1fr}}@media (width<=400px){.mode-switch{grid-template-columns:repeat(2,1fr)}.mode-switch .tab-glide,.mode-switch .tab-hover{display:none}.mode-switch button.active{color:var(--primary-ink);background:var(--primary)}.rb-key{display:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.doc-shell{background:var(--paper);flex-direction:column;width:100%;height:100%;display:flex;overflow-y:auto}.doc-shell .masthead{z-index:10;position:sticky;top:0}.doc-cta{color:var(--primary-ink);background:var(--primary);border-radius:var(--r-sm);font-size:var(--fs-md);padding:8px 14px;font-weight:650;text-decoration:none;transition:opacity .15s}.doc-cta:hover{opacity:.85}.doc-main{flex:1 0 auto;padding:48px 24px 64px}.doc{width:min(100%,680px);color:var(--ink-2);font-size:var(--fs-lg);margin:0 auto;line-height:1.65}.doc h1{color:var(--ink);letter-spacing:-.03em;margin:0 0 16px;font-size:34px;font-weight:700;line-height:1.15}.doc h2{color:var(--ink);letter-spacing:-.02em;margin:40px 0 12px;font-size:21px;font-weight:650}.doc p{margin:0 0 16px}.doc b{color:var(--ink);font-weight:650}.doc a{color:var(--primary-strong);text-underline-offset:2px;text-decoration-thickness:1px}.doc ul{margin:0 0 16px;padding-left:22px}.doc li{margin-bottom:8px}.doc-intro{color:var(--ink);margin-bottom:20px;font-size:19px;line-height:1.5}.doc-lead{font-size:21px;font-weight:650}.doc-updated{color:var(--muted);font-size:var(--fs-md);margin-bottom:32px}.doc hr{border:0;border-top:1px solid var(--line);margin:40px 0 32px}.doc code{color:var(--ink);background:var(--surface-2);border-radius:var(--r-sm);padding:2px 5px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.88em}.doc pre{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);margin:0 0 20px;padding:14px 16px;overflow-x:auto}.doc pre code{white-space:pre;background:0 0;padding:0}.doc table{border-collapse:collapse;width:100%;font-size:var(--fs-base);margin:0 0 24px}.doc th,.doc td{text-align:left;border-bottom:1px solid var(--line);padding:9px 12px}.doc th{color:var(--ink);border-bottom-color:var(--line-2);font-weight:650}.guide-list{gap:14px;margin-top:32px;display:grid}.guide-card{color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.guide-card:hover{border-color:var(--primary);transform:translateY(-1px)}.guide-card h2{margin:0 0 6px;font-size:18px}.guide-card p{font-size:var(--fs-base);margin:0 0 10px}.guide-meta{color:var(--muted);font-size:var(--fs-sm);font-weight:600}.guide-more{font-size:var(--fs-base)}.site-footer{background:var(--surface);border-top:1px solid var(--line);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:10px 20px;padding:20px 24px;display:flex}.site-footer-links{flex-wrap:wrap;gap:6px 18px;display:flex}.site-footer-links a{color:var(--ink-2);font-size:var(--fs-md);text-decoration:none}.site-footer-links a:hover{color:var(--primary-strong);text-decoration:underline}.site-footer-note{color:var(--muted);font-size:var(--fs-sm)}.site-footer.compact{background:var(--surface);padding:7px 20px}.site-footer.compact .site-footer-links a{color:var(--muted);font-size:var(--fs-sm)}.site-footer.compact .site-footer-note{font-size:var(--fs-xs)}@media (width<=700px){.doc-main{padding:32px 18px 48px}.doc h1{font-size:28px}.doc{font-size:var(--fs-base)}.doc-intro{font-size:var(--fs-lg)}.doc-shell .brand-rule,.doc-shell .brand-tag{display:none}.site-footer.compact{justify-content:center}.site-footer.compact .site-footer-note{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.randomize-button{box-shadow:0 12px 30px var(--secondary-glow), 0 2px 8px #17161a24, inset 0 1px 0 #ffffff47}}