:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#050505;--panel:#11100d;--panel-strong:#1d1710;--text:#fff8eb;--muted:#c9b89d;--accent:#f59e0b;--accent-strong:#d97706;--accent-soft:#f59e0b2e;--danger:#f87171;--border:#fff8eb24;--shadow:0 28px 90px #00000094}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 12% 10%, #f59e0b3d, transparent 28rem), radial-gradient(circle at 86% 18%, #78350f4d, transparent 30rem), linear-gradient(135deg, #ffffff0a 0 1px, transparent 1px 18px), var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{border:0}img{max-width:100%;display:block}.page{justify-content:center;align-items:center;min-height:100vh;padding:42px 20px;display:flex;position:relative;overflow:hidden}.shell{z-index:1;place-items:center;gap:32px;width:100%;max-width:1160px;min-height:min(760px,100vh - 84px);display:grid;position:relative}.phase-panel{width:100%;animation:.26s ease-out phase-in}.hero{text-align:center;place-items:center;gap:18px;max-width:980px;margin:0 auto;display:grid}.eyebrow{color:#fcd34d;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}h1{letter-spacing:-.085em;text-transform:uppercase;text-wrap:balance;max-width:980px;margin:0;font-size:clamp(3.1rem,8.5vw,7.6rem);line-height:.86}.subtitle{color:var(--muted);text-align:center;max-width:820px;margin:0;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.7}.hero-copy strong{color:var(--text);letter-spacing:.12em;margin-right:6px;display:inline-block}.contract-card{box-shadow:var(--shadow);color:var(--text);cursor:pointer;text-align:center;background:linear-gradient(135deg,#f59e0b29,#ffffff0d);border:1px solid #f59e0b6b;border-radius:22px;gap:6px;max-width:min(100%,720px);padding:16px 18px;transition:border-color .16s,transform .16s,background .16s;display:grid}.contract-card:hover{background:linear-gradient(135deg,#f59e0b3d,#ffffff12);border-color:#fcd34dcc;transform:translateY(-2px)}.contract-card span{color:#fcd34d;letter-spacing:.16em;font-size:.82rem;font-weight:900}.contract-card code{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.8rem,2vw,1rem)}.contract-card small{color:var(--muted)}.hero-start{min-width:180px;margin-top:4px}.generator-phase{justify-items:center;gap:22px;max-width:620px;display:grid}.workspace{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:22px;display:grid}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#ffffff16,#ffffff09),#11100dd1;border-radius:30px;padding:24px}.upload-form{align-content:start;gap:18px;width:100%;display:grid}.form-heading{text-align:center;justify-items:center;gap:6px;display:grid}.form-heading h2{letter-spacing:-.04em;margin:0;font-size:1.45rem}.dropzone{cursor:pointer;text-align:center;background:#ffffff0a;border:1px dashed #fcd34d5c;border-radius:24px;place-items:center;gap:12px;min-height:260px;padding:22px;transition:background .16s,border-color .16s,transform .16s;display:grid}.dropzone:hover,.dropzone:focus-within{background:var(--accent-soft);border-color:#fcd34ddb;transform:translateY(-1px)}.dropzone.loading-overlay{cursor:wait;background:radial-gradient(circle,#f59e0b2e,#0000 18rem),#ffffff0e;border-style:solid;min-height:360px;transform:none}.dropzone.loading-overlay:hover,.dropzone.loading-overlay:focus-within{transform:none}.dropzone input{opacity:0;width:1px;height:1px;position:absolute}.upload-copy{gap:8px;display:grid}.upload-copy strong{font-size:1.05rem}.upload-copy span,.hint,.status{color:var(--muted);font-size:.94rem;line-height:1.5}.preview{object-fit:cover;border-radius:18px;width:100%;max-height:340px}.actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.button{background:var(--accent);color:#180f04;cursor:pointer;letter-spacing:-.02em;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-weight:950;transition:background .16s,opacity .16s,transform .16s;display:inline-flex}.button:hover:not(:disabled){background:var(--accent-strong);color:#fff;transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button.secondary{color:var(--text);background:#ffffff1c}.button.ghost{border:1px solid var(--border);color:var(--muted);background:0 0}.button.primary{width:100%;font-size:1.05rem;box-shadow:0 18px 40px #f59e0b47}.error{color:#fecaca;background:#f871711f;border:1px solid #f8717159;border-radius:16px;padding:12px 14px}.result-panel{align-content:start;justify-items:center;gap:18px;width:min(100%,640px);min-height:460px;display:grid}.result-phase{justify-items:center;display:grid}.result-header{text-align:center;justify-content:center;gap:12px;display:flex}.result-header h2{margin:0;font-size:1.25rem}.result-frame{background:radial-gradient(circle at center, #f59e0b29, transparent 22rem), var(--panel);border:1px solid var(--border);border-radius:24px;justify-content:center;align-items:center;width:100%;min-height:0;padding:18px;display:flex;overflow:hidden}.result-frame.empty{text-align:center;padding:28px}.result-image{object-fit:contain;border-radius:18px;width:auto;max-width:100%;height:auto;max-height:min(56vh,520px)}.loading-state{text-align:center;place-items:center;gap:18px;padding:24px;display:grid}.loading-state p{color:#fcd34d;margin:0;font-size:1.05rem;font-weight:900}.table-loader{filter:drop-shadow(0 26px 46px #0009);justify-content:center;align-items:center;width:min(100%,320px);height:220px;display:flex;overflow:visible}.table-loader img{object-fit:contain;transform-origin:bottom;border-radius:28px;max-height:210px;animation:1.35s ease-in-out infinite mensa-stretch,2.2s ease-in-out infinite mensa-wobble}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.toast{color:#1c1204;z-index:10;background:#fcd34d;border:1px solid #ffffff59;border-radius:999px;padding:12px 18px;font-weight:950;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 45px #0006}.confetti{pointer-events:none;z-index:8;position:fixed;inset:0}.confetti span{background:hsl(calc(var(--piece) * 38deg), 90%, 58%);height:14px;transform:rotate(calc(var(--piece) * 19deg));border-radius:2px;width:9px;animation:3.4s ease-in forwards confetti-fall;position:absolute;top:-24px}@keyframes mensa-stretch{0%,to{transform:scaleX(1)scaleY(1)}45%{transform:scaleX(1.18)scaleY(.82)}70%{transform:scaleX(.9)scaleY(1.12)}}@keyframes mensa-wobble{0%,to{rotate:-2deg}50%{rotate:2deg}}@keyframes confetti-fall{0%{opacity:1;translate:0}to{opacity:0;translate:calc((var(--piece) - 12) * 14px) 105vh}}@keyframes phase-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:860px){.workspace{grid-template-columns:1fr}.page{align-items:center;padding-block:28px}.contract-card{width:100%}}