:root{--bg:#fff;--bg-soft:#f7f8fa;--bg-warm:#fffaf6;--ink:#141820;--ink-soft:#3a4250;--mute:#5c6578;--line:#e8eaef;--line-strong:#d4d8e2;--accent:#ff6a00;--accent-deep:#e45e00;--accent-soft:#fff1e6;--ok:#0f8a72;--warn:#c2410c;--shadow:0 6px 20px #1418200a;--shadow-lift:0 16px 40px #1418201a;--ease:cubic-bezier(.22, 1, .36, 1);--display:"Bricolage Grotesque", "Noto Sans SC", system-ui, sans-serif;--sans:"Noto Sans SC", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--topbar-h:64px;--side-nav-w:260px;--radius:16px;--control-h:36px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html{touch-action:manipulation;-webkit-tap-highlight-color:#ff6a001f}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(820px 360px at 92% -8%, #ff6a000f, transparent 55%), radial-gradient(640px 320px at -8% 28%, #ff6a0008, transparent 52%), linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);background-attachment:fixed;margin:0}*{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0;display:none}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:50;background:var(--ink);color:#fff;border-radius:10px;padding:10px 14px;font-size:.88rem;font-weight:600;position:absolute;top:-48px;left:12px}.skip:focus{top:12px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:30;height:calc(var(--topbar-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(22px, env(safe-area-inset-right,0px)) 0 max(22px, env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);background:#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 18px;display:grid;position:sticky;top:0}.topbar__brand{min-width:0;transition:transform .2s var(--ease);align-items:center;gap:12px;display:inline-flex}.topbar__brand:hover{transform:translateY(-1px)}.topbar__brand:active{transform:scale(.98)}.topbar__mark{background:var(--accent);color:#fff;width:36px;height:36px;font-family:var(--display);transition:transform .25s var(--ease);border-radius:11px;place-items:center;font-size:1rem;font-weight:800;display:grid;box-shadow:0 8px 18px #ff6a0038}.topbar__brand:hover .topbar__mark{transform:scale(1.05)rotate(-3deg)}.topbar__titles{gap:1px;min-width:0;display:grid}.topbar__titles strong{font-family:var(--display);letter-spacing:-.02em;font-size:1.05rem;font-weight:800;line-height:1.15}.topbar__titles em{color:var(--mute);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-style:normal;font-weight:600;overflow:hidden}.topbar__right{flex-shrink:0;justify-self:end;align-items:center;gap:10px;display:flex}.topbar__badge{color:#fff;letter-spacing:.03em;background:#2f6fed;border:1px solid #ff6a0047;border-radius:999px;align-items:center;min-height:28px;padding:0 12px;font-size:.72rem;font-weight:700;display:inline-flex}.topbar__path{min-width:0;color:var(--mute);flex-wrap:nowrap;align-items:center;gap:6px 8px;font-size:.86rem;font-weight:600;display:flex;overflow:hidden}.topbar__path--spacer{min-height:1px}.topbar__path a{color:var(--ink-soft);transition:color .15s var(--ease), background .15s var(--ease);border-radius:6px;flex:none;padding:2px 4px;text-decoration:none}.topbar__path a:hover{color:var(--accent-deep);background:var(--accent-soft)}.topbar__path-sep{color:#b8becb;-webkit-user-select:none;user-select:none;flex:none;font-weight:500}.topbar__path-current{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.related{border:1px solid var(--line);animation:rise .35s var(--ease);background:#fff;border-radius:18px;margin-top:8px;padding:18px 18px 16px}.related__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 16px;margin-bottom:14px;display:flex}.related__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 4px;font-size:.72rem;font-weight:700}.related__head h2{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:800}.related__more{color:var(--accent-deep);font-size:.82rem;font-weight:700;text-decoration:none}.related__more:hover{text-decoration:underline}.related__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.related__card{border:1px solid var(--line);background:var(--bg-soft);color:inherit;transition:border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);border-radius:14px;align-items:flex-start;gap:12px;padding:12px;text-decoration:none;display:flex}.related__card:hover{background:#fff;border-color:#ff6a0059;transform:translateY(-2px);box-shadow:0 10px 24px #12151c0f}.related__mark{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-deep);font-family:var(--display);border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid}.related__copy{gap:3px;min-width:0;display:grid}.related__copy strong{font-size:.9rem;font-weight:700}.related__copy em{color:var(--mute);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;font-style:normal;line-height:1.4;display:-webkit-box;overflow:hidden}.shell__main{min-width:0;min-height:0;padding:20px max(22px, env(safe-area-inset-right,0px)) max(36px, calc(24px + env(safe-area-inset-bottom,0px))) max(22px, env(safe-area-inset-left,0px));flex:1}.playground{grid-template-columns:var(--side-nav-w) minmax(0, 1fr);animation:rise .45s var(--ease);align-items:start;gap:22px;display:grid}.playground__main{gap:28px;min-width:0;display:grid}.side-nav{top:calc(var(--topbar-h) + 16px);max-height:calc(100dvh - var(--topbar-h) - 32px);border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:14px;padding:16px 12px;display:flex;position:sticky;overflow:auto}.side-nav__head{padding:2px 8px 4px}.side-nav__head h2{font-family:var(--display);letter-spacing:-.02em;margin:4px 0 0;font-size:1.12rem;font-weight:800}.side-nav__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);margin:0;font-size:.7rem;font-weight:700}.side-nav__list{flex-direction:column;gap:4px;display:flex}.side-nav__item{width:100%;color:var(--ink-soft);text-align:left;cursor:pointer;transition:background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease);background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.side-nav__item:hover{background:var(--bg-soft);transform:translate(2px)}.side-nav__item:active{transform:scale(.985)}.side-nav__item.is-on{background:linear-gradient(135deg, var(--accent-soft) 0%, #fff7f0 100%);color:var(--accent-deep);box-shadow:inset 3px 0 0 var(--accent), 0 6px 16px #ff6a0014;border-color:#ff6a0059}.side-nav__item.is-on:hover{transform:none}.side-nav__icon{background:var(--bg-soft);width:28px;height:28px;color:var(--mute);transition:background .2s var(--ease), color .2s var(--ease);border-radius:8px;place-items:center;display:grid}.side-nav__item.is-on .side-nav__icon{color:var(--accent-deep);background:#ff6a0024}.side-nav__text{gap:1px;min-width:0;display:grid}.side-nav__text strong{color:var(--ink);font-size:.88rem;font-weight:700;line-height:1.25}.side-nav__item.is-on .side-nav__text strong{color:var(--accent-deep)}.side-nav__text em{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-style:normal;line-height:1.3;overflow:hidden}.side-nav__count{background:var(--bg-soft);min-width:1.6rem;color:var(--mute);font-family:var(--mono);text-align:center;transition:background .2s var(--ease), color .2s var(--ease);border-radius:999px;padding:2px 7px;font-size:.7rem;font-weight:600}.side-nav__item.is-on .side-nav__count{color:var(--accent-deep);background:#ff6a0024}.side-nav__foot{border-top:1px solid var(--line);gap:8px;margin-top:auto;padding-top:12px;display:grid}.view-toggle{border:1px solid var(--line);background:var(--bg-soft);border-radius:12px;gap:3px;padding:3px;display:inline-flex}.view-toggle button{min-height:var(--control-h);color:var(--mute);cursor:pointer;transition:background .18s var(--ease), color .18s var(--ease), box-shadow .18s var(--ease), transform .15s var(--ease);background:0 0;border:0;border-radius:9px;flex:1;padding:0 12px;font-size:.8rem;font-weight:600}.view-toggle button:hover:not(.is-on){color:var(--ink-soft);background:#ffffffbf}.view-toggle button:active{transform:scale(.97)}.view-toggle button.is-on{color:var(--accent-deep);background:#fff;box-shadow:0 1px 2px #1418200f,0 0 0 1px #ff6a0024}.hero{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:stretch;gap:22px 36px;padding-bottom:8px;display:grid}.hero__intro{align-content:start;gap:18px;min-width:0;display:grid}.hero__brand h1{font-family:var(--display);letter-spacing:-.05em;text-wrap:balance;margin:6px 0 0;font-size:clamp(2.6rem,6vw,4.4rem);font-weight:800;line-height:.95}.hero__brand h1 span{color:var(--accent);letter-spacing:-.02em;vertical-align:.12em;margin-left:.28em;font-size:.55em}.hero__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);margin:0;font-size:.75rem;font-weight:700}.hero__lead{max-width:48ch;color:var(--ink-soft);margin:12px 0 0;font-size:1rem;line-height:1.6}.hero__sisters{border:1px solid var(--line);background:radial-gradient(120% 80% at 90% 0%, #ff6a0014, transparent 55%), linear-gradient(180deg, #fff 0%, var(--bg-soft) 100%);border-radius:20px;grid-template-rows:auto 1fr;align-content:stretch;gap:12px;min-width:0;min-height:220px;padding:14px 0 12px;display:grid;overflow:hidden}.hero__sisters-head{padding:0 16px}.hero__sisters-head h2{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:800}.hero__sisters-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 4px;font-size:.72rem;font-weight:700}.danmaku{align-content:center;gap:10px;min-height:0;padding:4px 0 8px;display:grid;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.danmaku__lane{width:100%;overflow:hidden}.danmaku__track{width:max-content;animation:danmaku-scroll var(--danmaku-dur,32s) linear infinite;will-change:transform;display:flex}.danmaku__lane.is-reverse .danmaku__track{animation-name:danmaku-scroll-reverse}.danmaku:hover .danmaku__track{animation-play-state:paused}.danmaku__group{align-items:center;gap:10px;padding-right:10px;display:flex}.danmaku__chip{border:1px solid var(--line);max-width:280px;min-height:34px;color:var(--ink-soft);letter-spacing:.01em;white-space:nowrap;transition:border-color .18s var(--ease), color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);background:#ffffffeb;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 6px 16px #1418200a}.danmaku__chip:hover{color:var(--accent-deep);background:#fff;border-color:#ff6a0066;transform:translateY(-2px)scale(1.03);box-shadow:0 10px 22px #ff6a001f}.danmaku__chip.is-brand{background:var(--accent-soft);color:var(--accent-deep);font-family:var(--display);border-color:#ff6a0047;font-size:.84rem;font-weight:800}.danmaku__chip.is-host{font-family:var(--mono);color:var(--mute);font-size:.72rem;font-weight:500}.danmaku__dot{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #ff6a0029}@keyframes danmaku-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes danmaku-scroll-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.hero__search{border:1px solid var(--line-strong);width:100%;max-width:560px;min-height:52px;color:var(--mute);transition:border-color .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:0 16px;display:flex;box-shadow:0 8px 24px #1418200a}.hero__search:focus-within{color:var(--accent-deep);border-color:#ff6a0073;box-shadow:0 0 0 4px #ff6a001a}.hero__search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:.95rem}.hero__search input::placeholder{color:var(--mute)}.hero__clear{background:var(--bg-soft);color:var(--ink-soft);cursor:pointer;min-height:28px;transition:background .18s var(--ease), color .18s var(--ease), transform .15s var(--ease);border:0;border-radius:999px;padding:0 10px;font-size:.75rem;font-weight:600}.hero__clear:hover{background:var(--accent-soft);color:var(--accent-deep)}.hero__clear:active{transform:scale(.96)}.hero__toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero__view{flex-shrink:0;display:none}.catalog-section{gap:12px;display:grid}.catalog-section__head{align-items:baseline;gap:10px;display:flex}.catalog-section__head h2{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:800}.count-pill{background:var(--bg-soft);border:1px solid var(--line);min-height:22px;color:var(--mute);font-family:var(--mono);border-radius:999px;align-items:center;padding:0 8px;font-size:.72rem;font-weight:600;display:inline-flex}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tool-grid.is-list{grid-template-columns:1fr;gap:8px}.tool-card{border:1px solid var(--line);border-radius:var(--radius);transition:border-color .22s var(--ease), box-shadow .22s var(--ease), transform .22s var(--ease);background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:var(--accent);transform-origin:50%;width:3px;transition:transform .22s var(--ease);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.tool-card:hover{box-shadow:var(--shadow-lift);border-color:#ff6a0047;transform:translateY(-3px)}.tool-card:hover:before{transform:scaleY(1)}.tool-card:active{transform:translateY(-1px)scale(.995)}.tool-card.is-list{flex-direction:row;align-items:stretch}.tool-card.is-list .tool-card__main{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.tool-card.is-list .tool-card__top{flex:1;min-width:0}.tool-card.is-list .tool-card__meta{flex-shrink:0;margin-top:0}.tool-card__main{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:14px;padding:16px 48px 14px 16px;display:flex}.tool-card__top{align-items:flex-start;gap:12px;display:flex}.tool-card__mark{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-deep);font-family:var(--display);transition:transform .22s var(--ease), background .22s var(--ease);border-radius:12px;flex:none;place-items:center;font-size:1.05rem;font-weight:800;display:grid}.tool-card:hover .tool-card__mark{background:#ff6a002e;transform:scale(1.06)}.tool-card__copy{min-width:0}.tool-card__copy h3{letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700;line-height:1.3}.tool-card__copy p{color:var(--mute);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;font-size:.84rem;line-height:1.45;display:-webkit-box;overflow:hidden}.tool-card__meta{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.tool-card__go{color:var(--accent-deep);opacity:.75;transition:opacity .2s var(--ease), transform .2s var(--ease);font-size:.8rem;font-weight:700}.tool-card:hover .tool-card__go{opacity:1}@media (hover:hover) and (pointer:fine){.tool-card__go{opacity:0;transform:translate(-4px)}.tool-card:hover .tool-card__go{opacity:1;transform:translate(0)}}.tag{border:1px solid var(--line);background:var(--bg-soft);min-height:24px;color:var(--ink-soft);border-radius:999px;align-items:center;padding:0 9px;font-size:.72rem;font-weight:600;display:inline-flex}.star-btn{z-index:2;border:1px solid var(--line);width:34px;height:34px;color:var(--mute);cursor:pointer;transition:color .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);background:#fff;border-radius:10px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.star-btn:hover{color:var(--accent-deep);background:var(--accent-soft);border-color:#ff6a0059;transform:translateY(-1px)}.star-btn:active{transform:scale(.94)}.star-btn.is-on{color:var(--accent);background:var(--accent-soft);border-color:#ff6a0059}.tool-stage{animation:rise .35s var(--ease);gap:14px;display:grid}.empty-panel{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--bg-warm);color:var(--mute);padding:28px 20px;font-size:.92rem;line-height:1.5}.empty-panel p{margin:0}.empty-state{place-items:start;gap:12px;padding:28px 8px;display:grid}.empty-state h2{font-family:var(--display);margin:0;font-size:1.4rem;font-weight:800}.panel{border:1px solid var(--line-strong);box-shadow:none;background:#fff;border-radius:18px;padding:16px}.toast-stack{z-index:40;gap:8px;display:grid;position:fixed;bottom:16px;right:16px}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow);animation:rise .3s var(--ease);border-radius:12px;padding:12px 14px;font-size:.88rem}.tool-workspace{animation:rise .35s var(--ease);gap:14px;display:grid}.tool-header{box-shadow:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px 16px;display:flex}.tool-header h1{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:1.42rem;font-weight:800}.tool-header__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:100%;margin-left:auto;display:flex}.tool-body{box-shadow:var(--shadow);gap:14px;display:grid}.tool-body mark{background:var(--accent-soft);color:var(--accent-deep);border-radius:4px;padding:0 3px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{min-height:var(--control-h);border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;transition:background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease), transform .15s var(--ease);background:#fff;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:.84rem;font-weight:600;display:inline-flex}.btn:hover{color:var(--ink);background:#fff;border-color:#ff6a0059;transform:translateY(-1px);box-shadow:0 2px 8px #1418200d}.btn:active{box-shadow:none;transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px #ff6a002e}.btn-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff;box-shadow:0 6px 16px #ff6a0038}.btn-ghost{background:var(--bg-soft);border-color:#0000}.btn-ghost:hover{border-color:var(--line);background:#fff}.field{gap:8px;display:grid}.field-label{color:var(--mute);font-size:.78rem;font-weight:700}.input,.textarea{border:1px solid var(--line-strong);background:var(--bg-soft);width:100%;color:var(--ink);transition:border-color .2s var(--ease), background .2s var(--ease);border-radius:14px;padding:12px 14px}.control-bar .input,.control-field .input{min-height:var(--control-h);padding-top:0;padding-bottom:0}.input:focus-visible,.textarea:focus-visible{background:#fff;border-color:#ff6a008c}.textarea{resize:vertical;min-height:180px;line-height:1.5;font-family:var(--mono);font-size:.84rem}.textarea--sm{min-height:120px}.mono{font-family:var(--mono)}.seg{border:1px solid var(--line);background:var(--bg-soft);border-radius:12px;flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.seg button{min-height:var(--control-h);cursor:pointer;color:var(--mute);transition:background .18s var(--ease), color .18s var(--ease), box-shadow .18s var(--ease), transform .15s var(--ease);background:0 0;border:0;border-radius:9px;padding:0 12px;font-size:.82rem;font-weight:600}.seg button.is-on{color:var(--accent-deep);background:#fff;box-shadow:0 1px 2px #1418200f,0 0 0 1px #ff6a0024}.seg button:hover:not(.is-on){color:var(--ink-soft);background:#ffffffb3}.seg button:active{transform:scale(.97)}.control-bar{border:1px solid var(--line);background:linear-gradient(#fff 0%,#fafbfc 100%);border-radius:16px;flex-wrap:wrap;align-items:flex-end;gap:14px 20px;padding:14px 16px;display:flex}.control-bar.is-stack{flex-direction:column;align-items:stretch;gap:14px}.control-bar.is-stack>.control-bar__row{flex-wrap:wrap;align-items:flex-end;gap:12px 18px;display:flex}.control-bar.is-stack>.control-bar__row+.control-bar__row{border-top:1px dashed var(--line);padding-top:12px}.control-section,.control-field{gap:6px;min-width:0;display:grid}.control-section.is-grow,.control-field.is-grow{flex:180px}.control-section__label,.control-field__label{letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-size:.7rem;font-weight:700}.control-bar__actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;padding-bottom:2px;display:flex}.control-bar__actions.is-start{margin-left:0}.input--compact{width:76px;min-height:var(--control-h);text-align:center;font-variant-numeric:tabular-nums;padding:8px 10px}.check-toggle{min-height:var(--control-h);border:1px solid var(--line);cursor:pointer;color:var(--ink-soft);-webkit-user-select:none;user-select:none;transition:border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease), transform .15s var(--ease);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-size:.84rem;font-weight:600;display:inline-flex;position:relative}.check-toggle:hover{transform:translateY(-1px)}.check-toggle:active{transform:scale(.98)}.check-toggle input{opacity:0;pointer-events:none;position:absolute}.check-toggle__box{border:1.5px solid var(--line-strong);color:#fff;width:18px;height:18px;transition:background .18s var(--ease), border-color .18s var(--ease);background:#fff;border-radius:6px;place-items:center;display:grid}.check-toggle.is-on{background:var(--accent-soft);color:var(--accent-deep);border-color:#ff6a0059}.check-toggle.is-on .check-toggle__box{background:var(--accent);border-color:var(--accent)}.select{width:100%;min-width:140px;position:relative}.select.is-disabled{opacity:.55;pointer-events:none}.select__trigger{width:100%;min-height:var(--control-h);border:1px solid var(--line-strong);background:var(--bg-soft);color:var(--ink);cursor:pointer;text-align:left;transition:border-color .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex}.select__trigger:hover{background:#fff;border-color:#ff6a0059}.select.is-open .select__trigger,.select__trigger:focus-visible{background:#fff;border-color:#ff6a0073;box-shadow:0 0 0 3px #ff6a001a}.select__value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.88rem;font-weight:600;overflow:hidden}.select__value.is-placeholder{color:var(--mute);font-weight:500}.select__chevron{color:var(--mute);transition:transform .18s var(--ease);place-items:center;display:grid}.select.is-open .select__chevron{color:var(--accent-deep);transform:rotate(180deg)}.select__menu{z-index:80;border:1px solid var(--line);max-height:280px;animation:rise .18s var(--ease);background:#fff;border-radius:14px;padding:6px;position:fixed;overflow:auto;box-shadow:0 18px 48px #14182024}.select__option{text-align:left;cursor:pointer;width:100%;color:var(--ink);transition:background .15s var(--ease);background:0 0;border:0;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:10px 12px;display:grid}.select__option-label{font-size:.86rem;font-weight:600}.select__option-hint{color:var(--mute);grid-column:1;font-size:.74rem}.select__check{color:var(--accent-deep);grid-row:1/span 2;font-weight:800}.select__option:hover,.select__option.is-active{background:var(--bg-soft)}.select__option.is-on{background:var(--accent-soft);color:var(--accent-deep)}.select__empty{text-align:center;color:var(--mute);padding:14px;font-size:.84rem}.code-panel{border:1px solid var(--line);font-family:var(--mono);white-space:pre-wrap;color:#1d2430;background:#f7f8fb;border-radius:14px;padding:14px 16px;font-size:.82rem;line-height:1.55;overflow:auto}.code-panel--tall{min-height:320px}.result-list{border:1px solid var(--line);background:#fff;border-radius:14px;gap:2px;display:grid;overflow:hidden}.result-row{border-bottom:1px solid var(--line);transition:background .15s var(--ease);align-items:center;gap:12px;padding:10px 12px;display:flex}.result-row:last-child{border-bottom:0}.result-row:hover{background:var(--bg-warm)}.result-row__idx{color:var(--mute);min-width:2.2rem}.status{min-height:var(--control-h);border:1px solid var(--line);background:var(--bg-soft);max-width:100%;color:var(--mute);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:.78rem;font-weight:600;line-height:1.3;display:inline-flex}.status__dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.status__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status.is-ok{color:var(--ok);background:#0f8a7214;border-color:#0f8a7238}.status.is-err{color:var(--warn);background:#c2410c14;border-color:#c2410c38}.hint{color:var(--mute);margin:0;font-size:.82rem;line-height:1.45}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.panel-grid{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.panel-grid>*{min-width:0}.capture-list{gap:8px;margin-top:10px;display:grid}.capture-card{border:1px solid var(--line);background:var(--bg-soft);border-radius:12px;padding:10px 12px}.kv-table{border-collapse:collapse;width:100%;font-size:.84rem}.kv-table th,.kv-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}.kv-table th{color:var(--mute);font-size:.75rem;font-weight:600}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);min-height:28px;color:var(--ink-soft);cursor:pointer;transition:border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease), transform .15s var(--ease);background:#fff;border-radius:999px;align-items:center;padding:0 10px;font-size:.75rem;font-weight:600;display:inline-flex}.chip:hover{border-color:#ff6a004d;transform:translateY(-1px)}.chip:active{transform:scale(.97)}.chip.is-static{cursor:default;pointer-events:none}.chip.is-accent{background:var(--accent-soft);color:var(--accent-deep);border-color:#ff6a004d}.table{border-collapse:collapse;width:100%;font-size:.86rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.table th{color:var(--mute);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.table tr:hover td{background:var(--bg-warm)}.perm-list{border:1px solid var(--line);background:#fff;border-radius:14px;max-height:260px;margin:10px 0 4px;overflow:auto}.perm-row{border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s var(--ease);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.perm-row:last-child{border-bottom:0}.perm-row:hover,.perm-row.is-on{background:var(--accent-soft)}.perm-row__body{gap:2px;min-width:0;display:grid}.perm-row__body strong{word-break:break-all;font-size:.82rem;font-weight:600}@media (width<=1100px){.tool-grid,.related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}}@media (width<=900px){.shell__main{padding:14px max(14px, env(safe-area-inset-right,0px)) max(28px, calc(20px + env(safe-area-inset-bottom,0px))) max(14px, env(safe-area-inset-left,0px))}.playground{grid-template-columns:1fr;gap:16px}.side-nav{gap:10px;max-height:none;padding:12px;position:static;overflow:visible}.side-nav__head{display:none}.side-nav__list{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;flex-flow:row;gap:8px;padding-bottom:2px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.side-nav__item{white-space:nowrap;scroll-snap-align:start;flex:none;grid-template-columns:auto auto;gap:8px;padding:8px 12px}.side-nav__item .side-nav__text em,.side-nav__item .side-nav__count{display:none}.side-nav__item.is-on{box-shadow:inset 0 -3px 0 var(--accent), 0 4px 12px #ff6a0014}.side-nav__item:hover{transform:none}.side-nav__foot{display:none}.hero{grid-template-columns:1fr;gap:18px}.hero__view{display:block}.hero__search{flex:220px;max-width:none}.hero__brand h1{font-size:clamp(2.2rem,10vw,3.2rem)}.hero__sisters{order:1}.tool-grid{grid-template-columns:1fr}.tool-card.is-list .tool-card__main{flex-direction:column;align-items:stretch;padding-top:42px}.tool-card.is-list .tool-card__meta{margin-top:0}.grid-2,.panel-grid{grid-template-columns:1fr}.topbar{padding:env(safe-area-inset-top,0px) max(14px, env(safe-area-inset-right,0px)) 0 max(14px, env(safe-area-inset-left,0px));grid-template-columns:auto minmax(0,1fr) auto}.topbar__titles em{display:none}.topbar__path{font-size:.78rem}.related__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.danmaku{padding:0 16px 8px;-webkit-mask-image:none;mask-image:none}.danmaku__lane{overflow:visible}.danmaku__track{width:100%;display:block;transform:none!important}.danmaku__group{flex-wrap:wrap;padding-right:0}.danmaku__group[aria-hidden]{display:none}}