:root{color-scheme:dark;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;background:#000;color:#fff;--bg: #000000;--surface: #0b0b0b;--surface-2: #0d0d0d;--surface-3: #141414;--border: #262626;--border-soft: rgba(255, 255, 255, .1);--text: #ffffff;--muted: #a6a6a6;--muted-2: #737373;--gold: #e2ad28;--gold-bright: #ffcc00;--gold-soft: #c9a14a;--danger: #ff6b6b}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;margin:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),var(--bg);background-size:44px 44px}button,input{font:inherit}button{letter-spacing:0}a{color:inherit;text-decoration:none}.app-shell{width:min(1180px,calc(100% - 32px));min-height:100svh;margin:0 auto;padding:22px 0 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}.brand,.site-link{display:inline-flex;align-items:center;gap:10px}.brand{color:var(--text);font-size:.95rem;font-weight:650}.brand-mark{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(226,173,40,.42);border-radius:8px;background:#0d0d0d;color:var(--gold-bright);font-size:.82rem}.site-link{color:var(--muted);font-size:.88rem;transition:color .18s ease}.site-link:hover{color:var(--gold-bright)}.workbench{display:grid;grid-template-columns:.92fr 1.08fr;gap:18px;align-items:stretch;padding:52px 0 0}.intro-panel,.tool-panel,.result-panel{border:1px solid var(--border-soft);border-radius:8px;background:#0b0b0bdb;box-shadow:0 22px 70px #0000006b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.intro-panel{display:flex;min-height:280px;flex-direction:column;justify-content:flex-end;padding:34px}.eyebrow{margin:0 0 12px;color:var(--gold-soft);font-size:.73rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin:0}h1{max-width:11ch;font-size:4.15rem;line-height:.95;letter-spacing:0}h2{color:var(--text);font-size:1.05rem;font-weight:650;letter-spacing:0}.lead{max-width:570px;margin-top:22px;color:var(--muted);font-size:1.02rem;line-height:1.7}.limits{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.limits span{min-height:32px;padding:7px 11px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff09;color:#d8d8d8;font-size:.84rem}.tool-panel{display:flex;flex-direction:column;gap:14px;padding:18px}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.dropzone{display:flex;min-height:202px;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px;border:1px dashed rgba(255,255,255,.2);border-radius:8px;background:#0d0d0d;color:var(--text);cursor:pointer;text-align:center;transition:border-color .18s ease,background .18s ease,transform .18s ease}.dropzone:hover,.dropzone.is-dragging{border-color:#e2ad28b3;background:#111;transform:translateY(-1px)}.dropzone:focus-visible,.primary-button:focus-visible,.ghost-button:focus-visible,.icon-button:focus-visible,.site-link:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.dropzone-icon{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(226,173,40,.35);border-radius:8px;background:#e2ad2814;color:var(--gold-bright)}.dropzone-title{max-width:520px;color:var(--text);font-size:1.04rem;font-weight:650;overflow-wrap:anywhere}.dropzone-meta{max-width:540px;color:var(--muted-2);font-size:.86rem;line-height:1.5}.actions-row,.result-actions{display:flex;flex-wrap:wrap;gap:10px}.primary-button,.ghost-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease,opacity .18s ease}.primary-button{flex:1 1 190px;border:1px solid rgba(255,204,0,.36);background:var(--gold);color:#000;font-weight:750}.primary-button:hover:not(:disabled){background:var(--gold-bright);transform:translateY(-1px)}.ghost-button,.icon-button{border:1px solid rgba(255,255,255,.12);background:#ffffff09;color:#ededed}.ghost-button{padding:0 16px}.ghost-button:hover:not(:disabled),.icon-button:hover:not(:disabled){border-color:#ffffff38;background:#fff1}button:disabled{cursor:not-allowed;opacity:.45}.message{padding:13px 14px;border-radius:8px;font-size:.9rem;line-height:1.5}.message.is-error{border:1px solid rgba(255,107,107,.28);background:#ff6b6b14;color:#ffd4d4}.result-panel{grid-column:1 / -1;overflow:hidden}.result-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:82px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.result-header .eyebrow{margin-bottom:6px}.icon-button{min-width:124px;padding:0 13px;font-size:.9rem}.markdown-preview{min-height:270px;max-height:520px;margin:0;padding:20px;overflow:auto;background:#050505;color:var(--muted-2);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.markdown-preview.has-content{color:#ededed}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.app-shell{width:min(100% - 24px,720px);padding-top:14px}.topbar{align-items:flex-start}.site-link{font-size:.8rem}.workbench{grid-template-columns:1fr;padding-top:28px}.intro-panel{min-height:auto;padding:24px}h1{max-width:12ch;font-size:3.05rem}.lead{font-size:.96rem}.result-header{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.brand span:last-child{display:none}h1{font-size:2.45rem}.tool-panel{padding:12px}.dropzone{min-height:188px;padding:20px 14px}.primary-button,.ghost-button,.icon-button,.result-actions{width:100%}}