*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}:root,html[data-theme=light]{--paper: #F4F2EC;--card: #FCFBF8;--ink: #17160F;--ink-2: #6E6A5F;--ink-3: #A6A192;--line: #E4E0D6;--line-2: #D2CDC0;--accent: #2436CE;--accent-soft: rgba(36, 54, 206, .08);--field: #FFFFFF}html[data-theme=dark]{--paper: #131210;--card: #1B1A15;--ink: #F2F0E8;--ink-2: #A29E92;--ink-3: #6C685D;--line: #2A2822;--line-2: #3A382F;--accent: #7C87FF;--accent-soft: rgba(124, 135, 255, .12);--field: #211F19}body{font-family:Hanken Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--paper);color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--ink-3);opacity:1}textarea{resize:none}::selection{background:var(--accent);color:#fff}.serif{font-family:Newsreader,Georgia,serif}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.card{border:1px solid var(--line);border-radius:9px;background:var(--card)}.field{width:100%;font-family:Hanken Grotesk,sans-serif;font-size:14px;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:5px;padding:11px 12px;outline:none;transition:border-color .15s,box-shadow .15s}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field--card{background:var(--paper);border-radius:6px;padding:10px 12px}.btn-accent{font-family:IBM Plex Mono,monospace;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:6px;cursor:pointer;transition:opacity .15s}.btn-accent:hover{opacity:.88}.btn-accent:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{font-family:IBM Plex Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--card);border:1px solid var(--line-2);border-radius:6px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.btn-ghost:hover{border-color:var(--ink)}.seg{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}.seg-btn{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border:none;background:transparent;color:var(--ink-2);cursor:pointer}.seg-btn+.seg-btn{border-left:1px solid var(--line)}.seg-btn.is-active{background:var(--ink);color:var(--paper)}.chip{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:7px 13px;border-radius:20px;cursor:pointer;background:transparent;color:var(--ink-2);border:1px solid var(--line-2);transition:.12s}.chip:hover{border-color:var(--ink-2)}.chip.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.link-underline{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link-underline:hover{color:var(--ink)}.copy-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;border:none;background:transparent;color:var(--ink-3);cursor:pointer;border-radius:4px;transition:color .15s,background .15s}.copy-btn:hover{color:var(--ink);background:var(--accent-soft)}.proj-item{position:relative;padding:13px 14px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .12s,border-color .12s}.proj-item:hover{background:var(--accent-soft)}.proj-item.is-active{background:var(--accent-soft);border-color:var(--accent)}.proj-del{position:absolute;top:11px;right:11px;display:inline-flex;padding:3px;border:none;background:transparent;color:var(--ink-3);cursor:pointer;opacity:0;transition:opacity .12s,color .12s}.proj-item:hover .proj-del{opacity:1}.proj-del:hover{color:#e0341f}.bk-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 40px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:20}.bk-main{max-width:1400px;margin:0 auto;padding:44px 40px;display:grid;grid-template-columns:384px 1fr;gap:0;align-items:start}.bk-form{position:sticky;top:108px;padding-right:44px}.bk-output{border-left:1px solid var(--line);padding-left:52px;min-height:70vh}.bk-footer{border-top:1px solid var(--line);padding:26px 40px;text-align:center}.bk-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.bk-grid-3{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:40px}.bk-type-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px}.bk-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}@media(max-width:980px){.bk-main{grid-template-columns:1fr;padding:28px 22px}.bk-form{position:static;padding-right:0;margin-bottom:40px}.bk-output{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:40px;min-height:0}.bk-grid-3,.bk-type-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:680px){.bk-header{padding:16px 20px}.bk-footer{padding:22px 20px}.bk-grid-2{grid-template-columns:1fr}.bk-palette{grid-template-columns:repeat(3,1fr)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .5s cubic-bezier(.16,1,.3,1)}