@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Space+Grotesk:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:Space Grotesk,system-ui,sans-serif}:root,:root[data-theme=light]{--paper: #f4f0e8;--paper2: #fffefb;--ink: #1e1b2e;--soft: #6b6480;--line: #e2dccf;--accent: #6d28d9;--accentink: #fbf7ff;--hl: #e6dcff}:root[data-theme=dark]{--paper: #15121c;--paper2: #1f1a2b;--ink: #efe9f7;--soft: #9a90b3;--line: #2e2740;--accent: #a78bfa;--accentink: #15121c;--hl: #3a2f5c}.root{min-height:100dvh;margin:0;color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif;background-color:var(--paper);background-image:radial-gradient(circle at 90% -5%,rgba(109,40,217,.08),transparent 38%),repeating-linear-gradient(0deg,rgba(30,27,46,.02) 0 1px,transparent 1px 28px);display:flex;flex-direction:column;transition:background-color .25s,color .25s}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:10px 12px 9px}.bar-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.brand{display:flex;align-items:center;gap:8px}.brand-logo{width:28px;height:28px;object-fit:cover;object-position:center 38%;border-radius:7px}.title{font-family:Fraunces,serif;font-weight:600;font-size:21px;letter-spacing:-.3px}.bar-actions{display:flex;align-items:center;gap:8px}.lang{border:1px solid var(--line);background:var(--paper2);color:var(--ink);cursor:pointer;font-family:Space Grotesk;font-weight:600;font-size:12px;letter-spacing:.4px;padding:0;height:40px;width:44px;border-radius:999px;transition:background .15s,border-color .15s,transform .08s}.lang:active{transform:scale(.96)}.lang:hover{border-color:var(--accent);color:var(--accent)}.lang:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.copy{border:none;cursor:pointer;font-family:Space Grotesk;font-weight:600;font-size:14px;color:var(--paper2);background:var(--ink);padding:10px 18px;border-radius:999px;min-height:40px;transition:background .15s,transform .08s}.copy:active{transform:scale(.96)}.copy.done{background:var(--accent)}.tools{transition:opacity .15s}.tools.idle{opacity:.7}.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}.rowbreak{flex-basis:100%;height:2px}.chip{cursor:pointer;white-space:nowrap;font-family:Space Grotesk;font-size:13px;line-height:1;padding:9px 11px;min-height:40px;border-radius:10px;border:1px solid var(--line);background:var(--paper2);color:var(--ink);display:inline-flex;align-items:center;transition:background .12s,border-color .12s,transform .06s,color .12s;touch-action:manipulation;-webkit-user-select:none;user-select:none}.chip:active{transform:scale(.94)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip[data-on="1"]{background:var(--accent);border-color:var(--accent);color:var(--accentink);box-shadow:0 5px 14px -8px var(--accent)}.chip.deco{font-size:12.5px}.chip.plain{color:var(--soft)}.status{margin-top:8px;font-size:11.5px;color:var(--soft);font-family:DM Mono,monospace}.status em{color:var(--accent);font-style:normal}.workspace{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:14px;display:flex;flex-direction:column;gap:14px}.panel-fonts{background:var(--paper2);border:1px solid var(--line);border-radius:16px;padding:12px}.panel-editor{flex:1;min-width:0}.editor-wrap{position:relative}.editor{width:100%;min-height:36vh;background:var(--paper2);border:1px solid var(--line);border-radius:16px;padding:18px;outline:none;font-size:18px;line-height:1.65;color:var(--ink);white-space:pre-wrap;word-break:break-word;overscroll-behavior:contain;box-shadow:0 10px 30px -22px #211b1499,0 1px #fff8 inset}.editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6d28d926}.editor::selection,.editor *::selection{background:var(--hl)}.placeholder{position:absolute;top:18px;left:18px;right:18px;color:var(--soft);font-style:italic;pointer-events:none;font-size:18px}.footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-family:DM Mono,monospace;font-size:11.5px;color:var(--soft)}.wipe{border:none;background:none;cursor:pointer;color:var(--soft);text-decoration:underline;font-family:DM Mono,monospace;font-size:11.5px}.wipe:active{color:var(--accent)}.note{margin-top:18px;font-size:11.5px;line-height:1.55;color:var(--soft)}.lstack{display:inline-grid;grid-template-areas:"stack";vertical-align:top}.lstack--block{display:grid}.lstack-slot{grid-area:stack;min-width:0}.lstack-slot[data-active="0"]{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);background:var(--paper2);color:var(--ink);border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,transform .08s,color .15s}.theme-toggle:active{transform:scale(.94)}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.panel-fonts .chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.panel-fonts .chip{width:100%;min-width:0;min-height:44px;justify-content:center;font-size:13px;padding:8px 6px;overflow:hidden}.panel-fonts .chip>span{overflow:hidden;text-overflow:ellipsis}.panel-fonts .rowbreak{grid-column:1 / -1;height:0}.panel-fonts .status{margin-top:10px}@media (min-width: 700px){.workspace{flex-direction:row;align-items:flex-start;gap:18px}.panel-fonts{position:sticky;top:84px;width:260px;flex:0 0 260px}.panel-fonts .chips{grid-template-columns:repeat(2,1fr)}.title{font-size:24px}}@media (display-mode: standalone){.topbar{padding-top:calc(10px + env(safe-area-inset-top))}.root{background-attachment:fixed}}