:root{--bg:#f5f6f2;--panel:#fff;--panel-muted:#eef1ea;--text:#1d2321;--text-muted:#5b6662;--border:#d0d8d2;--accent:#0f766e;--accent-strong:#115e59;--success:#0f766e;--danger:#b42318;--danger-bg:#fef3f2;--header-start:#fff;--header-end:#f3f8f5;--glow-left:#d4efe8;--glow-right:#e5efe4;--card-bg:#fff;--input-bg:#fff;--preview-bg:#fcfdfa;--focus-ring:#9dd8d2;--focus-border:#6fb8b0;--shadow:0 16px 32px #171f1c14;--radius-lg:18px;--radius-md:12px;--radius-sm:8px}:root[data-theme=dark]{--bg:#0a0d12;--panel:#121722;--panel-muted:#171f2b;--text:#e6ebf5;--text-muted:#a3afc4;--border:#2a3446;--accent:#1f8a70;--accent-strong:#176a57;--success:#3fb18f;--danger:#ff6f66;--danger-bg:#3a1f1d;--header-start:#151b27;--header-end:#1b2331;--glow-left:#1a2230;--glow-right:#202939;--card-bg:#161d2a;--input-bg:#101724;--preview-bg:#0e1521;--focus-ring:#2f7f6b;--focus-border:#2e8e75;--shadow:0 18px 34px #00000059}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(1200px 450px at 10% -10%, var(--glow-left) 0%, transparent 60%), radial-gradient(900px 420px at 100% 0%, var(--glow-right) 0%, transparent 55%), var(--bg);font-family:Manrope,Avenir Next,Segoe UI,sans-serif}h1,h2,p,pre{margin:0}button,input,textarea{font:inherit;color:inherit}.app-shell{max-width:1240px;margin:0 auto;padding:24px}.app-header{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(110deg, var(--header-start) 0%, var(--header-end) 100%);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.app-header h1{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.2}.app-header p{color:var(--text-muted);margin-top:8px}.theme-toggle{color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.9rem;display:inline-flex}.theme-toggle input{opacity:0;width:0;height:0;position:absolute}.theme-toggle .slider{background:var(--border);cursor:pointer;border-radius:999px;width:50px;height:28px;transition:background-color .18s;position:relative}.theme-toggle .slider:after{content:"";background:var(--panel);border-radius:50%;width:22px;height:22px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000002e}.theme-toggle input:checked+.slider{background:var(--accent)}.theme-toggle input:checked+.slider:after{transform:translate(22px)}.app-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.editor-column,.preview-column{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow);flex-direction:column;min-height:560px;display:flex}.editor-column{height:fit-content}.panel-heading{border-bottom:1px solid var(--border);background:var(--panel-muted);border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.panel-heading h2{font-size:1.1rem}button{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:8px 12px;transition:background-color .16s}button:hover:not(:disabled){background:var(--accent-strong)}button:disabled{cursor:not-allowed;opacity:.45}.tag-list{flex-direction:column;gap:12px;padding:14px;display:flex;overflow:auto}.tag-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);padding:12px}.tag-row{align-items:flex-start;gap:10px;display:flex}.tag-name-input,.tag-content-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);width:100%;padding:10px}.tag-name-input:focus,.tag-content-input:focus{outline:2px solid var(--focus-ring);outline-offset:1px;border-color:var(--focus-border)}.tag-name-input.is-invalid{border-color:#dc4c64}.tag-content-input{resize:vertical;min-height:120px;margin-top:10px;line-height:1.45}.tag-actions{grid-template-columns:repeat(3,auto);gap:8px;display:grid}.tag-actions button{padding:8px 10px}.tag-actions .danger{background:var(--danger)}.tag-actions .danger:hover:not(:disabled){background:#8f1e14}.validation-error{color:var(--danger);margin-top:6px;font-size:.85rem}.empty-state{color:var(--text-muted);padding:20px}.copy-controls{justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.copy-status{min-width:132px;color:var(--text-muted);text-align:right;font-size:.85rem}.copy-status.success{color:var(--success)}.copy-status.error{color:var(--danger)}.preview-panel{flex:1;padding:14px;overflow:hidden}.preview-panel pre{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--preview-bg);white-space:pre-wrap;word-break:break-word;height:100%;min-height:420px;padding:14px;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem;line-height:1.5;overflow:auto}@media (width<=960px){.app-shell{padding:14px}.app-grid{grid-template-columns:1fr}.editor-column,.preview-column{min-height:auto}.tag-row{flex-direction:column}.tag-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.copy-controls{flex-wrap:wrap;justify-content:flex-end}.app-header{flex-direction:column;align-items:flex-start}.preview-panel pre{min-height:260px}}