@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.0tfjw0g40zzvd.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__Ur3q_a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__Ur3q_a__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.0f6hsxe9py8pr.woff2)format("woff2");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__iaM1Ya__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__iaM1Ya__variable{--font-geist-mono:"GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}
:root{--brand-50:#f1f6ff;--brand-100:#e3edff;--brand-200:#c7deff;--brand-300:#9fc3ff;--brand-400:#669ffc;--brand-500:#3a80ea;--brand-600:#216ad8;--brand-700:#1559bd;--brand-800:#144998;--brand-900:#163973;--success:#199962;--success-bg:#dbf9e6;--warning:#dd9730;--warning-bg:#ffefd3;--error:#d92f38;--error-bg:#ffeae8;--info:#1a89c5;--info-bg:#e1f3ff;--font-sans:var(--font-geist-sans), system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:var(--font-geist-mono), "SF Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--r-xs:6px;--r-sm:9px;--r-md:13px;--r-lg:18px;--r-xl:24px;--r-2xl:32px;--r-full:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--ease:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.13s;--dur:.22s;--dur-slow:.38s}@supports (color:lab(0% 0 0)){:root{--brand-50:lab(96.6834% -.679404 -6.73454);--brand-100:lab(93.4755% -1.12292 -12.996);--brand-200:lab(87.5204% -1.74093 -24.1328);--brand-300:lab(77.9568% -.870585 -37.8176);--brand-400:lab(64.7364% 2.26313 -53.0325);--brand-500:lab(53.2992% 6.52865 -61.4902);--brand-600:lab(45.5052% 10.0429 -63.7206);--brand-700:lab(38.6082% 10.2823 -59.1485);--brand-800:lab(31.416% 7.55316 -48.7548);--brand-900:lab(24.2156% 5.24515 -37.8063);--success:lab(55.9465% -44.4594 19.5612);--success-bg:lab(95.3209% -12.6972 5.6136);--warning:lab(68.4642% 20.8648 61.539);--warning-bg:lab(95.4763% 3.9269 21.3346);--error:lab(49.1772% 65.1242 38.8603);--error-bg:lab(94.4389% 10.9695 5.14863);--info:lab(53.4303% -13.3412 -40.5402);--info-bg:lab(94.8228% -5.47662 -11.4186)}}:root,[data-theme=light]{--bg:#f8fafc;--bg-grad-1:#f2f7ff;--surface:#fff;--surface-2:#f5f7fb;--surface-3:#f0f3f7;--surface-inset:#f2f5f9;--border:#e1e3e7;--border-strong:#cfd3d9;--text:#1d232e;--text-2:#525864;--text-muted:#7c828c;--accent:var(--brand-600);--accent-hover:var(--brand-700);--accent-active:var(--brand-800);--accent-subtle:var(--brand-50);--accent-subtle-2:var(--brand-100);--accent-border:var(--brand-200);--on-accent:#fafcff;--accent-ring:#3a80ea59;--overlay:#1c222b6b;--shadow-sm:0 1px 2px #3f48580d, 0 1px 3px #3f485812;--shadow-md:0 4px 12px -2px #3f485817, 0 2px 6px -2px #3f48580f;--shadow-lg:0 14px 34px -10px #3f485829, 0 6px 14px -6px #3f485814;--shadow-xl:0 28px 64px -16px #2f3b5038, 0 10px 24px -10px #3f48581a;--shadow-accent:0 8px 22px -6px #216ad86b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (color:lab(0% 0 0)){:root,[data-theme=light]{--bg:lab(98.1335% -.261635 -1.48882);--bg-grad-1:lab(97.0556% -.475347 -4.50197);--surface:lab(100% 0 0);--surface-2:lab(97.2027% -.325352 -1.86011);--surface-3:lab(95.5732% -.451088 -2.60153);--surface-inset:lab(96.272% -.388563 -2.23101);--border:lab(90.2399% -.387937 -2.23066);--border-strong:lab(84.3153% -.571549 -3.34005);--text:lab(13.4699% -.363559 -8.03331);--text-2:lab(37.2846% -.835329 -7.36936);--text-muted:lab(54.1244% -.75227 -5.93517);--on-accent:lab(98.8221% -.208884 -1.88206);--accent-ring:lab(53.2992% 6.52865 -61.4902/.35);--overlay:lab(12.9022% -.370957 -7.31683/.42);--shadow-sm:0 1px 2px lab(30.256% -.604555 -10.9923/.05), 0 1px 3px lab(30.256% -.604555 -10.9923/.07);--shadow-md:0 4px 12px -2px lab(30.256% -.604555 -10.9923/.09), 0 2px 6px -2px lab(30.256% -.604555 -10.9923/.06);--shadow-lg:0 14px 34px -10px lab(30.256% -.604555 -10.9923/.16), 0 6px 14px -6px lab(30.256% -.604555 -10.9923/.08);--shadow-xl:0 28px 64px -16px lab(24.3791% -.294402 -14.4942/.22), 0 10px 24px -10px lab(30.256% -.604555 -10.9923/.1);--shadow-accent:0 8px 22px -6px lab(45.5052% 10.0429 -63.7206/.42)}}[data-theme=dark]{--bg:#12151a;--bg-grad-1:#171c24;--surface:#191d23;--surface-2:#20242b;--surface-3:#272b34;--surface-inset:#15181e;--border:#2e333b;--border-strong:#3e444e;--text:#f1f4f7;--text-2:#b0b5bc;--text-muted:#81868f;--accent:var(--brand-400);--accent-hover:var(--brand-300);--accent-active:var(--brand-200);--accent-subtle:#1b2e4c;--accent-subtle-2:#1f3862;--accent-border:#294778;--on-accent:#090d16;--accent-ring:#669ffc73;--success-bg:#113623;--warning-bg:#45310b;--error-bg:#512222;--info-bg:#163347;--overlay:#03060d9e;--shadow-sm:0 1px 2px #0000004d, 0 1px 3px #00000057;--shadow-md:0 4px 14px -2px #0006, 0 2px 6px -2px #0000004d;--shadow-lg:0 16px 38px -10px #0000008c, 0 6px 16px -6px #0006;--shadow-xl:0 30px 70px -16px #0000009e, 0 12px 28px -10px #00000073;--shadow-accent:0 8px 24px -6px #669ffc66;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){[data-theme=dark]{--bg:lab(6.44625% -.251032 -4.22037);--bg-grad-1:lab(10.0035% -.124656 -6.61188);--surface:lab(10.3842% -.34266 -5.15259);--surface-2:lab(13.8605% -.382558 -5.52682);--surface-3:lab(17.5689% -.422999 -5.90136);--surface-inset:lab(8.30065% -.316121 -4.78374);--border:lab(20.8182% -.447363 -5.91158);--border-strong:lab(28.5826% -.523254 -6.65916);--text:lab(95.9267% -.325292 -1.86006);--text-2:lab(73.2861% -.743479 -4.44316);--text-muted:lab(55.8722% -.674695 -5.20167);--accent-subtle:lab(18.3982% .632539 -21.2539);--accent-subtle-2:lab(23.4317% 1.75668 -28.2101);--accent-border:lab(29.7511% 1.75281 -31.7651);--on-accent:lab(3.63184% -.0448227 -5.31333);--accent-ring:lab(64.7364% 2.26313 -53.0325/.45);--success-bg:lab(19.5247% -17.9461 7.90445);--warning-bg:lab(22.2973% 6.18184 26.7927);--error-bg:lab(20.4086% 22.2176 11.0419);--info-bg:lab(19.9356% -6.02402 -15.7494);--overlay:lab(1.51734% .0684783 -3.14909/.62);--shadow-sm:0 1px 2px lab(0% 0 0/.3), 0 1px 3px lab(0% 0 0/.34);--shadow-md:0 4px 14px -2px lab(0% 0 0/.4), 0 2px 6px -2px lab(0% 0 0/.3);--shadow-lg:0 16px 38px -10px lab(0% 0 0/.55), 0 6px 16px -6px lab(0% 0 0/.4);--shadow-xl:0 30px 70px -16px lab(0% 0 0/.62), 0 12px 28px -10px lab(0% 0 0/.45);--shadow-accent:0 8px 24px -6px lab(64.7364% 2.26313 -53.0325/.4)}}
*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"cv01", "ss01";line-height:1.55}#root{min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}svg{display:block}::selection{background:var(--accent-subtle-2);color:var(--text)}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:padding-box}::-webkit-scrollbar-track{background:0 0}.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.app{grid-template-columns:276px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:40;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sb-brand{align-items:center;gap:var(--s-3);padding:var(--s-5) var(--s-5) var(--s-4);display:flex}.sb-logo{width:38px;height:38px;color:var(--on-accent);background:linear-gradient(150deg, var(--brand-500), var(--brand-700));box-shadow:var(--shadow-accent);border-radius:11px;flex:none;place-items:center;display:grid}.sb-wordmark{letter-spacing:-.02em;font-size:1.18rem;font-weight:600}.sb-wordmark b{color:var(--accent);font-weight:600}.sb-tag{color:var(--text-muted);letter-spacing:.01em;margin-top:-2px;font-size:11px}.sb-scroll{padding:0 var(--s-3) var(--s-3);flex:1;overflow-y:auto}.search{margin:0 var(--s-2) var(--s-4);position:relative}.search input{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--r-sm);width:100%;font-size:var(--text-sm);color:var(--text);transition:border-color var(--dur), box-shadow var(--dur), background var(--dur);padding:9px 12px 9px 36px}.search input::placeholder{color:var(--text-muted)}.search input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3.5px var(--accent-ring);outline:none}.search .ic{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search kbd{font-family:var(--font-mono);color:var(--text-muted);background:var(--surface-3);border:1px solid var(--border);border-radius:5px;padding:2px 5px;font-size:10px;line-height:1;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.nav-group{margin-bottom:var(--s-4)}.nav-cat{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);padding:var(--s-2) var(--s-3) var(--s-2);font-size:10.5px;font-weight:600}.nav-item{width:100%;padding:8.5px var(--s-3);border-radius:var(--r-sm);font-size:var(--text-sm);color:var(--text-2);text-align:left;transition:background var(--dur-fast), color var(--dur-fast);align-items:center;gap:11px;font-weight:450;display:flex;position:relative}.nav-item .ic{color:var(--text-muted);transition:color var(--dur-fast);flex:none}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item:hover .ic{color:var(--text-2)}.nav-item.active{background:var(--accent-subtle);color:var(--accent);font-weight:500}.nav-item.active .ic{color:var(--accent)}.nav-item.active:before{content:"";background:var(--accent);border-radius:99px;width:3px;height:18px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.nav-empty{padding:var(--s-3);font-size:var(--text-sm);color:var(--text-muted);text-align:center}.sb-foot{padding:var(--s-3);border-top:1px solid var(--border)}.privacy{border-radius:var(--r-md);background:var(--success-bg);color:var(--success);align-items:center;gap:10px;padding:10px 12px;display:flex}.privacy .ic{flex:none}.privacy-txt b{font-size:var(--text-sm);color:var(--text);font-weight:600;line-height:1.2;display:block}.privacy-txt span{color:var(--text-2);white-space:nowrap;font-size:11.5px}[data-theme=dark] .privacy-txt b{color:var(--text)}.theme-row{margin-top:var(--s-3);justify-content:space-between;align-items:center;padding:2px 4px;display:flex}.theme-row>span{font-size:var(--text-sm);color:var(--text-2);white-space:nowrap;align-items:center;gap:9px;display:flex}.toggle{--w:46px;--h:26px;width:var(--w);height:var(--h);background:var(--surface-3);border:1px solid var(--border);transition:background var(--dur);border-radius:99px;position:relative}.toggle .knob{background:var(--surface);width:20px;height:20px;box-shadow:var(--shadow-sm);color:var(--accent);transition:transform var(--dur) var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;left:2px}[data-theme=dark] .toggle .knob{transform:translate(20px)}.main{flex-direction:column;min-width:0;display:flex}.main-scroll{flex:1}.tool-header{z-index:20;align-items:center;gap:var(--s-4);padding:var(--s-5) var(--s-8);background:oklch(from var(--bg) l c h / .82);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.th-icon{border-radius:var(--r-md);background:var(--accent-subtle);width:46px;height:46px;color:var(--accent);flex:none;place-items:center;display:grid}.th-text{flex:1;min-width:0}.th-text h1{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:600;line-height:1.2}.th-text p{font-size:var(--text-sm);color:var(--text-2);margin-top:1px}.live-pill{font-size:var(--text-xs);color:var(--success);background:var(--success-bg);border-radius:99px;align-items:center;gap:6px;padding:5px 11px;font-weight:500;display:inline-flex}.live-dot{background:var(--success);border-radius:50%;width:7px;height:7px;position:relative}.live-dot:after{content:"";background:var(--success);opacity:.4;animation:ping 1.8s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-3px}@keyframes ping{0%{opacity:.5;transform:scale(.8)}80%,to{opacity:0;transform:scale(2.4)}}.tool-body{padding:var(--s-8);max-width:1080px}.tool-body.wide{max-width:1320px}.mobile-bar,.scrim{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}
.btn{font-size:var(--text-sm);border-radius:var(--r-sm);transition:background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast), box-shadow var(--dur-fast), transform var(--dur-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:500;line-height:1;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn .ic{flex:none}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-active)}.btn-lg{font-size:var(--text-base);border-radius:var(--r-md);padding:14px 24px}.btn-block{width:100%}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-muted)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--error-bg);color:var(--error)}.btn-danger:hover:not(:disabled){background:var(--error);color:#fff}.btn-spinner{border:2px solid color-mix(in oklch, currentColor 30%, transparent);border-top-color:currentColor;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{border-radius:var(--r-sm);width:34px;height:34px;color:var(--text-2);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;flex:none;place-items:center;display:grid}.icon-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn.danger:hover{background:var(--error-bg);color:var(--error)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--shadow-sm)}.panel-title{font-size:var(--text-sm);letter-spacing:-.01em;margin-bottom:var(--s-4);font-weight:600}.panel-title.with-sub{margin-bottom:2px}.panel-sub{font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--s-4)}.split-layout{gap:var(--s-6);grid-template-columns:1fr 332px;align-items:start;display:grid}.dropzone{justify-content:center;align-items:center;gap:var(--s-4);padding:var(--s-12) var(--s-8);border-radius:var(--r-xl);border:2px dashed var(--border-strong);background:radial-gradient(120% 100% at 50% 0%, var(--surface-2), var(--surface));text-align:center;transition:border-color var(--dur), background var(--dur), transform var(--dur), box-shadow var(--dur);cursor:pointer;flex-direction:column;display:flex;position:relative}.dropzone:hover{border-color:var(--accent);background:var(--surface)}.dropzone.over{border-color:var(--accent);background:var(--accent-subtle);box-shadow:0 0 0 5px var(--accent-ring), var(--shadow-lg);border-style:solid;transform:scale(1.006)}.dz-glyph{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);width:76px;height:76px;color:var(--accent);box-shadow:var(--shadow-md);transition:transform var(--dur) var(--ease), color var(--dur);place-items:center;display:grid}.dropzone.over .dz-glyph{transform:translateY(-4px)scale(1.05)}.dz-title{font-size:var(--text-md);letter-spacing:-.01em;font-weight:600}.dz-title .em{color:var(--accent)}.dz-sub{font-size:var(--text-sm);color:var(--text-2);max-width:30ch}.dz-hint{font-size:var(--text-xs);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:99px;align-items:center;gap:7px;padding:6px 12px;display:inline-flex}.dz-hint .ic{color:var(--success)}.dropzone.sm{padding:var(--s-8) var(--s-6)}.dropzone.sm .dz-glyph{width:56px;height:56px}.file-list{flex-direction:column;gap:10px;display:flex}.file-row{align-items:center;gap:var(--s-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast), box-shadow var(--dur-fast), transform var(--dur-fast);padding:12px 14px;display:flex}.file-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.file-row.dragging{opacity:.6;border-style:dashed;border-color:var(--accent)}.drag-handle{color:var(--text-muted);cursor:grab;place-items:center;display:grid}.drag-handle:active{cursor:grabbing}.file-thumb{background:var(--surface-2);border:1px solid var(--border);width:40px;height:50px;color:var(--error);border-radius:6px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.file-thumb:after{content:"";border-style:solid;border-width:0 11px 11px 0;border-color:var(--border) var(--surface);position:absolute;top:0;right:0}.file-meta{flex:1;min-width:0}.file-name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.file-info{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.file-info .mono{color:var(--text-2)}.file-idx{background:var(--surface-3);width:24px;height:24px;color:var(--text-2);font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:7px;flex:none;place-items:center;display:grid}.row-actions{align-items:center;gap:2px;display:flex}.reorder-btns{flex-direction:column;display:flex}.reorder-btns .icon-btn{width:24px;height:20px}.page-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(146px,1fr));display:grid}.page-card{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast), box-shadow var(--dur-fast), transform var(--dur-fast);position:relative;overflow:hidden}.page-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.page-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), var(--shadow-md)}.page-card.deleted{opacity:.45;filter:grayscale(.6)}.pc-sheet{aspect-ratio:1/1.32;background:linear-gradient(170deg, var(--surface), var(--surface-2));transition:transform var(--dur) var(--ease);place-items:center;display:grid;position:relative}.pc-lines{width:62%}.pc-lines i{background:var(--border-strong);opacity:.7;border-radius:2px;height:5px;margin-bottom:7px;display:block}.pc-lines i:nth-child(3){width:70%}.pc-lines i:last-child{width:45%;margin-bottom:0}.pc-bar{border-top:1px solid var(--border);color:var(--text-2);font-size:11px;font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:7px 10px;display:flex}.pc-overlay{background:oklch(from var(--surface) calc(l - .02) c h / .55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity var(--dur-fast);justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0 0 32px}.page-card:hover .pc-overlay{opacity:1}.pc-overlay .icon-btn{background:var(--surface);box-shadow:var(--shadow-md)}.pc-overlay .icon-btn:hover{background:var(--accent);color:var(--on-accent)}.pc-overlay .icon-btn.danger:hover{background:var(--error);color:#fff}.pc-badge{font-size:10.5px;font-weight:600;font-family:var(--font-mono);background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm);border-radius:99px;align-items:center;gap:4px;padding:3px 7px;display:inline-flex;position:absolute;top:8px;right:8px}.pc-flag{text-transform:uppercase;letter-spacing:.04em;background:var(--error-bg);color:var(--error);border-radius:6px;padding:3px 7px;font-size:10px;font-weight:600;position:absolute;top:8px;left:8px}.result-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(168px,1fr));display:grid}.result-card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.result-card .pc-sheet{aspect-ratio:1/1.3}.result-foot{border-top:1px solid var(--border);align-items:center;gap:8px;padding:9px 10px;display:flex}.result-foot .file-name{font-size:var(--text-xs);flex:1}.result-foot .icon-btn{width:30px;height:30px;color:var(--accent)}.result-foot .icon-btn:hover{background:var(--accent-subtle)}
.field{margin-bottom:var(--s-5);flex-direction:column;gap:7px;display:flex}.field:last-child{margin-bottom:0}.field>label{font-size:var(--text-sm);color:var(--text);font-weight:500}.field .hint{font-size:var(--text-xs);color:var(--text-muted)}.field-row{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.input,.select,.textarea{border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--r-sm);width:100%;font-size:var(--text-sm);color:var(--text);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);padding:10px 13px}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-ring);outline:none}.input.mono{font-family:var(--font-mono)}.textarea{resize:vertical;min-height:70px;line-height:1.5}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:36px}.input-affix{position:relative}.input-affix .suffix{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);pointer-events:none;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.input-affix .input{padding-right:34px}.segmented{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r-sm);gap:3px;padding:3px;display:inline-flex}.segmented.block{width:100%;display:flex}.seg{font-size:var(--text-sm);color:var(--text-2);white-space:nowrap;transition:color var(--dur-fast);border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-weight:500;display:flex}.seg:hover{color:var(--text)}.seg.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm);border:1px solid var(--border);margin:-1px}.check{cursor:pointer;align-items:flex-start;gap:11px;display:flex}.check input{opacity:0;width:0;height:0;position:absolute}.check .box{border:1.5px solid var(--border-strong);background:var(--surface);color:#0000;width:20px;height:20px;transition:background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);border-radius:6px;flex:none;place-items:center;margin-top:1px;display:grid}.check input:checked+.box{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.check input:focus-visible+.box{box-shadow:0 0 0 3.5px var(--accent-ring)}.check .ctext{font-size:var(--text-sm)}.check .ctext small{color:var(--text-muted);font-size:var(--text-xs);display:block}.range{appearance:none;background:var(--surface-3);border-radius:99px;outline:none;width:100%;height:6px}.range::-webkit-slider-thumb{appearance:none;background:var(--accent);border:3px solid var(--surface);width:20px;height:20px;box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--dur-fast);border-radius:50%}.range::-webkit-slider-thumb:hover{transform:scale(1.12)}.range-row{align-items:center;gap:var(--s-3);display:flex}.range-val{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-2);text-align:right;min-width:44px}.color-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid var(--surface);width:30px;height:30px;box-shadow:0 0 0 1px var(--border);transition:transform var(--dur-fast);border-radius:8px}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{box-shadow:0 0 0 2px var(--accent)}.chip{font-size:var(--text-sm);background:var(--surface);border:1px solid var(--border);color:var(--text-2);box-shadow:var(--shadow-sm);border-radius:99px;align-items:center;gap:7px;padding:7px 13px;font-weight:500;display:inline-flex}.chip .ic{color:var(--accent)}.chip.solid{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--accent)}.badge{border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge.brand{background:var(--accent-subtle);color:var(--accent)}.badge.success{background:var(--success-bg);color:var(--success)}.badge.warn{background:var(--warning-bg);color:var(--warning)}.banner{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);align-items:flex-start;gap:13px;padding:15px 18px;display:flex}.banner .ic{flex:none;margin-top:1px}.banner-body{flex:1}.banner-body h4{font-size:var(--text-sm);font-weight:600}.banner-body p{font-size:var(--text-sm);color:var(--text-2);margin-top:2px}.banner.success{background:var(--success-bg);border-color:#0000}.banner.success .ic,.banner.success h4{color:var(--success)}.banner.error{background:var(--error-bg);border-color:#0000}.banner.error .ic,.banner.error h4{color:var(--error)}.banner.info{background:var(--info-bg);border-color:#0000}.banner.info .ic,.banner.info h4{color:var(--info)}.banner.warn{background:var(--warning-bg);border-color:#0000}.banner.warn .ic,.banner.warn h4{color:var(--warning)}.size-result{align-items:center;gap:var(--s-5);padding:var(--s-5) var(--s-6);border-radius:var(--r-lg);background:var(--success-bg);border:1px solid #0000;display:flex}.size-stat{text-align:center}.size-stat .lbl{text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);font-size:11px}.size-stat .val{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:700;font-family:var(--font-mono)}.size-stat.after .val,.size-arrow{color:var(--success)}.size-pct{font-size:var(--text-2xl);color:var(--success);letter-spacing:-.03em;margin-left:auto;font-weight:700}.progress{background:var(--surface-3);border-radius:99px;width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--brand-500), var(--brand-600));height:100%;transition:width var(--dur) linear;border-radius:99px}.progress-label{font-size:var(--text-sm);justify-content:space-between;margin-bottom:8px;display:flex}.progress-label .mono{color:var(--text-2)}.toast-wrap{bottom:var(--s-6);right:var(--s-6);z-index:100;flex-direction:column;gap:10px;display:flex;position:fixed}.toast{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xl);min-width:280px;animation:toastIn var(--dur-slow) var(--ease-out);align-items:center;gap:12px;padding:13px 17px 13px 14px;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.96)}}.toast .t-ic{border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.toast.success .t-ic{background:var(--success-bg);color:var(--success)}.toast.error .t-ic{background:var(--error-bg);color:var(--error)}.toast-body h5{font-size:var(--text-sm);font-weight:600}.toast-body p{font-size:var(--text-xs);color:var(--text-2)}.modal-scrim{z-index:90;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--s-4);animation:fade var(--dur) ease;place-items:center;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);width:100%;max-width:540px;animation:modalIn var(--dur-slow) var(--ease-out);overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.97)}}.modal-head{padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-head h3{font-size:var(--text-md);letter-spacing:-.01em;font-weight:600}.modal-body{padding:var(--s-6)}.modal-foot{padding:var(--s-4) var(--s-6) var(--s-6);justify-content:flex-end;gap:10px;display:flex}.tip{display:inline-flex;position:relative}.tip-pop{background:var(--text);color:var(--bg);font-size:var(--text-xs);white-space:nowrap;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity var(--dur-fast);z-index:60;border-radius:7px;padding:6px 10px;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tip:hover .tip-pop{opacity:1}
.home{padding:var(--s-10) var(--s-8) var(--s-12);max-width:1200px;margin:0 auto}.hero{gap:var(--s-10);padding:var(--s-8) var(--s-10);border-radius:var(--r-2xl);background:radial-gradient(120% 130% at 100% 0%, var(--accent-subtle), transparent 55%), linear-gradient(160deg, var(--surface), var(--bg-grad-1));border:1px solid var(--border);box-shadow:var(--shadow-md);margin-bottom:var(--s-12);grid-template-columns:1.15fr .85fr;align-items:center;display:grid;position:relative;overflow:hidden}.hero-greet{font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--s-4);align-items:center;gap:8px;font-weight:500;display:inline-flex}.hero h1{font-size:var(--text-3xl);letter-spacing:-.035em;text-wrap:balance;font-weight:700;line-height:1.04}.hero h1 .accent{color:var(--accent)}.hero-lead{font-size:var(--text-md);color:var(--text-2);margin-top:var(--s-4);text-wrap:pretty;max-width:46ch}.hero-cta{gap:var(--s-3);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.trust-row{margin-top:var(--s-6);flex-wrap:wrap;gap:10px;display:flex}.hero-mascot{place-items:center;min-height:280px;display:grid;position:relative}.mascot-disc{background:radial-gradient(circle at 50% 35%, var(--accent-subtle), var(--surface));border:1px solid var(--border);width:300px;height:300px;box-shadow:var(--shadow-lg), inset 0 -30px 60px -30px var(--accent-ring);border-radius:50%;place-items:end center;display:grid;position:relative}.mascot-disc img{filter:drop-shadow(0 16px 22px #232e4247);filter:drop-shadow(0 16px 22px lab(18.5646% -.0402331 -14.4278/.28));width:92%}.mascot-bubble{z-index:2;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-size:var(--text-sm);white-space:nowrap;border-radius:16px 16px 4px;align-items:center;gap:7px;padding:10px 14px;font-weight:500;display:flex;position:absolute;top:0;right:-18px}.mascot-bubble .ic{color:var(--success);vertical-align:-2px}.sec-head{margin:var(--s-10) 0 var(--s-5);justify-content:space-between;align-items:baseline;display:flex}.sec-head h2{font-size:var(--text-xl);letter-spacing:-.025em;font-weight:600}.sec-head .count{font-size:var(--text-sm);color:var(--text-muted)}.cat-block{margin-bottom:var(--s-8)}.cat-label{font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--s-4);align-items:center;gap:9px;font-weight:600;display:flex}.cat-label .dot{background:var(--accent);border-radius:2px;width:7px;height:7px}.tool-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(232px,1fr));display:grid}.tool-tile{gap:var(--s-3);padding:var(--s-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);text-align:left;transition:border-color var(--dur), box-shadow var(--dur), transform var(--dur);flex-direction:column;display:flex;position:relative}.tool-tile:hover{border-color:var(--accent-border);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.tool-tile:hover .tt-icon{background:var(--accent);color:var(--on-accent);transform:scale(1.04)}.tool-tile:hover .tt-go{opacity:1;transform:translate(0)}.tt-icon{border-radius:var(--r-md);background:var(--accent-subtle);width:46px;height:46px;color:var(--accent);transition:background var(--dur), color var(--dur), transform var(--dur);place-items:center;display:grid}.tt-name{font-size:var(--text-base);letter-spacing:-.01em;font-weight:600}.tt-desc{font-size:var(--text-sm);color:var(--text-2);text-wrap:pretty;line-height:1.45}.tt-go{top:var(--s-5);right:var(--s-5);color:var(--accent);opacity:0;transition:opacity var(--dur), transform var(--dur);position:absolute;transform:translate(-4px)}.editor-shell{gap:var(--s-5);grid-template-columns:1fr;display:grid}.editor-toolbar{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.editor-toolbar .sep{background:var(--border);width:1px;height:24px;margin:0 2px}.tool-pill{border-radius:var(--r-sm);font-size:var(--text-sm);color:var(--text-2);border:1px solid var(--border);background:var(--surface-2);transition:all var(--dur-fast);align-items:center;gap:8px;padding:9px 14px;font-weight:500;display:inline-flex}.tool-pill:hover{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent-border)}.pager{font-size:var(--text-sm);color:var(--text-2);align-items:center;gap:6px;margin-left:auto;display:flex}.pager .mono{color:var(--text)}.canvas-stage{padding:var(--s-8);background:repeating-conic-gradient(var(--surface-inset) 0% 25%, transparent 0% 50%) 0 0 / 22px 22px, var(--surface-2);border-radius:var(--r-lg);border:1px solid var(--border);place-items:center;min-height:520px;display:grid}.page-canvas{aspect-ratio:1/1.32;width:460px;box-shadow:var(--shadow-xl);background:#fff;border-radius:4px;position:relative}[data-theme=dark] .page-canvas{background:#e6e8eb;background:lab(91.8667% -.324994 -1.85989)}.page-canvas .doc-lines{position:absolute;inset:46px 44px}.page-canvas .doc-lines i{background:#dcdee1;background:lab(88.3867% -.324726 -1.85972);border-radius:3px;height:8px;margin-bottom:15px;display:block}.page-canvas .doc-lines i:nth-child(2n){width:88%}.page-canvas .doc-lines i.short{width:40%}.annot{cursor:move;color:#1a1a2e;background:0 0;border:1.5px solid #0000;border-radius:4px;padding:3px 6px;font-size:15px;position:absolute}.annot.text{font-weight:500}.annot.date{font-family:var(--font-mono)}.annot.sig{color:var(--brand-700)}.annot.selected{border-color:var(--accent);background:var(--accent-ring);border-style:dashed}.annot.selected .handle{display:block}.handle{background:var(--surface);border:2px solid var(--accent);border-radius:50%;width:11px;height:11px;display:none;position:absolute}.handle.tl{cursor:nwse-resize;top:-6px;left:-6px}.handle.tr{cursor:nesw-resize;top:-6px;right:-6px}.handle.bl{cursor:nesw-resize;bottom:-6px;left:-6px}.handle.br{cursor:nwse-resize;bottom:-6px;right:-6px}.sig-script{font-family:Brush Script MT,Segoe Script,cursive;font-size:30px}.sig-pad{border:1.5px dashed var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);touch-action:none;height:200px;position:relative;overflow:hidden}.sig-pad canvas{cursor:crosshair;width:100%;height:100%;display:block}.sig-pad .baseline{border-bottom:1.5px solid var(--border-strong);position:absolute;bottom:56px;left:24px;right:24px}.sig-pad .baseline:after{content:"✕";color:var(--text-muted);font-size:13px;position:absolute;bottom:4px;left:0}.sig-hint{color:var(--text-muted);font-size:var(--text-sm);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.crop-preview{aspect-ratio:1/1.3;background:linear-gradient(170deg, var(--surface), var(--surface-2));border:1px solid var(--border);width:280px;box-shadow:var(--shadow-md);border-radius:6px;margin:0 auto;position:relative;overflow:hidden}.crop-dim{background:var(--overlay);position:absolute;inset:0}.crop-box{border:2px solid var(--accent);box-shadow:0 0 0 1px var(--surface);background:0 0;position:absolute}.crop-box:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 9999px #0000}.empty-state{align-items:center;gap:var(--s-4);padding:var(--s-10) 0;text-align:center;flex-direction:column;display:flex}.mascot-frame{background:radial-gradient(circle at 50% 38%, var(--accent-subtle), var(--surface-2));border:1px solid var(--border);width:96px;height:96px;box-shadow:var(--shadow-md);border-radius:50%;place-items:end center;display:grid;overflow:hidden}.mascot-frame.success{background:radial-gradient(circle at 50% 38%, var(--success-bg), var(--surface-2))}.mascot-frame.oops{background:radial-gradient(circle at 50% 38%, var(--error-bg), var(--surface-2))}.mascot-frame img{width:118%;transform:translateY(4px)}.empty-state h3{font-size:var(--text-md);font-weight:600}.empty-state p{font-size:var(--text-sm);color:var(--text-2);max-width:38ch}.notfound{justify-content:center;align-items:center;gap:var(--s-5);text-align:center;min-height:70vh;padding:var(--s-8);flex-direction:column;display:flex}.notfound .code{font-family:var(--font-mono);font-size:var(--text-3xl);letter-spacing:-.03em;color:var(--accent);font-weight:700}.notfound .mascot-frame{width:130px;height:130px}.expr-strip{gap:var(--s-4);grid-template-columns:repeat(4,1fr);display:grid}.expr-card{padding:var(--s-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:10px;display:flex}.expr-card .mascot-frame{width:88px;height:88px}.expr-card .lbl{font-size:var(--text-sm);font-weight:500}.expr-card .sub{font-size:var(--text-xs);color:var(--text-muted);text-align:center}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.spread{justify-content:space-between}.muted{color:var(--text-muted)}.run-bar{align-items:center;gap:var(--s-3);margin-top:var(--s-6);display:flex}.run-bar .note{font-size:var(--text-xs);color:var(--text-muted)}@media (max-width:920px){.app{grid-template-columns:1fr}.sidebar{width:284px;transition:transform var(--dur) var(--ease);box-shadow:var(--shadow-xl);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.scrim{z-index:39;background:var(--overlay);opacity:0;pointer-events:none;transition:opacity var(--dur);display:block;position:fixed;inset:0}.scrim.show{opacity:1;pointer-events:auto}.mobile-bar{align-items:center;gap:var(--s-3);z-index:30;background:oklch(from var(--bg) l c h / .9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:12px 16px;display:flex;position:sticky;top:0}.mobile-bar .sb-wordmark{font-size:1.05rem}.hero{padding:var(--s-6);grid-template-columns:1fr}.hero-mascot{order:-1;min-height:220px}.mascot-disc{width:220px;height:220px}.hero h1{font-size:var(--text-2xl)}.split-layout{grid-template-columns:1fr}.tool-header,.tool-body,.home{padding:var(--s-5)}.expr-strip{grid-template-columns:repeat(2,1fr)}.live-pill{display:none}}@media (max-width:560px){.tool-grid{grid-template-columns:1fr}.page-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.page-canvas{width:100%;max-width:340px}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.toast-wrap{left:var(--s-4);right:var(--s-4);bottom:var(--s-4)}.toast{min-width:0}}