:root{color-scheme:dark;--ink:#f4f1eb;--muted:#aaa49b;--line:#393631;--orange:#ff8a00;--yellow:#ffb000;--panel:#171717;--error:#ff6b5f;--success:#76d69a}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0d0d0d;color:var(--ink);font:16px/1.5 Inter,system-ui,sans-serif;background-image:radial-gradient(#292929 1px,transparent 1px);background-size:18px 18px}
.shell{max-width:1000px;margin:auto;padding:42px 22px 56px}.brand{display:flex;align-items:center;gap:17px;margin-bottom:64px}
.logo{position:relative;display:grid;place-items:center;width:60px;height:60px;color:#0d0d0d;background:var(--orange);box-shadow:5px 5px 0 #f4f1eb;transform:rotate(-4deg);font-weight:950}
.logo:before{content:"";position:absolute;inset:7px;border:3px solid #0d0d0d;transform:rotate(9deg)}.logo:after{content:"//";position:absolute;right:5px;bottom:1px;font-size:12px;letter-spacing:-3px}.logo span{position:relative;z-index:1;font-size:26px;letter-spacing:-4px;transform:skew(-12deg)}
.brand strong{display:block;font-size:18px;letter-spacing:.05em}.brand small{display:block;color:var(--muted);font-size:13px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;margin-bottom:30px}.eyebrow{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.18em}.hero h1{font-size:clamp(44px,7vw,72px);line-height:.94;letter-spacing:-.06em;margin:10px 0 20px}.hero h1 em{color:var(--orange);font-style:normal}.lead{max-width:580px;color:var(--muted);font-size:18px}
.manifesto{display:flex;flex-direction:column;gap:13px;padding:25px;border:1px solid #70410e;background:#171717;box-shadow:8px 8px 0 #2d1b09;transform:rotate(1deg)}.manifesto b{color:var(--orange);font-size:13px;letter-spacing:.12em}.manifesto span{color:var(--muted);font-size:14px}
.card{padding:28px;background:var(--panel);border:1px solid var(--line);box-shadow:8px 8px 0 #050505}.card h2{margin:0 0 5px;font-size:22px}.muted,small{color:var(--muted)}.card>p{margin:0 0 23px}code{color:var(--orange)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:14px}input{width:100%;padding:13px;border:1px solid var(--line);border-radius:4px;background:#101010;color:var(--ink);font:inherit}input[type=file]{font-size:13px}label small{font-size:12px;font-weight:400}
button{margin-top:25px;padding:14px 20px;border:0;border-radius:4px;background:var(--orange);color:#0d0d0d;font-weight:850;cursor:pointer;box-shadow:0 8px 18px #f7931a40}button:hover:not(:disabled){background:var(--yellow)}button:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}button span{font-size:20px;margin-left:8px}
.message{margin-top:20px;padding:14px;border-left:4px solid var(--orange);background:#2a2118}.message.error{border-color:var(--error);background:#321b1a}.message.success{border-color:var(--success);background:#173021}
.preview{margin-top:28px;border-top:1px solid var(--line);padding-top:22px}.preview h3{margin:0 0 15px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}.summary-grid div{padding:12px;background:#101010;border:1px solid var(--line)}dt{color:var(--muted);font-size:12px}dd{margin:3px 0 0;font-size:22px;font-weight:800}.warnings{margin:18px 0 0;padding:14px 14px 14px 32px;border-left:4px solid var(--yellow);background:#2a2118;color:var(--muted);font-size:14px}.success-text{color:var(--success);font-size:14px}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions button{margin-top:20px}.secondary{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}.secondary:hover:not(:disabled){background:var(--line)}
footer{text-align:center;color:var(--muted);font-size:13px;margin-top:25px}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:24px}.grid,.summary-grid{grid-template-columns:1fr}.actions button{width:100%}}