.shell{min-height:100vh;display:flex;flex-direction:column;color:var(--text);background:var(--bg-grad)}.shell-header{position:sticky;top:0;z-index:50;height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px 20px;background:var(--header-bg);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--border)}.shell-header-left{display:flex;align-items:center;justify-content:flex-start}.shell-header-center{display:flex;justify-content:center}.shell-header-right{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:12px}.icon-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border-2);border-radius:14px;cursor:pointer;color:var(--accent-strong);box-shadow:var(--shadow-sm);transition:all .2s ease}.icon-btn:hover{background:var(--surface-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6366f12e}.icon-btn.subtle{width:34px;height:34px;border:0;border-radius:12px;background:var(--surface-hover);box-shadow:none}.icon-btn.subtle:hover{background:var(--surface-hover-2);transform:none}.theme-switch{display:flex;gap:2px;padding:4px;background:var(--seg-track);border-radius:999px}.theme-seg{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:var(--text-faint);cursor:pointer;transition:all .15s ease}.theme-seg:hover{color:var(--text)}.theme-seg.is-on{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.shell-logo{display:flex;align-items:center;justify-content:center;min-width:132px;padding:8px 22px;border:1.5px dashed rgba(124,58,237,.35);border-radius:16px;background:var(--logo-bg);text-decoration:none}.shell-logo-text{font-weight:800;font-size:16px;letter-spacing:.14em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.shell-content{flex:1;overflow-x:auto}.shell-grid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr) minmax(0,300px);gap:24px;padding:36px 24px;align-items:start}.shell-main{min-width:0;display:flex;flex-direction:column;gap:20px}.shell-loading{padding:60px 0;text-align:center;color:var(--text-faint);font-weight:600}.rail-slot{position:sticky;top:90px}.rail-box{position:relative;overflow:hidden;border:1.5px dashed var(--border-dashed);border-radius:22px;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;background:var(--ad-bg)}.rail-box.has-img{border-style:solid;border-color:var(--border)}.rail-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.rail-img.is-loaded{opacity:1}.rail-tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-fainter);font-weight:700}.rail-size{font-weight:800;font-size:22px;color:var(--text-fainter)}.rail-note{font-size:12px;color:var(--text-fainter)}.shell-footer{padding:22px 24px}.shell-footer-inner{max-width:1440px;margin:0 auto;font-size:13px;color:var(--text-faint);text-align:center}.drawer-backdrop{position:fixed;left:0;top:66px;right:0;bottom:0;z-index:40;background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-backdrop.is-visible{opacity:1;pointer-events:auto}.drawer{position:fixed;left:0;top:66px;bottom:0;width:296px;z-index:45;background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.drawer.is-open{transform:translate(0)}.drawer-nav{flex:1;overflow-y:auto;padding:16px}.drawer-home{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:0;border-radius:16px;cursor:pointer;text-align:left;font-weight:700;font-size:15px;transition:background .2s ease}.drawer-home{background:linear-gradient(135deg,#6366f11a,#a855f71a);color:var(--accent-strong)}.drawer-home:hover{background:linear-gradient(135deg,#6366f12e,#a855f72e);color:var(--accent-strong)}.drawer-home-icon{display:flex;color:var(--accent)}.drawer-heading{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-fainter);font-weight:700;padding:20px 10px 8px}.drawer-list{display:flex;flex-direction:column;gap:2px}.drawer-empty{padding:6px 10px 8px;font-size:12px;line-height:1.5;color:var(--text-fainter)}.drawer-row{display:flex;flex-direction:column;border-radius:14px;overflow:hidden}.drawer-row-main{display:flex;align-items:center;gap:4px;border-radius:14px}.drawer-row-main:hover{background:var(--surface-hover-2)}.drawer-row-open{flex:1;min-width:0;display:flex;align-items:center;gap:11px;padding:10px 12px;background:transparent;border:0;cursor:pointer;text-align:left;color:var(--text);font-size:14px}.drawer-row-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-row .tool-glyph{display:flex;flex:none;color:var(--accent)}.drawer-row .tool-glyph svg{width:20px;height:20px}.drawer-row-pin{width:34px;height:34px;flex:none;margin-right:6px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:10px;cursor:pointer;color:var(--text-fainter);transition:background .15s ease}.drawer-row-pin:hover{background:#6366f124}.drawer-row-pin.is-pinned{color:var(--accent)}.drawer-row-desc{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .25s ease,opacity .25s ease}.drawer-row-desc.is-shown{grid-template-rows:1fr;opacity:1}.drawer-row-desc-inner{overflow:hidden;min-height:0;padding:0 12px 10px 44px;font-size:12px;line-height:1.5;color:var(--text-faint)}.hero-card{border-radius:28px;background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,300px)}.hero-body{padding:40px;display:flex;flex-direction:column;gap:14px}.hero-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:7px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--accent-strong);background:linear-gradient(135deg,#6366f11f,#a855f71f);padding:6px 12px;border-radius:999px}.hero-title{margin:0;font-size:clamp(30px,4vw,46px);line-height:1.05;font-weight:800;letter-spacing:-.02em;overflow-wrap:break-word}.hero-desc{margin:0;font-size:16px;line-height:1.6;max-width:52ch;color:var(--text-muted)}.hero-actions{display:flex;gap:12px;margin-top:12px;align-items:center;flex-wrap:wrap}.hero-art{background:linear-gradient(150deg,#6366f1,#8b5cf6 55%,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;min-height:240px;position:relative}.hero-art:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:#ffffff24;filter:blur(4px)}.hero-art .tool-glyph{position:relative;display:flex;filter:drop-shadow(0 8px 20px rgba(40,20,90,.35))}.hero-art .tool-glyph svg{width:68px;height:68px}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--grad);color:#fff;border:0;border-radius:999px;padding:13px 22px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #7c3aed52;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px #7c3aed6b;color:#fff}.btn-primary .btn-ic{display:flex}.btn-soft{display:inline-flex;align-items:center;gap:8px;background:var(--surface-hover);border:1px solid var(--border-2);border-radius:999px;padding:12px 18px;font-size:14px;font-weight:700;color:var(--accent-strong);cursor:pointer;transition:all .2s ease}.btn-soft:hover{background:var(--surface-hover-2)}.btn-soft.is-pinned{color:var(--accent)}.home-section-title{margin:8px 2px 0;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.home-card{position:relative;display:flex;align-items:center;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:20px;text-align:left;cursor:pointer;box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease}.home-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #6366f12e}.home-card-glyph{width:52px;height:52px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(135deg,#6366f11f,#a855f71f);color:var(--accent)}.home-card-glyph .tool-glyph{display:flex}.home-card-glyph .tool-glyph svg{width:28px;height:28px}.home-card-text{min-width:0;display:flex;flex-direction:column;gap:3px}.home-card-name{font-weight:700;font-size:15px;color:var(--text)}.home-card-desc{font-size:12.5px;line-height:1.5;color:var(--text-faint);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-card-pin{position:absolute;top:10px;right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:9px;cursor:pointer;color:var(--text-fainter);transition:background .15s ease}.home-card-pin:hover{background:#6366f124}.home-card-pin.is-pinned{color:var(--accent)}.home-empty{padding:28px;text-align:center;color:var(--text-faint);background:var(--surface);border:1px dashed var(--border-dashed);border-radius:20px}.home-empty a{color:var(--accent);font-weight:600}@media (max-width: 1180px){.shell-grid{grid-template-columns:minmax(0,1fr) minmax(0,300px)}.rail-slot:first-child{display:none}}@media (max-width: 900px){.shell-grid{grid-template-columns:minmax(0,1fr);padding:24px 16px}.rail-slot{display:none}.hero-grid{grid-template-columns:1fr}.hero-art{order:-1;min-height:180px}}@media (max-width: 560px){.hero-body{padding:28px 22px}}:root{color-scheme:light;--accent: #6366f1;--accent-2: #a855f7;--grad: linear-gradient(135deg, #6366f1, #a855f7);--danger: #e5484d;--accent-strong: #4b3fd6;--bg: #eef1fb;--bg-grad: radial-gradient(1200px 600px at 80% -10%, #e8e6ff 0%, transparent 60%), radial-gradient(900px 500px at 0% 0%, #dff0ff 0%, transparent 55%), #eef1fb;--surface: #ffffff;--surface-hover: #f2f0ff;--surface-hover-2: #f5f4ff;--panel-sunken: #f8f9fa;--panel-raised: #ffffff;--header-bg: rgba(255, 255, 255, .82);--ad-bg: linear-gradient(160deg, rgba(255, 255, 255, .6), rgba(233, 236, 251, .5));--logo-bg: rgba(127, 127, 170, .06);--seg-track: #eef0f9;--seg-off: #6b7280;--code-bg: #f0f0f5;--text: #1e2233;--text-muted: #5a5f73;--text-faint: #8b90a3;--text-fainter: #a3a8bd;--border: rgba(99, 102, 241, .1);--border-2: rgba(99, 102, 241, .16);--border-dashed: rgba(99, 102, 241, .28);--input-border: #e0e0e0;--input-bg: #ffffff;--table-line: #eeeeee;--shadow-sm: 0 2px 8px rgba(80, 80, 150, .08);--shadow-md: 0 10px 26px rgba(70, 60, 130, .08);--shadow-lg: 0 20px 50px rgba(70, 60, 130, .1);--shadow-pop: 0 20px 50px rgba(60, 50, 120, .22);--backdrop: rgba(30, 28, 60, .32);--scrim: rgba(30, 28, 60, .38);--warn-bg: #fff3cd;--warn-border: #ffc107;--warn-text: #856404;--res-over: #dc3545;--res-missing: #b8860b;--res-even: #28a745}:root[data-theme=dark]{color-scheme:dark;--accent-strong: #a99cff;--bg: #0e1020;--bg-grad: radial-gradient(1200px 600px at 80% -10%, rgba(99, 102, 241, .2) 0%, transparent 60%), radial-gradient(900px 500px at 0% 0%, rgba(56, 120, 200, .16) 0%, transparent 55%), #0e1020;--surface: #191c2e;--surface-hover: #23273f;--surface-hover-2: #20233a;--panel-sunken: #12152a;--panel-raised: #232741;--header-bg: rgba(16, 18, 32, .82);--ad-bg: linear-gradient(160deg, rgba(255, 255, 255, .04), rgba(99, 102, 241, .05));--logo-bg: rgba(255, 255, 255, .04);--seg-track: #14172a;--seg-off: #9297b0;--code-bg: #262a45;--text: #e7e9f3;--text-muted: #b3b8cf;--text-faint: #9297b0;--text-fainter: #6d7391;--border: rgba(139, 146, 247, .16);--border-2: rgba(139, 146, 247, .22);--border-dashed: rgba(139, 146, 247, .24);--input-border: #333a5c;--input-bg: #11142a;--table-line: rgba(139, 146, 247, .14);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 10px 26px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .55);--shadow-pop: 0 24px 60px rgba(0, 0, 0, .6);--backdrop: rgba(4, 5, 12, .55);--scrim: rgba(4, 5, 12, .68);--warn-bg: rgba(255, 193, 7, .12);--warn-border: #d9a406;--warn-text: #ffd970;--res-over: #ff6b74;--res-missing: #e6b53d;--res-even: #43d17a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none;transition:color .2s ease}.page{max-width:1000px;margin:0 auto;padding:40px 20px 60px;min-height:100vh;display:flex;flex-direction:column}.tool-page{align-items:stretch;justify-content:flex-start}.shell-main .page{max-width:none;margin:0;padding:0;min-height:0}.home-link{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:20px;border-radius:12px;background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,color .2s ease}.home-link svg{width:24px;height:24px}.home-link:hover{transform:translateY(-2px);box-shadow:0 12px 28px #6366f138;color:var(--accent-2)}