:root{--cx-radius:8px;--cx-pop:#1a1917;--cx-pop-line:#ede6da29;--cx-hover:#ede6da12;--cx-on:var(--bone,#ede6da);--cx-on-ink:var(--ink,#0c0b0a);--cx-fade:40px;--cx-shadow:0 18px 50px #0000008c, 0 2px 8px #00000059}.srow{min-width:0;position:relative}.srow-list{scrollbar-width:none;overscroll-behavior-x:contain;--fl:0px;--fr:0px;min-width:0;-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--fl), #000 calc(100% - var(--fr)), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--fl), #000 calc(100% - var(--fr)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--fl), #000 calc(100% - var(--fr)), transparent);display:flex;overflow:auto hidden}.srow-list::-webkit-scrollbar{display:none}.srow.at-prev>.srow-list{--fl:var(--cx-fade)}.srow.at-next>.srow-list{--fr:calc(var(--cx-fade) + 24px)}.srow-btn{z-index:2;min-width:30px;color:var(--text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:2px;padding:0 4px;display:inline-flex;position:absolute;top:0;bottom:0}.srow-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:14px;height:14px}.srow-prev{left:0}.srow-next{right:0}.srow-more{font:600 10px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.srow-btn:hover .srow-more,.srow-btn:hover{color:var(--text)}.srow-btn:before{content:"";z-index:-1;background:var(--panel-2,#1b1917);border:1px solid var(--line-2);border-radius:999px;height:24px;position:absolute;inset:50% 2px auto;transform:translateY(-50%)}.srow-btn:hover:before{border-color:var(--bone)}@media (pointer:coarse){.srow-list{scroll-snap-type:x proximity;scroll-padding-inline:48px calc(var(--cx-fade) + 24px)}.srow-list>*{scroll-snap-align:start}.srow-btn{min-width:44px;height:44px;top:50%;bottom:auto;transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.srow-list{scroll-behavior:auto}}.app .panel-head{padding-bottom:10px}.app .ptabs{border-bottom:1px solid var(--line);flex:none;gap:2px;margin:0;padding:4px 10px 8px}.app .ptabs-box{flex:none}.app .ptabs .tab{min-height:32px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:6px;margin:0;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.app .ptabs .tab:hover{color:var(--text);background:var(--cx-hover)}.app .ptabs .tab[aria-selected=true]{color:var(--text);background:var(--field-2);box-shadow:inset 0 -2px 0 var(--accent);font-weight:600}.tab-n{font:500 10px/1 var(--font-mono);color:var(--dim)}.app .ptabs .tab[aria-selected=true] .tab-n{color:var(--accent)}@media (min-width:901px){.app .ptabs{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));display:grid;overflow:visible}.app .ptabs .tab{min-width:0;padding:0 4px}}.ctl.cx{grid-template-columns:minmax(0,1fr) auto auto;column-gap:8px;position:relative}.ctl.cx>.lbl{color:var(--muted);-webkit-user-select:none;user-select:none;grid-area:1/1;min-width:0;font-size:13px}.ctl.cx>.lbl[data-reset]:hover{color:var(--text);cursor:pointer}.ctl.cx:not(.has-val)>.lbl{grid-column:1/3}.ctl.cx>output,.ctl.cx>.row{grid-area:1/2}.ctl.cx>.help-q{grid-area:1/3}.ctl.cx>input[type=range],.ctl.cx>textarea,.ctl.cx>input[type=text],.ctl.cx>.pk,.ctl.cx>.srow,.ctl.cx>.seg-desc,.ctl.cx>.help-more{grid-column:1/-1}.ctl.cx.seg-only{display:block}.seg-desc{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.4}.seg-ic{font:500 11px/1 var(--font-mono);color:var(--dim);letter-spacing:-.02em;margin-right:5px}.app .seg button[aria-checked=true]{background:var(--bone);color:var(--ink);font-weight:600}.app .seg button[aria-checked=true] .seg-ic{color:#0c0b0a9e}.app .seg.srow-list{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}.toggle-row{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;display:flex}.toggle-row>.toggle{flex:1;min-width:0;margin:0}.toggle-row>.help-more{flex-basis:100%}.toggle-row:not(.has-help):after{content:"";flex:none;width:20px}.help-q{border:1px solid var(--line-2);width:20px;height:20px;color:var(--muted);font:600 10.5px/1 var(--font-display);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.help-q:hover{color:var(--text);border-color:var(--bone)}.help-q[aria-expanded=true]{background:var(--bone);color:var(--ink);border-color:#0000}.help-more{border-radius:var(--cx-radius);background:var(--field);border-left:2px solid var(--line-2);color:var(--muted);margin:6px 0 2px;padding:9px 11px 10px;font-size:12.5px;line-height:1.5}.help-more p{margin:0 0 6px}.help-more p:last-child{margin-bottom:0}.help-more .help-hint{color:var(--text)}.help-more .cmp{margin-top:8px}.help-reset{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12px;display:flex;margin-top:8px!important}.help-reset .mini{height:28px}.hint-bubble{z-index:180;background:var(--bone,#ede6da);width:max-content;max-width:300px;color:var(--ink,#0c0b0a);font:500 12.5px/1.4 var(--font-ui);box-shadow:var(--cx-shadow);pointer-events:auto;border-radius:8px;padding:7px 10px;position:fixed}@media (pointer:coarse),(max-width:900px){.ctl.cx.has-help:not(.ctl-color)>.help-q{grid-row:2;align-self:center}.ctl.cx.has-help:not(.ctl-color)>input[type=range],.ctl.cx.has-help>.pk,.ctl.cx.has-help>.srow,.ctl.cx.has-help>textarea,.ctl.cx.has-help>input[type=text]{grid-area:2/1/auto/3}.app .help-q{border:0;width:44px;height:44px;font-size:12px;position:relative}.app .help-q:before{content:"";border:1px solid var(--line-2);border-radius:50%;position:absolute;inset:11px}.app .help-q[aria-expanded=true]{color:var(--ink);background:0 0}.app .help-q[aria-expanded=true]:before{background:var(--bone);border-color:#0000}.app .help-q>span{position:relative}.app .ctl.cx>.lbl{font-size:14px}.app .seg-desc,.app .help-more{font-size:13px}.app .help-reset .mini{min-height:44px}.toggle-row:not(.has-help):after{width:44px}.app .ptabs .tab{min-height:44px;padding:0 12px;font-size:14px}.app .seg button{min-width:44px}}.pk{text-align:left;background:var(--field);border:1px solid var(--line);border-radius:var(--cx-radius);width:100%;min-height:36px;color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:6px 8px 6px 10px;font-size:13px;display:flex}.pk:hover{border-color:var(--line-2)}.pk.open{border-color:var(--bone)}.pk:disabled{opacity:.45;cursor:not-allowed}.pk-sm{width:auto;min-height:30px;padding:3px 6px 3px 9px}.pk-val{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.pk-txt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pk-ph{color:var(--muted)}.pk-caret{fill:none;width:14px;height:14px;stroke:var(--muted);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s var(--ease-out);flex:none}.pk.open .pk-caret{transform:rotate(180deg)}.pk-pop{z-index:160;background:var(--cx-pop);border:1px solid var(--cx-pop-line);min-width:180px;box-shadow:var(--cx-shadow);color:var(--text,#ede6da);font:13px/1.35 var(--font-ui);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:12px;flex-direction:column;display:flex;position:fixed;overflow:hidden}.pk-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;outline:none;flex:1;min-height:0;padding:4px;overflow-y:auto}.pk-opt{cursor:pointer;border-radius:7px;align-items:center;gap:10px;min-height:34px;padding:6px 30px 6px 8px;display:flex;position:relative}.pk-opt.on{background:var(--cx-hover);box-shadow:inset 0 0 0 1px var(--line-2)}.pk-opt.off{opacity:.45;cursor:default}.pk-tick{fill:none;width:14px;height:14px;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;visibility:hidden;margin-top:-7px;position:absolute;top:50%;right:8px}.pk-opt.sel .pk-tick{visibility:visible}.pk-opt.sel .pk-name{font-weight:600}.pk-main{flex-direction:column;gap:2px;min-width:0;display:flex}.pk-name{color:var(--text,#ede6da)}.pk-desc{color:var(--muted,#a39c90);font-size:12px;line-height:1.35}.pk-ic{min-width:28px;font:500 12px/1 var(--font-mono);color:var(--muted);flex:none;place-items:center;display:inline-grid}.pk-group+.pk-group,.pk-opt+.pk-group{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.pk-gh{font:600 10.5px/1.2 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--dim,#948d81);padding:8px 8px 4px}.pk-preview{flex:none;padding:8px 8px 0}.pk-scrim{z-index:159;background:#05040399;position:fixed;inset:0}.pk-pop.pk-sheet{width:auto;max-height:min(76dvh,620px);padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:0;border-radius:18px 18px 0 0;inset:auto 0 0}.pk-sheet-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex}.pk-sheet-t{font:600 13px/1.2 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.pk-sheet-x{border:1px solid var(--line-2);background:var(--field);min-width:44px;min-height:44px;color:var(--text);font:600 14px var(--font-ui);border-radius:10px;padding:0 14px}.pk-sheet .pk-opt{min-height:52px;padding:8px 36px 8px 10px;font-size:15px}.pk-sheet .pk-desc{font-size:13px}.pk-sheet .pk-list{padding:6px}@media (prefers-reduced-motion:no-preference){.pk-pop{animation:pk-in .12s var(--ease-out)}@keyframes pk-in{0%{opacity:0}}}@media (pointer:coarse),(max-width:900px){.app .pk{min-height:44px;font-size:16px}}.pk-font-sample{min-width:64px;color:var(--text);font-size:17px;line-height:1}.pk-thumb{background:var(--ink-3,#1e1c19) center / cover no-repeat;width:64px;height:40px;box-shadow:inset 0 0 0 1px var(--line);border-radius:5px}.pk-thumb.wait{background-image:repeating-linear-gradient(135deg, var(--ink-3,#1e1c19) 0 6px, var(--ink-2,#151412) 6px 12px)}.pk-diagram{width:40px;height:26px;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:4px;display:block}.pk-preview-img{background:var(--ink-3,#1e1c19) center / cover no-repeat;height:96px;box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;position:relative}.pk-preview-img.wait{background-image:repeating-linear-gradient(135deg, var(--ink-3,#1e1c19) 0 8px, var(--ink-2,#151412) 8px 16px)}.pk-preview-img span{color:#fff;font:500 11px/1.3 var(--font-mono);background:#000000b8;border-radius:4px;padding:2px 6px;position:absolute;bottom:5px;left:6px}.app .guide-top .eyebrow{white-space:normal;text-overflow:clip;min-width:0;overflow:visible}.sheet-tabs-box{border-bottom:1px solid var(--line);flex:none}.sheet-tabs-box>.sheet-tabs{border-bottom:0}.comp-tabs{border-bottom:1px solid var(--line);margin-bottom:10px}.comp-tabs>.sheet-tabs{border-bottom:0}.ex-anim{gap:4px;display:grid}.app .topbar .pk.space-select{display:none}@media (max-width:1100px){.app .topbar .pk.space-select{width:auto;min-width:150px;max-width:220px;min-height:34px;font:600 11px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;background-image:none;margin:0 auto;padding:0 8px 0 12px;display:flex}}@media (max-width:900px){.app .topbar .pk.space-select{letter-spacing:.06em;flex:0 auto;width:100%;min-width:0;max-width:190px;min-height:44px;font-size:13px}}.app .vseg{flex-wrap:wrap;gap:2px}.app .vseg.srow-list{overflow:visible;-webkit-mask-image:none;mask-image:none}.app .vseg button[aria-checked=true],.app .vseg button[aria-checked=true]:hover{background:var(--bone);color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent);font-weight:600}.app .vseg button[aria-checked=false]:hover{color:var(--text);background:var(--field)}.app .vbar-seg button[aria-pressed=true],.app .vbar-seg button[aria-pressed=true]:hover{background:var(--bone);color:var(--ink)}.vbar-alt{border:1px solid var(--line-2);background:var(--field);white-space:nowrap;min-height:34px;color:var(--text);border-radius:9px;align-items:center;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.vbar-alt:hover{border-color:var(--bone)}.app .vbar .vsel-pk{display:none}@media (max-width:900px){.app .vbar .vsel-pk{flex:1;width:auto;min-width:170px;font-size:14px;font-weight:600;display:flex}.vbar-alt{min-height:44px;font-size:14px}}.vw-safe.vw-safe-right{border-left:1px dashed #ffffff8c;justify-content:flex-end;align-items:center;padding-bottom:10px;left:auto;right:0}.vw-safe-icons{color:#fff;font:600 16px/1 var(--font-ui);text-shadow:0 1px 3px #000;flex-direction:column;align-items:center;gap:10px;display:flex}.vw-safe-icons i{font-style:normal}.vw-story .vw-cap{z-index:3;margin:0;padding:0 12px;position:absolute;left:0;right:18%}@media (max-width:900px){.app .vbar .vseg-box{display:none}}.vw-handset{box-shadow:0 0 0 1px var(--line-2), 0 0 0 5px #1b1a18, 0 30px 90px #0009;background:#0b0a09;border-radius:34px;flex:none;padding:12px;position:relative}.vw-handset-box{flex:none;position:relative}.vw-handset-box>.vw-handset{transform-origin:0 0;position:absolute;top:0;left:0}.vw-handset-screen{border-radius:24px;position:relative;overflow:hidden;container-type:size}.vw-handset-bar{z-index:5;height:30px;font:600 12px/1 var(--font-ui);color:var(--pc,#fff);pointer-events:none;justify-content:space-between;align-items:center;padding:0 18px;display:flex;position:absolute;top:0;left:0;right:0}.vw-handset-bar i{background:#000;border-radius:12px;width:72px;height:20px}.vw-mobile-content{z-index:4;pointer-events:none;color:var(--pc,#fff);font-family:var(--font-ui);flex-direction:column;gap:14px;padding:44px 20px 22px;display:flex;position:absolute;inset:0}.vw-mobile-content .pc-nav{font:700 14px var(--font-ui);justify-content:space-between;align-items:center;display:flex}.vw-mobile-content .pc-burger{border-top:2px solid;border-bottom:2px solid;width:20px;height:12px;position:relative}.vw-mobile-content .pc-burger:after{content:"";border-top:2px solid;position:absolute;top:3px;left:0;right:0}.vw-mobile-content .pc-hero{margin-top:auto}.vw-mobile-content .pc-h{font:700 34px/1.04 var(--font-ui);letter-spacing:-.035em;margin:0 0 12px}.vw-mobile-content .pc-p{opacity:.9;margin:0 0 18px;font-size:16px;line-height:1.45}.vw-mobile-content .pc-btns{flex-direction:column;gap:10px;display:flex}.vw-mobile-content .pc-btn{text-align:center;background:var(--pc,#fff);color:var(--pcb,#000);border-radius:12px;padding:14px 18px;font-size:16px;font-weight:600;display:block}.vw-mobile-content .pc-btn.ghost{color:var(--pc,#fff);box-shadow:inset 0 0 0 1.5px var(--pc,#fff);background:0 0}.layer-head .pk{flex:1;min-width:0}.layer-head .help-q{flex:none}.layer-desc{color:var(--muted);margin:-4px 0 10px 22px;font-size:12px;line-height:1.4}.layer>.help-more{margin:-2px 0 10px}@media (pointer:coarse),(max-width:900px){.app .layer-desc{font-size:13px}}.pk-cs{flex:1}.pk-cs-top{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.pk-ramp-box{box-shadow:inset 0 0 0 1px var(--line);border-radius:5px;flex:none;align-items:center;max-width:60%;padding:3px 7px;display:inline-flex;overflow:hidden}.pk-ramp{letter-spacing:.08em;white-space:pre;font-size:13px;line-height:1.1}.pk-val .pk-ramp-box{margin-left:auto}.pk-val .pk-txt{flex:0 auto}[data-scr],[data-scr] *{color:#0000!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important}.mt-scr{box-sizing:border-box;display:block}@media (prefers-reduced-motion:reduce){.mt-scr,.mt-weave{display:none!important}}