*{box-sizing:border-box}:root{color:#101418;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(circle at top,#f2c75c47,#0000 34%),linear-gradient(#efe5d1 0%,#d7c5aa 100%);font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,Times New Roman,serif}html,body,#app{background:0 0;width:100%;height:100%;margin:0}#app{overflow:hidden}.layout{grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:20px;width:100%;height:100%;padding:20px;display:grid}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf2d1;border:1px solid #2d261c29;border-radius:24px;min-width:0;height:100%;padding:24px;overflow:auto;box-shadow:0 28px 80px #5736181f,inset 0 1px #ffffffb3}.viewport{background:radial-gradient(circle at top,#ffffff7a,#0000 28%),linear-gradient(#fffaf2eb,#e8dabff0);border-radius:28px;min-width:0;min-height:0;overflow:hidden;box-shadow:inset 0 1px #fffc,0 24px 64px #57361824}.controls{gap:12px;margin-top:24px;display:grid}.field{gap:8px;display:grid}.field-label{text-transform:uppercase;letter-spacing:.08em;color:#10141899;font-size:.8rem}.input{color:#101418;width:100%;min-width:0;font:inherit;background:#ffffffb8;border:1px solid #2d261c29;border-radius:14px;padding:12px 14px}.input[type=file]{padding:10px 12px}.actions{gap:10px;margin-top:14px;display:flex}.button{color:#101418;font:inherit;cursor:pointer;background:#ffffffb8;border:1px solid #2d261c29;border-radius:999px;padding:11px 16px}.button.primary{color:#f6efe2;background:#1d2830}.title,.subtitle{letter-spacing:.02em;margin:0}.title{font-size:clamp(2rem,5vw,3.6rem);line-height:.95}.subtitle{text-transform:uppercase;color:#101418a3;margin-top:28px;font-size:1rem}.status{color:#101418b8;margin:14px 0 0;font-size:.95rem}.status[data-error=true]{color:#a22d2d}.meta{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:24px;display:grid}.metric{background:#ffffff94;border:1px solid #2d261c1a;border-radius:18px;gap:6px;padding:14px 16px;display:grid}.metric-label{text-transform:uppercase;letter-spacing:.08em;color:#10141899;font-size:.8rem}.metric-value{font-size:1.25rem}.slug-canvas{width:100%;height:100%;display:block}.commands{color:#f6efe2;white-space:pre-wrap;overflow-wrap:anywhere;background:#161b21;border-radius:20px;margin:14px 0 0;padding:18px;font-size:.95rem;line-height:1.55;overflow:auto}@media (width<=720px){.layout{grid-template-rows:auto minmax(320px,1fr);grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}.panel{border-radius:22px;height:auto;max-height:min(52vh,560px);padding:18px}.viewport{border-radius:22px}}