:root{--ink: #14201c;--muted: #5a6b63;--paper: #f3f6f2;--panel: rgba(255, 255, 255, .82);--line: #c9d5ce;--accent: #0f7a5a;--accent-2: #c45c26;--danger: #b42318;--shadow: 0 18px 50px rgba(20, 32, 28, .08);--radius: 14px;--font: "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font);color:var(--ink);background:var(--paper)}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(900px 500px at 10% -10%,#d7ebe2 0%,transparent 60%),radial-gradient(700px 400px at 100% 0%,#f0e2d6 0%,transparent 55%),linear-gradient(180deg,#eef3ef,#f7f4ef)}.shell{width:min(820px,calc(100% - 2rem));margin:0 auto;padding:2.5rem 0 4rem}.brand-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.brand-name{margin:0;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;letter-spacing:-.03em}.brand-sub{margin:.35rem 0 1.75rem;color:var(--muted)}.panel{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem;box-shadow:var(--shadow);margin-bottom:1rem}.panel h2{margin:0 0 .85rem;font-size:1rem;font-weight:600}.dropzone{border:1.5px dashed #8fa89c;border-radius:12px;padding:2rem 1rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone:focus,.dropzone.dragover{border-color:var(--accent);background:#0f7a5a0f;outline:none}.drop-title{margin:0;font-weight:600}.drop-hint{margin:.4rem 0 0;color:var(--muted);font-size:.9rem}.preview-wrap{margin-top:.9rem;text-align:center}.preview-wrap img{max-width:100%;max-height:280px;border-radius:10px;display:block;margin:0 auto .6rem;object-fit:contain;background:#e8eee9}label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:500;color:var(--muted);margin-bottom:.75rem}input[type=text],input[type=number],textarea{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:.65rem .75rem;background:#fff}textarea{resize:vertical}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.actions{display:flex;align-items:center;gap:.85rem;margin:.4rem 0 1rem;flex-wrap:wrap}.btn{font:inherit;font-weight:600;border:none;border-radius:999px;padding:.7rem 1.25rem;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){filter:brightness(1.05)}.linkish{background:none;border:none;color:var(--accent-2);font:inherit;cursor:pointer;text-decoration:underline}.status{font-size:.9rem;color:var(--muted)}.status.error{color:var(--danger)}.status.ok{color:var(--accent)}.req{color:var(--accent-2)}.row.formats{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.check{flex-direction:row;align-items:center;gap:.4rem;margin:0;color:var(--ink)}.mono{font-family:var(--mono);font-size:.8rem}.muted{color:var(--muted)}.hidden{display:none!important}@media(max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}}