:root{--ink:#24180b;--muted:#75634f;--paper:#fffaf0;--card:#fffdf8;--line:#ead7b5;--gold:#d69e2e;--gold-dark:#9c6515;--brown:#5c3b16;--brown-2:#38230e;--soft:#f8e9c8;--danger:#b94a3b;--shadow:0 18px 50px rgba(91,57,15,.12);--radius:18px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--paper)}button,input,textarea,select{font:inherit}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;background:linear-gradient(175deg,var(--brown-2),#6c4517);color:#fff5df;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 6px 20px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd870,var(--gold));color:var(--brown-2);font-family:"Space Grotesk";font-weight:700;font-size:22px;box-shadow:0 7px 20px #1c110966}.brand strong{font-family:"Space Grotesk";letter-spacing:.08em}.brand span{display:block;font-size:9px;letter-spacing:.2em;opacity:.55;margin-top:2px}.clock-card{padding:16px;margin-bottom:15px;border:1px solid #ffffff18;border-radius:16px;background:#140c064f}.clock-card strong{display:block;color:#ffd66b;font:700 24px "Space Grotesk";margin:5px 0}.clock-card small{font-size:11px;opacity:.68}nav{display:flex;flex-direction:column;gap:5px;overflow:auto;padding:2px}.tool-btn{border:1px solid transparent;background:transparent;color:#e7d4b6;border-radius:12px;padding:11px 12px;text-align:left;display:flex;gap:11px;align-items:center;font-weight:600;font-size:13px;cursor:pointer;transition:.2s}.tool-btn:hover{background:#ffffff0e;color:#fff;transform:translateX(3px)}.tool-btn.active{background:linear-gradient(90deg,#d89b28,#b27119);color:#28190a;box-shadow:0 10px 25px #140c064d}.tool-icon{font-size:16px;width:22px;text-align:center}.sidebar-footer{margin-top:auto;border-top:1px solid #ffffff17;padding:16px 5px 0;font-size:10px;opacity:.7}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f6c851;box-shadow:0 0 10px #f6c851;margin-right:6px}main{min-width:0}.topbar{height:91px;border-bottom:1px solid var(--line);background:#fffaf0db;backdrop-filter:blur(12px);padding:0 32px;display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:10}.topbar h1{font:700 23px "Space Grotesk";margin:3px 0 0}.eyebrow{font-size:9px;letter-spacing:.18em;font-weight:700;color:var(--gold-dark)}.header-actions{display:flex;gap:9px;margin-left:auto}.btn{border:0;border-radius:11px;padding:10px 17px;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#e1aa36,#b97419);color:#2d1b08;box-shadow:0 8px 20px #a86a1b33}.btn.ghost{background:var(--soft);color:var(--brown)}.btn.wide{width:100%}.icon-btn{border:0;background:transparent;cursor:pointer;color:inherit;font-size:22px}.menu-btn,.close-menu{display:none}.workspace{padding:30px;max-width:1320px;margin:auto}.tool-head{margin-bottom:23px}.tool-head h2{font:700 clamp(24px,3vw,36px) "Space Grotesk";margin:0 0 7px}.tool-head p{margin:0;color:var(--muted);max-width:700px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.card h3{font:700 15px "Space Grotesk";margin:0 0 17px}.field{margin-bottom:15px}.field:last-child{margin-bottom:0}.field label{display:block;font-size:11px;font-weight:700;color:var(--brown);margin:0 0 7px;text-transform:uppercase;letter-spacing:.08em}input,textarea,select{width:100%;border:1px solid #dfc99f;background:#fffcf5;color:var(--ink);border-radius:11px;padding:11px 13px;outline:0;transition:.2s}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d69e2e1f}textarea{min-height:150px;resize:vertical;font-family:inherit}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{background:var(--soft);border:1px solid var(--line);padding:15px;border-radius:14px}.stat strong{display:block;font:700 25px "Space Grotesk";color:var(--gold-dark)}.stat span{font-size:10px;color:var(--muted);text-transform:uppercase}.preview-search{padding:22px 5px}.preview-url{color:#4c6a31;font-size:13px}.preview-title{color:#875715;font-size:21px;margin:5px 0}.preview-desc{font-size:14px;line-height:1.55;color:#5d5144}.output{white-space:pre-wrap;overflow:auto;min-height:170px;background:#2d1e0f;color:#ffe7ad;border-radius:12px;padding:16px}.chip-list{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--soft);border:1px solid var(--line);padding:7px 10px;border-radius:99px;font-size:12px}.typing-text{font-size:19px;line-height:1.8;color:#9c8a72;user-select:none}.typing-text .correct{color:#4f721f}.typing-text .wrong{color:#c74130;background:#f8c9bd}.typing-text .current{background:#f3cd6c;color:#28190a}.toast{position:fixed;bottom:25px;right:25px;background:var(--brown-2);color:#fff4da;padding:12px 17px;border-radius:12px;box-shadow:var(--shadow);z-index:100;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.lock-screen{position:fixed;inset:0;background:#2b1b0df2;backdrop-filter:blur(18px);z-index:200;display:grid;place-items:center;color:#fff2cf;transition:.35s}.lock-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.lock-card{text-align:center;width:min(390px,90vw)}.brand-mark.large{width:76px;height:76px;margin:0 auto 24px;font-size:38px}.lock-card strong{font:700 clamp(42px,8vw,70px) "Space Grotesk";display:block;color:#f0bb43;margin:14px 0 0}.lock-card p{margin:5px 0 30px;color:#d2bc99}.overlay{display:none}
@media(max-width:850px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:280px;transform:translateX(-105%);transition:.28s}.sidebar.open{transform:none}.menu-btn,.close-menu{display:block}.close-menu{margin-left:auto}.overlay{display:block;position:fixed;inset:0;background:#24170a99;z-index:15;opacity:0;visibility:hidden;transition:.25s}.overlay.open{opacity:1;visibility:visible}.topbar{padding:0 18px}.workspace{padding:22px 16px}.grid{grid-template-columns:1fr}.header-actions .ghost{display:none}}@media(max-width:520px){.stat-grid{grid-template-columns:1fr 1fr}.topbar{height:78px}.topbar h1{font-size:18px}.card{padding:17px}.row{flex-direction:column;align-items:stretch}}