:root{--brand:#4f8cff;--accent:#45e6a6;--ink:#07090e;--surface:#0d1119;--surface-soft:#121824;--text:#f4f7fb;--muted:#9aa6ba;--line:rgba(154,170,198,.16)}
body{background:var(--ink);color:var(--text);letter-spacing:-.01em}
h1,h2,h3,.brand{font-family:Manrope,Inter,sans-serif;letter-spacing:-.04em}
.topbar{height:82px;background:rgba(7,9,14,.9);border-color:var(--line);backdrop-filter:blur(22px) saturate(130%)}
.brand{display:flex;align-items:center;gap:5px;color:#fff;font-size:20px}.brand i{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:3px;background:linear-gradient(135deg,var(--brand),var(--accent));box-shadow:0 0 18px rgba(79,140,255,.7)}.brand span{color:#fff;font-weight:500}.brand em{margin-left:7px;padding:3px 6px;border:1px solid rgba(69,230,166,.35);border-radius:5px;color:var(--accent);font:700 9px Inter,sans-serif;letter-spacing:.14em;font-style:normal}
.top-actions select{color:#dbe4f2;background:rgba(255,255,255,.035);border-color:var(--line)}.top-actions select option{color:#111}
.btn{min-height:43px;border-radius:10px}.btn.primary{background:linear-gradient(135deg,#397bf4,#65a0ff);box-shadow:0 12px 35px rgba(57,123,244,.2)}.btn.primary:hover{box-shadow:0 15px 40px rgba(57,123,244,.32);transform:translateY(-1px)}.btn.secondary{color:#dbe4f2;background:rgba(255,255,255,.04);border:1px solid var(--line)}.home-link{text-decoration:none;white-space:nowrap}
.app-shell{height:calc(100vh - 82px);grid-template-columns:minmax(410px,540px) 1fr}
.editor{background:var(--surface);border-right:1px solid var(--line)}.intro{padding-bottom:20px;border-bottom:1px solid var(--line)}.intro h1{color:#fff;font-size:31px;line-height:1.08}.intro p{color:var(--muted);max-width:470px;line-height:1.65}.eyebrow{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid rgba(69,230,166,.2);border-radius:999px;background:rgba(69,230,166,.06);color:var(--accent)}
.starter-templates{margin:22px 0 24px;padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.starter-templates-head h2{margin:0 0 6px;color:#fff;font-size:17px;letter-spacing:-.02em}.starter-templates-head p{margin:0 0 15px;color:var(--muted);font-size:13px;line-height:1.55}.templates-start{grid-template-columns:repeat(4,1fr);gap:9px}.templates-start .template{padding:8px;border-radius:9px}.templates-start .thumb{height:74px;margin-bottom:7px}.templates-start .template span{font-size:12px}
.steps{border-color:var(--line)}.step{color:#707c8f}.step b{background:rgba(255,255,255,.06)}.step.active b{background:linear-gradient(135deg,var(--brand),#65a0ff);box-shadow:0 7px 22px rgba(79,140,255,.25)}
.panel h2{color:#fff}.panel label>span{color:#c9d2e0}.panel input:not([type=checkbox]):not([type=color]),.panel textarea{color:#f4f7fb;background:#0a0e15;border-color:rgba(154,170,198,.24)}.panel input:focus,.panel textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(79,140,255,.14)}
.photo-preview{color:var(--brand);background:var(--surface-soft);border:1px solid var(--line)}.upload{color:var(--brand-light)}.mini-add{color:#b8cefa;background:rgba(79,140,255,.12);border:1px solid rgba(79,140,255,.18)}.repeat-card{background:#0a0e15;border-color:var(--line)}
.template{color:#dbe4f2;background:rgba(255,255,255,.035);border-color:transparent}.template.active{color:#fff;background:rgba(79,140,255,.1);border-color:var(--brand)}
.workspace{background:radial-gradient(circle at 82% 15%,rgba(69,230,166,.06),transparent 27%),radial-gradient(circle at 10% 5%,rgba(79,140,255,.12),transparent 31%),#07090e}.language-console,.workspace-bar{color:#f4f7fb;background:rgba(13,17,25,.94);border-color:var(--line)}.language-top small,.language-note{color:var(--muted)}.source-language select{color:#dbe4f2;background:#0a0e15;border-color:var(--line)}.source-language select option{color:#111}.language-btn{color:#c7d0df;background:rgba(255,255,255,.035);border-color:var(--line)}.language-btn:hover{background:rgba(255,255,255,.07)}.language-btn.active{color:#fff;background:rgba(79,140,255,.22);border-color:rgba(139,181,255,.38)}.translation-status{color:var(--accent)}.icon-btn{color:#dbe4f2;background:rgba(255,255,255,.04);border-color:var(--line)}
.paper-stage{background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px}.resume{box-shadow:0 22px 70px rgba(0,0,0,.48)}
dialog{color:#f4f7fb;background:var(--surface-soft);border:1px solid var(--line)}.dialog-close{color:#fff}
@media(max-width:1050px){.app-shell{height:auto}.editor{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:720px){body{background:#0b0f17}.topbar{height:auto;min-height:82px;align-items:flex-start;gap:12px;padding:12px 14px}.brand{font-size:17px;flex-wrap:wrap}.brand em{margin-left:0}.top-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.top-actions select{grid-column:1/-1;min-height:42px}.home-link{justify-content:center}.btn{width:100%;justify-content:center;min-height:42px;padding:10px 12px}.editor{padding:20px 15px}.intro{padding-bottom:16px}.intro h1{font-size:25px}.intro p{font-size:13.5px;line-height:1.55}.starter-templates{margin:16px 0 18px;padding:14px}.starter-templates-head h2{font-size:16px}.starter-templates-head p{font-size:12.5px}.templates-start{grid-template-columns:repeat(2,1fr);gap:10px}.templates-start .template{padding:9px}.templates-start .thumb{height:82px}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow:visible;padding-bottom:16px;margin-bottom:18px}.step{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);text-align:left}.step b{width:26px;height:26px;margin:0;flex:0 0 auto}.step span{display:block;color:#c7d0df;font-size:12px;font-weight:700;line-height:1.2}.panel h2{font-size:18px;margin-bottom:15px}.photo-row{align-items:flex-start}.language-console{padding:14px 15px}.language-buttons{grid-template-columns:1fr;gap:8px}.workspace-bar{display:flex;height:auto;min-height:48px;padding:12px 15px}.paper-stage{display:block;padding:14px;min-height:500px;overflow:hidden}.resume{transform:scale(.42);transform-origin:top left;margin:0 0 -650px}.mobile-download{width:calc(100% - 30px);margin:12px 15px 18px}}