@media (width<=768px){.editor-grid{grid-template-columns:1fr}.editor-pane+.editor-pane{border-top:1px solid var(--tp-border);border-left:0}.editor-pane textarea,.result-content{min-height:280px}.workbench-toolbar{flex-wrap:wrap;gap:8px}.toolbar-actions{margin-left:0}.privacy-note{margin-right:auto}}.tool-workbench{border:1px solid var(--tp-border);border-radius:var(--tp-radius-lg);background:var(--tp-surface);box-shadow:var(--tp-shadow);margin:24px 0 60px;overflow:hidden}.workbench-toolbar{border-bottom:1px solid var(--tp-border);background:var(--tp-surface-soft);align-items:center;gap:16px;min-height:52px;padding:10px 16px;display:flex}.segmented-control{background:var(--tp-bg);border-radius:var(--tp-radius-sm);border:1px solid var(--tp-border);padding:3px;display:flex}.segmented-control button{color:var(--tp-text-muted);background:0 0;border-radius:4px;padding:6px 14px;font-size:12px;transition:color .2s,background .2s}.segmented-control button:hover{color:var(--tp-text)}.segmented-control button.active{color:var(--tp-text);background:var(--tp-surface-raised);box-shadow:0 1px 3px #0003}.privacy-note{color:var(--tp-text-subtle);align-items:center;gap:6px;font-size:11px;display:flex}.status-dot{background:var(--tp-success);width:6px;height:6px;box-shadow:0 0 8px var(--tp-success);border-radius:50%;display:inline-block}.toolbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.primary-button{color:#fff;background:linear-gradient(135deg, var(--tp-accent), var(--tp-accent-strong));border-radius:var(--tp-radius-sm);transition:transform .2s var(--tp-ease), box-shadow .2s var(--tp-ease);box-shadow:0 2px 8px var(--tp-accent-glow);align-items:center;gap:6px;padding:8px 18px;font-size:12px;font-weight:500;display:flex}.primary-button:hover{box-shadow:0 4px 16px var(--tp-accent-glow);transform:translateY(-1px)}.primary-button .kb-hint{opacity:.6;font-family:var(--tp-font-mono);font-size:10px}.editor-grid{grid-template-columns:1fr 1fr;min-height:480px;display:grid}.editor-pane{flex-direction:column;min-width:0;padding:16px;display:flex}.editor-pane+.editor-pane{border-left:1px solid var(--tp-border)}.pane-label{color:var(--tp-text-subtle);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:11px;font-weight:500;display:flex}.editor-pane textarea,.result-content{border:1px solid var(--tp-border);border-radius:var(--tp-radius-sm);resize:none;background:var(--tp-bg-deep);width:100%;min-height:400px;color:var(--tp-text);font-family:var(--tp-font-mono);outline:0;flex:1;margin-top:12px;padding:16px;font-size:12.5px;line-height:1.8;transition:border-color .2s}.editor-pane textarea:focus{border-color:var(--tp-accent);box-shadow:0 0 0 3px var(--tp-accent-soft)}.result-content{white-space:pre-wrap;color:var(--tp-text);overflow:auto}.copy-button{color:var(--tp-accent);background:0 0;border-radius:3px;padding:2px 8px;font-size:11px;transition:color .2s,background .2s}.copy-button:hover{background:var(--tp-accent-soft)}.empty-result{min-height:400px;color:var(--tp-text-subtle);flex:1;align-content:center;place-items:center;gap:8px;display:grid}.empty-result .empty-icon{color:var(--tp-accent);opacity:.5;font-size:28px}.empty-result p{margin:0;font-size:12px}.tool-error{color:var(--tp-danger);border-radius:var(--tp-radius-sm);border-left:2px solid var(--tp-danger);background:#d4645e14;margin:10px 0 0;padding:8px 12px;font-size:11px}@media (width<=768px){.editor-grid{grid-template-columns:1fr}.editor-pane+.editor-pane{border-top:1px solid var(--tp-border);border-left:0}.editor-pane textarea,.result-content{min-height:280px}.workbench-toolbar{flex-wrap:wrap;gap:8px}.toolbar-actions{margin-left:0}.privacy-note{margin-right:auto}}:root{--tp-bg:#0d0e12;--tp-bg-deep:#090a0e;--tp-surface:#15171d;--tp-surface-raised:#1b1e26;--tp-surface-soft:#e8e2d60a;--tp-surface-hover:#e8e2d60f;--tp-border:#c8beac1c;--tp-border-strong:#c8beac33;--tp-border-accent:#5b8af54d;--tp-text:#ebe5d9;--tp-text-muted:#9a9486;--tp-text-subtle:#6a6558;--tp-accent:#5b8af5;--tp-accent-strong:#3d6fd9;--tp-accent-soft:#5b8af524;--tp-accent-glow:#5b8af540;--tp-cinnabar:#c8453e;--tp-cinnabar-soft:#c8453e1f;--tp-cinnabar-glow:#c8453e4d;--tp-violet:#9e86c4;--tp-bamboo:#6aad8e;--tp-ochre:#c4945a;--tp-success:#5fb889;--tp-success-soft:#5fb8891f;--tp-warning:#d4a855;--tp-warning-soft:#d4a8551f;--tp-danger:#d4645e;--tp-danger-soft:#d4645e1f;--tp-radius-sm:6px;--tp-radius-md:12px;--tp-radius-lg:18px;--tp-radius-xl:24px;--tp-shadow:0 8px 32px #0000004d, 0 2px 8px #00000026;--tp-shadow-lg:0 20px 60px #0006, 0 4px 16px #0003;--tp-shadow-accent:0 4px 20px #5b8af526;--tp-font-serif:"Noto Serif SC", "Songti SC", "STSong", serif;--tp-font-sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", ui-sans-serif, system-ui, sans-serif;--tp-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--tp-ease:cubic-bezier(.4, 0, .2, 1);--tp-ease-out:cubic-bezier(.16, 1, .3, 1);--el-bg-color:var(--tp-bg);--el-bg-color-overlay:var(--tp-surface);--el-text-color-primary:var(--tp-text);--el-text-color-regular:var(--tp-text-muted);--el-text-color-secondary:var(--tp-text-subtle);--el-text-color-placeholder:var(--tp-text-subtle);--el-text-color-disabled:var(--tp-text-subtle);--el-border-color:var(--tp-border);--el-border-color-light:var(--tp-border);--el-border-color-lighter:var(--tp-border);--el-border-color-extra-light:var(--tp-border);--el-fill-color:var(--tp-surface-soft);--el-fill-color-light:var(--tp-surface-soft);--el-fill-color-lighter:var(--tp-surface-soft);--el-fill-color-blank:var(--tp-bg-deep);--el-fill-color-dark:var(--tp-surface-hover);--el-mask-color:#0009;--el-mask-color-extra-light:#0000004d;--el-box-shadow:0 4px 16px #0000004d;--el-box-shadow-light:0 2px 8px #0003;--el-color-primary:var(--tp-accent);--el-color-primary-light-3:#7ba4f7;--el-color-primary-light-5:#9dbef9;--el-color-primary-light-7:#c0d8fb;--el-color-primary-light-8:#d4e4fc;--el-color-primary-light-9:var(--tp-accent-soft);--el-color-primary-dark-2:var(--tp-accent-strong);--el-color-success:var(--tp-success);--el-color-warning:var(--tp-warning);--el-color-danger:var(--tp-danger);--el-color-info:var(--tp-accent)}:root[data-theme=light]{--tp-bg:#f2ede4;--tp-bg-deep:#eae4d8;--tp-surface:#faf7f0;--tp-surface-raised:#fffdf8;--tp-surface-soft:#1a1c2408;--tp-surface-hover:#1a1c240d;--tp-border:#1a1c241a;--tp-border-strong:#1a1c242e;--tp-border-accent:#3d6fd94d;--tp-text:#1f2128;--tp-text-muted:#5c5a52;--tp-text-subtle:#8a8678;--tp-accent:#3d6fd9;--tp-accent-strong:#2d5bb8;--tp-accent-soft:#3d6fd91a;--tp-accent-glow:#3d6fd926;--tp-cinnabar:#b83a34;--tp-cinnabar-soft:#b83a3414;--tp-shadow:0 4px 20px #3c321e14, 0 1px 4px #3c321e0a;--tp-shadow-lg:0 12px 40px #3c321e1f, 0 2px 8px #3c321e0f;--tp-shadow-accent:0 4px 16px #3d6fd91f;--el-bg-color:var(--tp-bg);--el-bg-color-overlay:var(--tp-surface);--el-text-color-primary:var(--tp-text);--el-text-color-regular:var(--tp-text-muted);--el-text-color-secondary:var(--tp-text-subtle);--el-text-color-placeholder:var(--tp-text-subtle);--el-text-color-disabled:var(--tp-text-subtle);--el-border-color:var(--tp-border);--el-border-color-light:var(--tp-border);--el-border-color-lighter:var(--tp-border);--el-border-color-extra-light:var(--tp-border);--el-fill-color:var(--tp-surface-soft);--el-fill-color-light:var(--tp-surface-soft);--el-fill-color-lighter:var(--tp-surface-soft);--el-fill-color-blank:var(--tp-bg-deep);--el-fill-color-dark:var(--tp-surface-hover);--el-mask-color:#fff9;--el-mask-color-extra-light:#ffffff4d;--el-box-shadow:0 4px 16px #3c321e1a;--el-box-shadow-light:0 2px 8px #3c321e0f;--el-color-primary:var(--tp-accent);--el-color-primary-light-3:#6b8fe0;--el-color-primary-light-5:#99b3ea;--el-color-primary-light-7:#c7d7f4;--el-color-primary-light-8:#dce6f8;--el-color-primary-light-9:var(--tp-accent-soft);--el-color-primary-dark-2:var(--tp-accent-strong);--el-color-success:var(--tp-success);--el-color-warning:var(--tp-warning);--el-color-danger:var(--tp-danger);--el-color-info:var(--tp-accent)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}html{scroll-behavior:smooth}body{font-family:var(--tp-font-sans);background:var(--tp-bg);color:var(--tp-text);transition:background .4s var(--tp-ease), color .4s var(--tp-ease);font-feature-settings:"palt";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";pointer-events:none;z-index:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:0}::selection{background:var(--tp-accent-soft);color:var(--tp-accent)}input,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--tp-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--tp-text-subtle)}:focus-visible{outline:2px solid var(--tp-accent);outline-offset:2px}input:focus-visible{outline:none}.skip-link{z-index:200;background:var(--tp-accent);color:#fff;border-radius:var(--tp-radius-sm);padding:8px 16px;font-size:13px;font-weight:500;transition:top .2s;position:absolute;top:-100%;left:16px}.skip-link:focus{top:8px}.site-shell{z-index:1;min-height:100vh;position:relative;overflow-x:clip}.app-header{z-index:100;border-bottom:1px solid var(--tp-border);background:color-mix(in srgb, var(--tp-bg) 82%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.4);flex-shrink:0;width:100%;position:sticky;top:0}.app-header:after{content:"";background:linear-gradient(90deg, transparent, var(--tp-accent) 30%, var(--tp-cinnabar) 50%, var(--tp-accent) 70%, transparent);opacity:.3;height:1px;position:absolute;bottom:-1px;left:0;right:0}.header-inner{align-items:center;gap:8px;width:min(1200px,94vw);height:60px;margin:0 auto;display:flex}.brand{white-space:nowrap;flex-shrink:0;align-items:center;gap:12px;font-weight:700;display:flex}.brand-mark{object-fit:contain;width:36px;height:36px;transition:transform .3s var(--tp-ease-out);border-radius:4px;box-shadow:0 2px 8px #00000026}.brand-mark:hover{transform:scale(1.05)rotate(-2deg)}.brand-name{font-family:var(--tp-font-serif);letter-spacing:.02em;color:var(--tp-text);font-size:18px;font-weight:600}.brand-name em{color:var(--tp-cinnabar);font-style:normal}kbd{border:1px solid var(--tp-border);color:var(--tp-text-subtle);font-size:10px;font-family:var(--tp-font-mono);background:var(--tp-surface-soft);cursor:default;border-radius:4px;padding:2px 6px}kbd.clear-hint{cursor:pointer;transition:color .2s,background .2s}kbd.clear-hint:hover{color:var(--tp-accent);background:var(--tp-accent-soft)}.main-nav{align-items:center;gap:2px;margin-left:12px;display:flex}.nav-link{border-radius:var(--tp-radius-sm);color:var(--tp-text-muted);transition:all .2s var(--tp-ease);white-space:nowrap;padding:7px 14px;font-size:13px;font-weight:400}.nav-link:hover{color:var(--tp-text);background:var(--tp-surface-soft)}.nav-link.active{color:var(--tp-accent);background:var(--tp-accent-soft);font-weight:500}.header-actions{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:flex}.icon-link{border-radius:var(--tp-radius-sm);width:34px;height:34px;color:var(--tp-text-muted);transition:all .2s var(--tp-ease);place-items:center;display:grid}.icon-link:hover{color:var(--tp-accent);background:var(--tp-accent-soft)}.workspace-link{border-radius:var(--tp-radius-sm);width:auto;height:34px;color:var(--tp-text-muted);transition:all .2s var(--tp-ease);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:400;display:inline-flex}.workspace-link:hover{color:var(--tp-accent);background:var(--tp-accent-soft)}.workspace-label{line-height:1}.icon-button{border-radius:var(--tp-radius-sm);width:34px;height:34px;color:var(--tp-text-muted);transition:all .2s var(--tp-ease);background:0 0;place-items:center;font-size:15px;display:grid}.icon-button:hover{color:var(--tp-accent);background:var(--tp-accent-soft)}.nav-divider{background:var(--tp-border);width:1px;height:20px;margin:0 6px}.quiet-button{color:var(--tp-text-muted);border-radius:var(--tp-radius-sm);transition:all .2s var(--tp-ease);background:0 0;padding:6px 12px;font-size:12px}.quiet-button:hover{color:var(--tp-accent);background:var(--tp-surface-soft)}.admin-link{color:var(--tp-text-muted);border-radius:var(--tp-radius-sm);transition:all .2s var(--tp-ease);align-items:center;gap:4px;padding:8px 14px;font-size:12px;display:flex}.admin-link:hover{color:var(--tp-text);background:var(--tp-surface-soft)}.admin-link span{color:var(--tp-text-subtle);font-size:10px}.eyebrow,.section-kicker{color:var(--tp-text-subtle);letter-spacing:.15em;font-size:11px;font-weight:500;font-family:var(--tp-font-sans);text-transform:uppercase;align-items:center;gap:10px;margin:0 0 20px;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg, var(--tp-cinnabar), transparent);width:32px;height:1px;display:inline-block}.eyebrow-dot{background:var(--tp-cinnabar);border-radius:50%;width:4px;height:4px}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--tp-accent), var(--tp-accent-strong));border-radius:var(--tp-radius-sm);transition:transform .25s var(--tp-ease), box-shadow .25s var(--tp-ease);box-shadow:0 4px 16px var(--tp-accent-glow);letter-spacing:.02em;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary:hover{box-shadow:0 8px 24px var(--tp-accent-glow);transform:translateY(-2px)}.btn-arrow{transition:transform .25s var(--tp-ease);font-size:15px}.btn-primary:hover .btn-arrow{transform:translate(3px)}.btn-secondary{color:var(--tp-text);background:var(--tp-surface);border:1px solid var(--tp-border);border-radius:var(--tp-radius-sm);transition:all .25s var(--tp-ease);align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:400;display:inline-flex}.btn-secondary:hover{border-color:var(--tp-accent);color:var(--tp-accent);background:var(--tp-accent-soft)}.btn-large{padding:16px 40px;font-size:15px}.view-all-link{color:var(--tp-text-muted);align-items:center;gap:6px;font-size:12px;transition:color .2s;display:inline-flex}.view-all-link span{transition:transform .2s}.view-all-link:hover{color:var(--tp-accent)}.view-all-link:hover span{transform:translate(3px)}.landing-hero{border-bottom:1px solid var(--tp-border);align-items:center;min-height:560px;display:flex;position:relative;overflow:hidden}.landing-hero:before{content:"";background:radial-gradient(ellipse 70% 60% at 15% 30%, #5b8af51a, transparent 55%), radial-gradient(ellipse 50% 70% at 85% 20%, #9e86c412, transparent 50%), radial-gradient(ellipse 60% 50% at 50% 80%, #c8453e0a, transparent 50%), linear-gradient(180deg, var(--tp-bg-deep) 0%, var(--tp-bg) 100%);position:absolute;inset:0}.landing-hero:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 140' preserveAspectRatio='none'%3E%3Cpath d='M0,140 L0,90 Q120,40 240,65 Q360,90 480,55 Q600,20 720,50 Q840,80 960,40 Q1080,10 1200,55 Q1320,80 1440,45 L1440,140 Z' fill='%235b8af5' opacity='0.035'/%3E%3Cpath d='M0,140 L0,105 Q180,75 360,85 Q540,95 720,70 Q900,45 1080,75 Q1260,90 1440,65 L1440,140 Z' fill='%235b8af5' opacity='0.055'/%3E%3C/svg%3E") bottom/cover;height:140px;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:1;width:min(1120px,90vw);animation:fadeUp .8s var(--tp-ease-out) both;margin:0 auto;padding:80px 0;position:relative}.hero-title{max-width:760px;font-family:var(--tp-font-serif);letter-spacing:-.02em;color:var(--tp-text);margin:0;font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.15}.hero-title em{color:var(--tp-accent);font-style:normal;position:relative}.hero-title em:before{content:"";background:var(--tp-cinnabar);opacity:.7;border-radius:50%;width:7px;height:7px;position:absolute;top:.15em;left:-.25em}.hero-description{color:var(--tp-text-muted);max-width:560px;margin:24px 0 0;font-size:16px;font-weight:300;line-height:1.9}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.hero-meta{color:var(--tp-text-subtle);align-items:center;gap:20px;margin-top:32px;font-size:12px;display:flex}.hero-meta .stage-meta-item{align-items:center;gap:6px;display:flex}.hero-meta .stage-meta-dot{background:var(--tp-accent);border-radius:50%;width:4px;height:4px}.hero-meta .stage-meta-dot.red{background:var(--tp-cinnabar)}.hero-decoration{z-index:0;pointer-events:none;flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute;top:50%;right:max(5vw,50vw - 540px);transform:translateY(-50%)}.ink-circle{background:radial-gradient(circle,#5b8af514 0%,#5b8af505 50%,#0000 70%);border-radius:50%;width:200px;height:200px;animation:12s ease-in-out infinite inkFloat}.seal-mark{object-fit:contain;opacity:.85;border-radius:6px;width:80px;height:80px;margin-top:-40px;margin-left:-40px;position:absolute;top:50%;left:50%;transform:rotate(-3deg);box-shadow:0 4px 20px #00000040}.stage-ink-blob{filter:blur(80px);opacity:.12;pointer-events:none;border-radius:50%;animation:12s ease-in-out infinite inkFloat;position:absolute}.stage-ink-blob.a{background:var(--tp-accent);width:400px;height:400px;top:10%;left:5%}.stage-ink-blob.b{background:var(--tp-violet);width:300px;height:300px;animation-duration:14s;animation-delay:-4s;top:5%;right:10%}.stage-ink-blob.c{background:var(--tp-cinnabar);opacity:.08;width:200px;height:200px;animation-duration:10s;animation-delay:-8s;bottom:15%;left:60%}.landing-stats{border-bottom:1px solid var(--tp-border);padding:48px 0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-item{text-align:center;border:1px solid var(--tp-border);border-radius:var(--tp-radius-md);background:var(--tp-surface);padding:24px 16px;transition:border-color .3s,transform .3s}.stat-item:hover{border-color:var(--tp-accent);transform:translateY(-2px)}.stat-num{font-family:var(--tp-font-serif);color:var(--tp-accent);letter-spacing:-.02em;justify-content:center;align-items:baseline;gap:2px;font-size:38px;font-weight:700;line-height:1;display:flex}.stat-suffix{color:var(--tp-text-muted);margin-left:2px;font-size:22px;font-weight:400}.mono-num{font-family:var(--tp-font-mono);font-size:28px;font-weight:600}.stat-label{color:var(--tp-text-muted);letter-spacing:.05em;margin-top:8px;font-size:12px}.landing-features{padding:80px 0}.section-heading.center{text-align:center;flex-direction:column;align-items:center}.section-heading.center .section-heading-head{align-items:center}.section-heading.center .section-heading-head .section-kicker{justify-content:center}.section-heading.center .section-heading-head h2,.section-heading.center .section-heading-head .section-desc{text-align:center}.section-heading.center h2:after{left:50%;transform:translate(-50%)}.section-desc{color:var(--tp-text-muted);max-width:560px;margin:12px 0 0;font-size:14px;font-weight:300;line-height:1.8}.section-heading h2{font-family:var(--tp-font-serif);letter-spacing:-.01em;color:var(--tp-text);margin:0;padding-bottom:12px;font-size:28px;font-weight:600;display:inline-block;position:relative}.section-heading h2:after{content:"";background:var(--tp-cinnabar);border-radius:2px;width:40px;height:3px;position:absolute;bottom:0;left:0}.features-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;display:grid}.feature-card{border:1px solid var(--tp-border);border-radius:var(--tp-radius-md);background:var(--tp-surface);transition:all .3s var(--tp-ease);padding:28px 24px;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--tp-accent), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:var(--tp-border-strong);box-shadow:var(--tp-shadow);transform:translateY(-3px)}.feature-card:hover:before{opacity:1}.feature-icon{border-radius:var(--tp-radius-sm);background:var(--tp-accent-soft);width:44px;height:44px;color:var(--tp-accent);place-items:center;margin-bottom:16px;font-size:20px;display:grid}.feature-card h3{font-family:var(--tp-font-serif);color:var(--tp-text);margin:0 0 8px;font-size:16px;font-weight:600}.feature-card p{color:var(--tp-text-muted);margin:0;font-size:13px;line-height:1.7}.landing-popular{border-top:1px solid var(--tp-border);padding:80px 0}.tools-preview{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px;display:grid}.landing-philosophy{border-top:1px solid var(--tp-border);padding:80px 0}.philosophy-inner{border:1px solid var(--tp-border);border-radius:var(--tp-radius-lg);background:var(--tp-surface);align-items:center;gap:60px;padding:48px;display:flex;position:relative;overflow:hidden}.philosophy-inner:before{content:"";pointer-events:none;background:radial-gradient(at 0%,#5b8af50a,#0000 60%);position:absolute;inset:0}.philosophy-mark{flex-shrink:0;width:100px;height:100px;position:relative}.philosophy-seal{width:100%;height:100%;font-family:var(--tp-font-serif);color:#fff;background:var(--tp-cinnabar);border-radius:8px;place-items:center;font-size:48px;font-weight:900;display:grid;transform:rotate(-2deg);box-shadow:0 6px 24px #c8453e40}.philosophy-content{z-index:1;position:relative}.philosophy-content h2{font-family:var(--tp-font-serif);letter-spacing:-.01em;margin:0;font-size:28px;font-weight:600}.philosophy-content p{color:var(--tp-text-muted);max-width:600px;margin:16px 0 0;font-size:14px;line-height:1.9}.landing-cta{border-top:1px solid var(--tp-border);padding:80px 0}.cta-box{text-align:center;border:1px solid var(--tp-border);border-radius:var(--tp-radius-lg);background:var(--tp-surface);padding:72px 40px;position:relative;overflow:hidden}.cta-box:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#5b8af514,#0000 60%),radial-gradient(at 30% 100%,#c8453e0a,#0000 50%);position:absolute;inset:0}.cta-box h2{font-family:var(--tp-font-serif);letter-spacing:-.02em;margin:0;font-size:32px;font-weight:700;position:relative}.cta-box p{color:var(--tp-text-muted);margin:12px 0 32px;font-size:15px;position:relative}.cta-buttons{justify-content:center;gap:12px;display:flex;position:relative}.tools-page main{padding-bottom:40px}.tools-hero{border-bottom:1px solid var(--tp-border);padding:48px 0 32px;position:relative;overflow:visible}.tools-hero:before{content:"";pointer-events:none;background:radial-gradient(60% 80% at 20% 20%,#5b8af50f,#0000 55%),radial-gradient(40% 60% at 80% 30%,#9e86c40a,#0000 50%);position:absolute;inset:0}.tools-hero .content-frame{z-index:1;position:relative}.tools-hero h1{font-family:var(--tp-font-serif);letter-spacing:-.02em;margin:0;font-size:clamp(28px,4vw,40px);font-weight:700}.tools-desc{color:var(--tp-text-muted);margin:8px 0 28px;font-size:14px;line-height:1.7}.search-suggest{max-width:640px;position:relative}.big-search{border:1.5px solid var(--tp-border);border-radius:var(--tp-radius-md);background:var(--tp-surface);height:52px;transition:border-color .25s var(--tp-ease), box-shadow .25s var(--tp-ease);align-items:center;gap:12px;padding:0 18px;display:flex}.big-search.focused{border-color:var(--tp-accent);box-shadow:0 0 0 4px var(--tp-accent-soft), 0 8px 32px #0000001f;border-radius:var(--tp-radius-md) var(--tp-radius-md) 0 0}.big-search-icon{color:var(--tp-text-subtle);flex-shrink:0;font-size:18px;transition:color .2s}.big-search.focused .big-search-icon{color:var(--tp-accent)}.big-search input{height:100%;color:var(--tp-text);font-size:15px;font-family:var(--tp-font-sans);background:0 0;border:0;outline:0;flex:1}.big-search input::placeholder{color:var(--tp-text-subtle)}.search-hint{flex-shrink:0;align-items:center;gap:4px;display:flex}.search-hint kbd{font-family:var(--tp-font-mono);color:var(--tp-text-subtle);border:1px solid var(--tp-border);background:var(--tp-surface-soft);border-radius:4px;padding:2px 6px;font-size:11px}.search-panel{background:var(--tp-surface);border:1.5px solid var(--tp-accent);border-radius:0 0 var(--tp-radius-md) var(--tp-radius-md);z-index:100;border-top:none;max-height:420px;padding:8px;position:absolute;top:calc(100% - 1px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 40px #00000026}.search-panel-section{padding:4px 0}.search-panel-section+.search-panel-section{border-top:1px solid var(--tp-border);margin-top:4px;padding-top:8px}.search-panel-label{color:var(--tp-text-subtle);letter-spacing:.1em;text-transform:uppercase;margin:4px 12px 8px;font-size:10px;font-weight:500}.search-panel-item{border-radius:var(--tp-radius-sm);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.search-panel-item:hover,.search-panel-item.active{background:var(--tp-accent-soft)}.spi-icon{border-radius:var(--tp-radius-sm);background:var(--tp-surface-soft);width:32px;height:32px;color:var(--tp-accent);font-family:var(--tp-font-mono);flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.search-panel-item.active .spi-icon{background:var(--tp-accent);color:#fff}.spi-content{flex:1;min-width:0}.spi-name{color:var(--tp-text);font-size:13px;font-weight:500;display:block}.spi-desc{color:var(--tp-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;display:block;overflow:hidden}.spi-arrow{color:var(--tp-text-subtle);opacity:0;font-size:13px;transition:opacity .15s,transform .15s}.search-panel-item:hover .spi-arrow,.search-panel-item.active .spi-arrow{opacity:1;color:var(--tp-accent);transform:translate(2px)}.spi-recent{color:var(--tp-text-subtle);background:var(--tp-surface-soft);border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:10px}.search-panel-empty{text-align:center;color:var(--tp-text-muted);padding:24px}.spi-empty-icon{color:var(--tp-text-subtle);margin-bottom:8px;font-size:24px;font-weight:300;display:block}.search-panel-empty p{margin:0;font-size:12px}.search-panel-footer{border-top:1px solid var(--tp-border);color:var(--tp-text-subtle);gap:16px;margin-top:4px;padding:8px 12px 4px;font-size:11px;display:flex}.search-panel-footer kbd{font-family:var(--tp-font-mono);border:1px solid var(--tp-border);background:var(--tp-surface-soft);border-radius:3px;margin:0 2px;padding:1px 4px;font-size:10px}.search-panel-enter-active,.search-panel-leave-active{transition:opacity .15s,transform .15s}.search-panel-enter-from,.search-panel-leave-to{opacity:0;transform:translateY(-8px)}.filter-tabs{border-bottom:1px solid var(--tp-border);gap:4px;padding:20px 0 0;display:flex}.filter-tab{color:var(--tp-text-muted);border-radius:var(--tp-radius-sm) var(--tp-radius-sm) 0 0;white-space:nowrap;border:1px solid #0000;border-bottom:none;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.filter-tab:hover{color:var(--tp-text);background:var(--tp-surface-soft)}.filter-tab.active{color:var(--tp-accent);background:var(--tp-surface);border-color:var(--tp-border);position:relative}.filter-tab.active:after{content:"";background:var(--tp-accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-count{font-size:10px;font-family:var(--tp-font-mono);color:var(--tp-text-subtle);background:var(--tp-surface-soft);border-radius:3px;padding:0 5px}.filter-tab.active .tab-count{color:var(--tp-accent);background:var(--tp-accent-soft)}.workspace-page main{padding-bottom:40px}.workspace-header{border-bottom:1px solid var(--tp-border);padding:60px 0 32px}.workspace-header h1{font-family:var(--tp-font-serif);letter-spacing:-.02em;margin:0;font-size:clamp(28px,4vw,40px);font-weight:700}.workspace-desc{color:var(--tp-text-muted);margin:8px 0 0;font-size:14px;line-height:1.7}.quick-access{padding:32px 0}.quick-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.quick-item{border:1px solid var(--tp-border);border-radius:var(--tp-radius-md);background:var(--tp-surface);transition:all .25s var(--tp-ease);align-items:center;gap:12px;padding:16px 20px;display:flex}.quick-item:hover{border-color:var(--tp-accent);box-shadow:var(--tp-shadow);transform:translateY(-2px)}.quick-icon{border-radius:var(--tp-radius-sm);background:var(--tp-accent-soft);width:36px;height:36px;color:var(--tp-accent);font-family:var(--tp-font-mono);flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.quick-label{color:var(--tp-text);font-size:13px;font-weight:400}.ws-section{padding:40px 0 0}.ws-empty{padding:80px 0 40px}.ws-empty-inner{text-align:center;border:1px dashed var(--tp-border);border-radius:var(--tp-radius-lg);background:var(--tp-surface-soft);padding:60px 40px}.empty-seal{width:60px;height:60px;font-family:var(--tp-font-serif);color:#fff;background:var(--tp-cinnabar);opacity:.7;border-radius:6px;place-items:center;margin:0 auto 24px;font-size:28px;font-weight:900;display:grid;transform:rotate(-2deg)}.ws-empty-inner h2{font-family:var(--tp-font-serif);margin:0;font-size:20px;font-weight:600}.ws-empty-inner p{color:var(--tp-text-muted);margin:8px 0 24px;font-size:13px}.content-frame{width:min(1120px,90vw);margin:0 auto}.category-strip{border-bottom:1px solid var(--tp-border);scrollbar-width:none;align-items:center;gap:4px;padding:16px 0;display:flex;overflow-x:auto}.category-strip::-webkit-scrollbar{display:none}.category-link{color:var(--tp-text-muted);border-radius:var(--tp-radius-sm);transition:color .25s var(--tp-ease), background .25s var(--tp-ease);white-space:nowrap;flex:none;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:400;display:flex;position:relative}.category-link:hover{color:var(--tp-text);background:var(--tp-surface-soft)}.category-link.active{color:var(--tp-accent);background:var(--tp-accent-soft)}.category-link .cat-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.category-link .cat-count{color:var(--tp-text-subtle);font-size:10px;font-family:var(--tp-font-mono);background:var(--tp-surface-soft);border-radius:3px;padding:1px 6px}.category-link.active .cat-count{color:var(--tp-accent);background:0 0}.type-strip{border-bottom:1px solid var(--tp-border);scrollbar-width:none;align-items:center;gap:4px;padding:12px 0;display:flex;overflow-x:auto}.type-strip::-webkit-scrollbar{display:none}.type-link{color:var(--tp-text-muted);border-radius:var(--tp-radius-sm);white-space:nowrap;transition:color .25s var(--tp-ease), background .25s var(--tp-ease);flex:none;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.type-link:hover{color:var(--tp-text);background:var(--tp-surface-soft)}.type-link.active{color:var(--tp-accent);background:var(--tp-accent-soft)}.type-link.active .cat-count{color:var(--tp-accent);background:0 0}.tool-section{padding:32px 0 0}.section-heading{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.section-heading-head{flex-direction:column;gap:6px;display:flex}.section-kicker{color:var(--tp-text-subtle);margin:0;font-size:10px}.section-heading>span{color:var(--tp-text-subtle);font-size:11px;font-family:var(--tp-font-mono)}.tool-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.compact-grid{grid-template-columns:repeat(2,1fr);gap:12px}.tool-card{border:1px solid var(--tp-border);border-radius:var(--tp-radius-md);background:var(--tp-surface);min-width:0;transition:transform .3s var(--tp-ease-out), border-color .3s var(--tp-ease-out), background .3s var(--tp-ease-out), box-shadow .3s var(--tp-ease-out);position:relative;overflow:hidden}.tool-card:before{content:"";background:linear-gradient(90deg, var(--tp-accent), var(--tp-cinnabar));opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.tool-card:hover{border-color:var(--tp-border-strong);background:var(--tp-surface-raised);box-shadow:var(--tp-shadow);transform:translateY(-2px)}.tool-card:hover:before{opacity:1}.tool-card-main{align-items:flex-start;gap:14px;min-height:120px;padding:20px 48px 20px 20px;display:flex}.tool-icon{border:1px solid var(--tp-border);width:44px;height:44px;color:var(--tp-accent);border-radius:var(--tp-radius-sm);font-family:var(--tp-font-mono);background:var(--tp-surface-soft);transition:transform .3s var(--tp-ease), box-shadow .3s var(--tp-ease);flex:0 0 44px;place-items:center;font-size:14px;font-weight:600;display:grid}.tool-card:hover .tool-icon{transform:scale(1.05);box-shadow:0 2px 12px #0003}.tool-copy{flex:1;min-width:0}.tool-card-title{align-items:center;gap:8px;display:flex}.tool-card h3{color:var(--tp-text);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:500}.version{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:160px;color:var(--tp-text-subtle);font-family:var(--tp-font-mono);background:var(--tp-surface-soft);border-radius:3px;align-items:center;padding:1px 5px;font-size:10px;display:inline-flex;overflow:hidden}.tool-card p{color:var(--tp-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:12px;line-height:1.7;display:-webkit-box;overflow:hidden}.tool-arrow{color:var(--tp-text-subtle);transition:color .3s var(--tp-ease), opacity .3s var(--tp-ease), transform .3s var(--tp-ease);opacity:0;font-size:14px;position:absolute;top:20px;right:18px;transform:translate(-4px)}.tool-card:hover .tool-arrow{color:var(--tp-accent);opacity:1;transform:translate(0)}.favorite-button{color:var(--tp-text-subtle);opacity:0;background:0 0;border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;transition:color .2s,background .2s,opacity .2s;display:grid;position:absolute;bottom:14px;right:14px}.tool-card:hover .favorite-button,.tool-card .favorite-button.always-visible{opacity:1}.favorite-button:hover{color:var(--tp-cinnabar);background:var(--tp-cinnabar-soft)}.favorite-button.active{color:var(--tp-cinnabar);opacity:.7}.favorite-button.active:hover{opacity:1}.empty-state{text-align:center;border:1px dashed var(--tp-border);border-radius:var(--tp-radius-md);background:var(--tp-surface-soft);padding:64px 20px}.empty-state .empty-icon{color:var(--tp-text-subtle);font-size:36px;font-weight:300}.empty-state h3{font-family:var(--tp-font-serif);color:var(--tp-text);margin:16px 0 8px;font-size:16px;font-weight:500}.empty-state p{color:var(--tp-text-muted);margin:0;font-size:13px}.privacy-banner{border:1px solid var(--tp-border);border-radius:var(--tp-radius-md);background:var(--tp-surface);align-items:center;gap:16px;margin:60px 0;padding:20px 24px;display:flex;position:relative;overflow:hidden}.privacy-banner:before{content:"";background:linear-gradient(180deg, var(--tp-bamboo), var(--tp-accent));width:3px;position:absolute;top:0;bottom:0;left:0}.privacy-symbol{background:var(--tp-accent-soft);width:40px;height:40px;color:var(--tp-accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;display:grid}.privacy-banner h3{font-size:14px;font-weight:500;font-family:var(--tp-font-serif);margin:0 0 4px}.privacy-banner p{color:var(--tp-text-muted);margin:0;font-size:12px;line-height:1.6}.banner-arrow{color:var(--tp-text-subtle);flex-shrink:0;margin-left:auto;font-size:16px;transition:transform .2s}.privacy-banner:hover .banner-arrow{color:var(--tp-accent);transform:translate(2px,-2px)}.site-footer{width:min(1120px,90vw);color:var(--tp-text-subtle);letter-spacing:.05em;border-top:1px solid var(--tp-border);justify-content:space-between;align-items:center;margin:0 auto;padding:24px 0 36px;font-size:11px;display:flex}.footer-brand{font-family:var(--tp-font-serif);color:var(--tp-text-muted)}.tool-page{padding-top:32px}.breadcrumbs{color:var(--tp-text-subtle);align-items:center;gap:8px;font-size:12px;display:flex}.breadcrumbs a{color:var(--tp-text-muted);transition:color .2s}.breadcrumbs a:hover{color:var(--tp-accent)}.breadcrumbs .sep{color:var(--tp-border-strong)}.tool-intro{border-bottom:1px solid var(--tp-border);align-items:center;gap:18px;padding:36px 0 28px;display:flex}.tool-intro-icon{border:1px solid var(--tp-accent);border-radius:var(--tp-radius-md);width:56px;height:56px;color:var(--tp-accent);font-family:var(--tp-font-mono);background:var(--tp-accent-soft);flex-shrink:0;place-items:center;font-size:20px;font-weight:600;display:grid}.tool-intro h1{font-family:var(--tp-font-serif);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:600}.tool-intro p:not(.section-kicker){color:var(--tp-text-muted);margin:6px 0 0;font-size:13px}.favorite-large{color:var(--tp-text-muted);background:var(--tp-surface);border:1px solid var(--tp-border);border-radius:var(--tp-radius-sm);flex-shrink:0;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;font-size:12px;transition:color .2s,border-color .2s,background .2s;display:flex}.favorite-large:hover{border-color:var(--tp-cinnabar);color:var(--tp-cinnabar)}.favorite-large.active{color:var(--tp-cinnabar);border-color:var(--tp-cinnabar);background:var(--tp-cinnabar-soft)}.placeholder-workspace{border:1px dashed var(--tp-border);border-radius:var(--tp-radius-lg);text-align:center;background:var(--tp-surface-soft);justify-items:center;gap:12px;margin:24px 0 60px;padding:80px 20px;display:grid}.placeholder-icon{color:var(--tp-accent);opacity:.6;font-size:40px}.placeholder-workspace h2{font-family:var(--tp-font-serif);margin:8px 0 0;font-size:20px;font-weight:500}.placeholder-workspace p{color:var(--tp-text-muted);margin:0 0 12px;font-size:13px}.inline-button{color:#fff;background:linear-gradient(135deg, var(--tp-accent), var(--tp-accent-strong));border-radius:var(--tp-radius-sm);align-items:center;padding:10px 20px;font-size:13px;font-weight:500;transition:transform .2s,box-shadow .2s;display:inline-flex}.inline-button:hover{box-shadow:var(--tp-shadow-accent);transform:translateY(-1px)}.not-found{text-align:center;padding:120px 0}.not-found .nf-code{font-family:var(--tp-font-serif);color:var(--tp-cinnabar);opacity:.3;font-size:72px;font-weight:900;line-height:1}.not-found h1{font-family:var(--tp-font-serif);margin:16px 0 24px;font-size:22px;font-weight:500}.micro-workspace{border:1px solid var(--tp-border);border-radius:var(--tp-radius-lg);background:var(--tp-surface);min-height:540px;box-shadow:var(--tp-shadow);margin:24px 0 60px;overflow:hidden}.micro-container{min-height:540px}.micro-container.hidden{display:none}.micro-workspace.immersive{border-radius:0;height:calc(100vh - 56px);min-height:0;margin:0}.micro-container.immersive{height:100%;min-height:0}.micro-state{min-height:540px;color:var(--tp-text-muted);align-content:center;place-items:center;gap:8px;font-size:13px;display:grid}.micro-state h3{font-family:var(--tp-font-serif);color:var(--tp-text);margin:12px 0 4px;font-size:18px;font-weight:500}.micro-state p{margin:0;font-size:12px}.loading-pulse,.micro-fail{border:1px solid var(--tp-accent);width:32px;height:32px;color:var(--tp-accent);border-radius:50%;place-items:center;font-size:12px;display:grid}.loading-pulse{animation:1.5s ease-in-out infinite inkPulse}.micro-fail{border-color:var(--tp-danger);color:var(--tp-danger)}.immersive-toolbar{min-height:56px;color:var(--tp-text);background:var(--tp-surface);border-bottom:1px solid var(--tp-border);align-items:center;gap:12px;padding:8px max(5vw,50vw - 560px);display:flex}.immersive-actions{gap:8px;margin-left:auto;display:flex}.immersive-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.immersive-action{min-height:36px;color:var(--tp-text-muted);background:var(--tp-surface-soft);border:1px solid var(--tp-border);border-radius:var(--tp-radius-sm);cursor:pointer;padding:6px 12px}.immersive-action:hover{color:var(--tp-accent);border-color:var(--tp-accent)}.immersive-action:focus-visible{outline:2px solid var(--tp-accent);outline-offset:2px}.is-page-fullscreen{background:var(--tp-bg);min-height:100vh}.is-immersive-shell .app-header,.is-immersive-shell .breadcrumbs,.is-immersive-shell .tool-intro,.is-immersive-shell .site-footer{display:none}.is-immersive-shell .immersive-toolbar{display:flex}.tool-page.is-immersive{width:100%;min-height:calc(100vh - 56px)}.tool-page.is-immersive .tool-workbench,.tool-page.is-immersive .placeholder-workspace{border-radius:0;width:100%;height:calc(100vh - 56px);min-height:calc(100vh - 56px);margin:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes inkFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(15px,-10px)scale(1.05)}66%{transform:translate(-10px,8px)scale(.97)}}@keyframes inkPulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}.stagger-enter{opacity:0;animation:fadeUp .6s var(--tp-ease-out) forwards}.stagger-enter:first-child{animation-delay:50ms}.stagger-enter:nth-child(2){animation-delay:.1s}.stagger-enter:nth-child(3){animation-delay:.15s}.stagger-enter:nth-child(4){animation-delay:.2s}.stagger-enter:nth-child(5){animation-delay:.25s}.stagger-enter:nth-child(6){animation-delay:.3s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.stage-ink-blob{display:none}html{scroll-behavior:auto}}@media (width<=960px){.stats-grid,.features-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}.hero-decoration{display:none}.philosophy-inner{text-align:center;flex-direction:column;gap:32px;padding:32px}.philosophy-mark{width:80px;height:80px}.philosophy-seal{font-size:36px}}@media (width<=768px){.app-header{flex-wrap:wrap;gap:8px;height:auto;min-height:60px;padding:10px 5vw}.main-nav{scrollbar-width:none;order:3;gap:0;width:100%;margin-left:0;overflow-x:auto}.main-nav::-webkit-scrollbar{display:none}.nav-link{padding:6px 12px;font-size:12px}.brand-name{font-size:16px}.admin-link,.icon-link{display:none}.landing-hero{min-height:auto}.hero-content{padding:48px 0}.hero-title{font-size:32px}.hero-description{font-size:14px}.hero-meta{flex-wrap:wrap;gap:12px;margin-top:24px;font-size:11px}.hero-cta{margin-top:28px}.landing-stats{padding:32px 0}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-item{padding:16px 8px}.stat-num{font-size:28px}.stat-suffix{font-size:16px}.landing-features,.landing-popular,.landing-philosophy,.landing-cta{padding:48px 0}.features-grid,.tools-preview{grid-template-columns:1fr}.cta-box{padding:48px 24px}.cta-box h2{font-size:24px}.tools-header,.workspace-header{padding:40px 0 24px}.tools-header h1,.workspace-header h1{font-size:24px}.quick-grid{grid-template-columns:repeat(2,1fr)}.tool-grid,.compact-grid{grid-template-columns:1fr}.type-strip{margin-inline:-5vw;padding-inline:5vw}.immersive-toolbar{flex-wrap:wrap;padding:8px 5vw}.immersive-actions{width:100%;margin-left:0}.immersive-action{flex:1;min-height:40px}.favorite-button{opacity:.6}.tool-intro{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:28px 0 20px}.tool-intro-icon{width:44px;height:44px;font-size:16px}.tool-intro h1{font-size:22px}.favorite-large{margin-left:58px}.editor-grid{grid-template-columns:1fr}.editor-pane+.editor-pane{border-top:1px solid var(--tp-border);border-left:0}.editor-pane textarea,.result-content{min-height:280px}.workbench-toolbar{flex-wrap:wrap;gap:8px}.toolbar-actions{margin-left:0}.privacy-note{margin-right:auto}.privacy-banner{flex-wrap:wrap;margin:40px 0;padding:16px}.banner-arrow{display:none}.site-footer{text-align:center;flex-direction:column;gap:8px}.footer-left{flex-direction:column;gap:8px}}@media (width<=480px){.hero-title{font-size:28px}.tool-card-main{padding:16px 40px 16px 16px}.quick-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}.datetime-input[data-v-3d2037be]{border:1px solid var(--tp-border);border-radius:var(--tp-radius-sm);background:var(--tp-bg-deep);width:100%;min-height:400px;color:var(--tp-text);font-family:var(--tp-font-mono);flex:1;margin-top:12px;padding:16px;font-size:12.5px;line-height:1.8;transition:border-color .2s}.datetime-input[data-v-3d2037be]:focus{border-color:var(--tp-accent);box-shadow:0 0 0 3px var(--tp-accent-soft);outline:0}.color-preview[data-v-1f43f1dc]{border-radius:var(--tp-radius-sm);border:1px solid var(--tp-border);width:32px;height:32px;transition:background .2s}.color-grid[data-v-1f43f1dc]{grid-template-columns:1fr 1fr 1fr;gap:16px;padding:24px;display:grid}.color-field[data-v-1f43f1dc]{flex-direction:column;gap:8px;display:flex}.field-label[data-v-1f43f1dc]{color:var(--tp-text-subtle);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:500}.color-input[data-v-1f43f1dc]{border:1px solid var(--tp-border);border-radius:var(--tp-radius-sm);background:var(--tp-bg-deep);width:100%;color:var(--tp-text);font-family:var(--tp-font-mono);padding:12px 16px;font-size:13px;transition:border-color .2s}.color-input[data-v-1f43f1dc]:focus{border-color:var(--tp-accent);box-shadow:0 0 0 3px var(--tp-accent-soft);outline:0}@media (width<=768px){.color-grid[data-v-1f43f1dc]{grid-template-columns:1fr}}.tool-title[data-v-cb5d3071]{color:var(--tp-text);font-size:13px;font-weight:500}.markdown-preview[data-v-cb5d3071]{background:var(--tp-surface);color:var(--tp-text);flex:1;padding:20px;font-size:14px;line-height:1.7;overflow:auto}.markdown-preview[data-v-cb5d3071] h1{border-bottom:1px solid var(--tp-border);margin:24px 0 16px;padding-bottom:8px;font-size:28px;font-weight:600}.markdown-preview[data-v-cb5d3071] h2{border-bottom:1px solid var(--tp-border);margin:20px 0 12px;padding-bottom:6px;font-size:22px;font-weight:600}.markdown-preview[data-v-cb5d3071] h3{margin:16px 0 10px;font-size:18px;font-weight:600}.markdown-preview[data-v-cb5d3071] p{margin:12px 0}.markdown-preview[data-v-cb5d3071] ul{margin:12px 0;padding-left:24px}.markdown-preview[data-v-cb5d3071] li{margin:6px 0}.markdown-preview[data-v-cb5d3071] .task-item{margin-left:-24px;list-style:none}.markdown-preview[data-v-cb5d3071] .task-item input{margin-right:8px}.markdown-preview[data-v-cb5d3071] .task-item.done{color:var(--tp-text-subtle);text-decoration:line-through}.markdown-preview[data-v-cb5d3071] blockquote{border-left:4px solid var(--tp-accent);background:var(--tp-surface-soft);color:var(--tp-text-subtle);margin:16px 0;padding:12px 20px}.markdown-preview[data-v-cb5d3071] hr{border:none;border-top:1px solid var(--tp-border);margin:24px 0}.markdown-preview[data-v-cb5d3071] .code-block{background:var(--tp-bg-deep);border:1px solid var(--tp-border);border-radius:var(--tp-radius-sm);font-family:var(--tp-font-mono);margin:16px 0;padding:16px;font-size:13px;line-height:1.6;overflow-x:auto}.markdown-preview[data-v-cb5d3071] .inline-code{background:var(--tp-bg-deep);border:1px solid var(--tp-border);font-family:var(--tp-font-mono);border-radius:3px;padding:2px 6px;font-size:12px}.markdown-preview[data-v-cb5d3071] .markdown-table{border-collapse:collapse;width:100%;margin:16px 0}.markdown-preview[data-v-cb5d3071] .markdown-table th,.markdown-preview[data-v-cb5d3071] .markdown-table td{border:1px solid var(--tp-border);text-align:left;padding:10px 14px}.markdown-preview[data-v-cb5d3071] .markdown-table th{background:var(--tp-surface-soft);font-weight:600}.markdown-preview[data-v-cb5d3071] strong{font-weight:600}.markdown-preview[data-v-cb5d3071] em{font-style:italic}.markdown-preview[data-v-cb5d3071] del{color:var(--tp-text-subtle);text-decoration:line-through}.stats-grid[data-v-acfb78f7]{grid-template-columns:repeat(3,1fr);gap:16px;padding:24px;display:grid}.stat-item[data-v-acfb78f7]{text-align:center;background:var(--bg-secondary,#f5f5f5);border-radius:8px;padding:16px}.stat-value[data-v-acfb78f7]{color:var(--text-primary,#333);margin-bottom:4px;font-size:24px;font-weight:600}.stat-label[data-v-acfb78f7]{color:var(--text-secondary,#666);font-size:12px}.timezone-controls[data-v-a2592bbe]{align-items:center;gap:12px;display:flex}.timezone-select[data-v-a2592bbe]{border:1px solid var(--border-color,#ddd);background:var(--bg-primary,#fff);color:var(--text-primary,#333);border-radius:6px;padding:6px 12px;font-size:14px}.arrow[data-v-a2592bbe]{color:var(--text-secondary,#666);font-size:18px}.datetime-input[data-v-a2592bbe]{border:1px solid var(--border-color,#ddd);background:var(--bg-primary,#fff);width:100%;color:var(--text-primary,#333);border-radius:6px;padding:12px;font-family:inherit;font-size:14px}.text-input[data-v-396c24ae],.datetime-input[data-v-396c24ae]{border:1px solid var(--border-color,#ddd);background:var(--bg-primary,#fff);width:100%;color:var(--text-primary,#333);border-radius:6px;padding:12px;font-family:Courier New,monospace;font-size:14px}.count-control[data-v-0c203d25]{align-items:center;gap:8px;display:flex}.count-control label[data-v-0c203d25]{color:var(--text-primary,#333);font-size:14px}.count-input[data-v-0c203d25]{border:1px solid var(--border-color,#ddd);background:var(--bg-primary,#fff);width:80px;color:var(--text-primary,#333);border-radius:6px;padding:6px 12px;font-size:14px}.full-width[data-v-0c203d25]{grid-column:1/-1}.controls[data-v-6b1464aa]{gap:16px;display:flex}.control-group[data-v-6b1464aa]{align-items:center;gap:8px;display:flex}.control-group label[data-v-6b1464aa]{color:var(--text-primary,#333);font-size:14px}.control-input[data-v-6b1464aa]{border:1px solid var(--border-color,#ddd);background:var(--bg-primary,#fff);width:80px;color:var(--text-primary,#333);border-radius:6px;padding:6px 12px;font-size:14px}.full-width[data-v-6b1464aa]{grid-column:1/-1}.controls[data-v-9863f78b]{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.control-group[data-v-9863f78b]{align-items:center;gap:8px;display:flex}.control-group label[data-v-9863f78b]{color:var(--text-primary,#333);font-size:14px}.control-input[data-v-9863f78b]{border:1px solid var(--border-color,#ddd);background:var(--bg-primary,#fff);width:80px;color:var(--text-primary,#333);border-radius:6px;padding:6px 12px;font-size:14px}.checkbox-group[data-v-9863f78b]{gap:12px;display:flex}.checkbox-label[data-v-9863f78b]{color:var(--text-primary,#333);cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.checkbox-label input[type=checkbox][data-v-9863f78b]{cursor:pointer;width:16px;height:16px}.full-width[data-v-9863f78b]{grid-column:1/-1}.params-list[data-v-97755b32]{padding:16px;overflow-y:auto}.param-item[data-v-97755b32]{background:var(--bg-secondary,#f5f5f5);border-radius:6px;gap:12px;margin-bottom:8px;padding:8px 12px;font-family:Courier New,monospace;font-size:14px;display:flex}.param-key[data-v-97755b32]{color:var(--text-primary,#333);min-width:120px;font-weight:600}.param-value[data-v-97755b32]{color:var(--text-secondary,#666);word-break:break-all}.cookies-list[data-v-d58af60b]{padding:16px;overflow-y:auto}.cookie-item[data-v-d58af60b]{background:var(--bg-secondary,#f5f5f5);border-radius:6px;gap:12px;margin-bottom:8px;padding:8px 12px;font-family:Courier New,monospace;font-size:14px;display:flex}.cookie-key[data-v-d58af60b]{color:var(--text-primary,#333);min-width:120px;font-weight:600}.cookie-value[data-v-d58af60b]{color:var(--text-secondary,#666);word-break:break-all}.parsed-info[data-v-81b1e22a]{padding:16px}.info-item[data-v-81b1e22a]{background:var(--bg-secondary,#f5f5f5);border-radius:6px;gap:12px;margin-bottom:8px;padding:12px;display:flex}.info-label[data-v-81b1e22a]{color:var(--text-primary,#333);min-width:100px;font-weight:600}.info-value[data-v-81b1e22a]{color:var(--text-secondary,#666);word-break:break-all}.search-control[data-v-ba044bae]{flex:1}.search-input[data-v-ba044bae]{border:1px solid var(--border-color,#ddd);background:var(--bg-primary,#fff);width:100%;color:var(--text-primary,#333);border-radius:6px;padding:8px 12px;font-size:14px}.codes-list[data-v-ba044bae]{max-height:600px;padding:16px;overflow-y:auto}.code-item[data-v-ba044bae]{background:var(--bg-secondary,#f5f5f5);border-radius:6px;align-items:center;gap:16px;margin-bottom:8px;padding:12px;display:flex}.code-number[data-v-ba044bae]{text-align:center;border-radius:6px;min-width:80px;padding:8px;font-family:Courier New,monospace;font-size:24px;font-weight:700}.code-number.success[data-v-ba044bae]{color:#155724;background:#d4edda}.code-number.redirect[data-v-ba044bae]{color:#0c5460;background:#d1ecf1}.code-number.client-error[data-v-ba044bae]{color:#856404;background:#fff3cd}.code-number.server-error[data-v-ba044bae]{color:#721c24;background:#f8d7da}.code-info[data-v-ba044bae]{flex:1}.code-text[data-v-ba044bae]{color:var(--text-primary,#333);margin-bottom:4px;font-weight:600}.code-description[data-v-ba044bae]{color:var(--text-secondary,#666);font-size:14px}.search-control[data-v-1daca427]{flex:1}.search-input[data-v-1daca427]{border:1px solid var(--border-color,#ddd);background:var(--bg-primary,#fff);width:100%;color:var(--text-primary,#333);border-radius:6px;padding:8px 12px;font-size:14px}.types-list[data-v-1daca427]{max-height:600px;padding:16px;overflow-y:auto}.type-item[data-v-1daca427]{background:var(--bg-secondary,#f5f5f5);border-radius:6px;align-items:center;gap:16px;margin-bottom:8px;padding:12px;display:flex}.type-extension[data-v-1daca427]{color:var(--text-primary,#333);background:var(--bg-primary,#fff);text-align:center;border-radius:4px;min-width:80px;padding:6px 12px;font-family:Courier New,monospace;font-size:16px;font-weight:600}.type-info[data-v-1daca427]{flex:1}.type-mime[data-v-1daca427]{color:var(--text-primary,#333);margin-bottom:4px;font-family:Courier New,monospace;font-weight:600}.type-description[data-v-1daca427]{color:var(--text-secondary,#666);font-size:14px}.link-label[data-v-f448ca46]{color:var(--text-primary,#333);cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.sliders[data-v-f448ca46]{flex-direction:column;gap:16px;padding:20px;display:flex}.slider-row[data-v-f448ca46]{align-items:center;gap:12px;display:flex}.slider-row label[data-v-f448ca46]{min-width:40px;color:var(--text-secondary,#666);font-size:13px}.slider-row input[type=range][data-v-f448ca46]{flex:1}.slider-val[data-v-f448ca46]{min-width:50px;font-size:13px;font-family:var(--tp-font-mono);color:var(--text-primary,#333);text-align:right}.preview-area[data-v-f448ca46]{flex-direction:column;align-items:center;gap:20px;padding:24px;display:flex}.radius-preview[data-v-f448ca46]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:160px;height:160px;transition:border-radius .2s}.css-code[data-v-f448ca46]{background:var(--bg-secondary,#f5f5f5);font-family:var(--tp-font-mono);color:var(--text-primary,#333);border-radius:6px;width:100%;margin:0;padding:12px 16px;font-size:13px}.inset-label[data-v-c875f879]{color:var(--text-primary,#333);cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.sliders[data-v-c875f879]{flex-direction:column;gap:14px;padding:20px;display:flex}.slider-row[data-v-c875f879]{align-items:center;gap:12px;display:flex}.slider-row label[data-v-c875f879]{min-width:50px;color:var(--text-secondary,#666);font-size:13px}.slider-row input[type=range][data-v-c875f879]{flex:1}.color-input[data-v-c875f879]{border:1px solid var(--border-color,#ddd);cursor:pointer;border-radius:4px;width:40px;height:30px;padding:2px}.slider-val[data-v-c875f879]{min-width:55px;font-size:13px;font-family:var(--tp-font-mono);color:var(--text-primary,#333);text-align:right}.preview-area[data-v-c875f879]{flex-direction:column;align-items:center;gap:20px;padding:24px;display:flex}.shadow-preview[data-v-c875f879]{background:#fff;border-radius:8px;width:160px;height:160px;transition:box-shadow .2s}.css-code[data-v-c875f879]{background:var(--bg-secondary,#f5f5f5);font-family:var(--tp-font-mono);color:var(--text-primary,#333);word-break:break-all;border-radius:6px;width:100%;margin:0;padding:12px 16px;font-size:13px}.controls[data-v-e7c84c44]{flex-direction:column;gap:16px;padding:20px;display:flex}.slider-row[data-v-e7c84c44]{align-items:center;gap:12px;display:flex}.slider-row label[data-v-e7c84c44]{min-width:40px;color:var(--text-secondary,#666);font-size:13px}.slider-row input[type=range][data-v-e7c84c44]{flex:1}.slider-val[data-v-e7c84c44]{min-width:50px;font-size:13px;font-family:var(--tp-font-mono);color:var(--text-primary,#333);text-align:right}.color-row[data-v-e7c84c44]{align-items:center;gap:12px;display:flex}.color-row label[data-v-e7c84c44]{min-width:100px;color:var(--text-secondary,#666);font-size:13px}.color-input[data-v-e7c84c44]{border:1px solid var(--border-color,#ddd);cursor:pointer;border-radius:4px;width:40px;height:30px;padding:2px}.color-hex[data-v-e7c84c44]{font-size:13px;font-family:var(--tp-font-mono);color:var(--text-primary,#333)}.preview-area[data-v-e7c84c44]{flex-direction:column;align-items:center;gap:20px;padding:24px;display:flex}.gradient-preview[data-v-e7c84c44]{border-radius:8px;width:100%;height:200px;transition:background .2s}.css-code[data-v-e7c84c44]{background:var(--bg-secondary,#f5f5f5);font-family:var(--tp-font-mono);color:var(--text-primary,#333);word-break:break-all;border-radius:6px;width:100%;margin:0;padding:12px 16px;font-size:13px}.base-control[data-v-d9316112]{color:var(--text-primary,#333);align-items:center;gap:8px;font-size:14px;display:flex}.base-input[data-v-d9316112]{border:1px solid var(--border-color,#ddd);background:var(--bg-primary,#fff);width:60px;color:var(--text-primary,#333);border-radius:6px;padding:6px 12px;font-size:14px}.input-area[data-v-d9316112]{align-items:center;gap:12px;padding:20px;display:flex}.value-input[data-v-d9316112]{border:1px solid var(--border-color,#ddd);background:var(--bg-primary,#fff);color:var(--text-primary,#333);font-size:16px;font-family:var(--tp-font-mono);border-radius:6px;flex:1;padding:10px 14px}.unit-select[data-v-d9316112]{border:1px solid var(--border-color,#ddd);background:var(--bg-primary,#fff);color:var(--text-primary,#333);border-radius:6px;min-width:80px;padding:10px 14px;font-size:14px}.results[data-v-d9316112]{flex-direction:column;gap:10px;padding:16px;display:flex}.result-row[data-v-d9316112]{background:var(--bg-secondary,#f5f5f5);border-radius:6px;align-items:center;gap:12px;padding:10px 14px;display:flex}.result-value[data-v-d9316112]{font-family:var(--tp-font-mono);color:var(--text-primary,#333);flex:1;font-size:15px}.result-unit[data-v-d9316112]{color:var(--text-secondary,#666);min-width:30px;font-size:13px;font-weight:600}.file-label[data-v-b99e1bb1]{cursor:pointer;position:relative}.file-input[data-v-b99e1bb1]{opacity:0;width:0;height:0;position:absolute}.preview-container[data-v-b99e1bb1]{flex:1;justify-content:center;align-items:center;padding:16px;display:flex;overflow:hidden}.preview-image[data-v-b99e1bb1]{object-fit:contain;border-radius:4px;max-width:100%;max-height:400px}.result-container[data-v-b99e1bb1]{flex:1;padding:16px;overflow:auto}.result-textarea[data-v-b99e1bb1]{border:1px solid var(--border-color,#ddd);background:var(--bg-primary,#fff);width:100%;color:var(--text-primary,#333);font-family:var(--tp-font-mono);resize:vertical;border-radius:6px;padding:12px;font-size:12px}