*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0c0d0b;color:#f2eadc}body{min-height:100vh;background:radial-gradient(circle at 78% 5%,rgba(117,77,48,.2),transparent 32%),#0c0d0b}.site-nav{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(235,216,177,.1);background:rgba(12,13,11,.94);position:sticky;top:0;z-index:20}.nav-brand{color:#f1dfb8;text-decoration:none;font-weight:900}.site-nav nav{display:flex;gap:8px;flex-wrap:wrap}.site-nav nav a{color:#bdb39f;text-decoration:none;padding:8px 11px;border-radius:999px;border:1px solid transparent;font-size:13px}.site-nav nav a.active,.site-nav nav a:hover{color:#fff1cf;border-color:rgba(205,164,104,.28);background:rgba(157,105,60,.12)}.app-shell{display:grid;grid-template-columns:390px minmax(0,1fr);min-height:calc(100vh - 64px)}.sidebar{height:calc(100vh - 64px);overflow-y:auto;padding:18px;background:linear-gradient(180deg,#11130f,#0d0f0c);border-right:1px solid rgba(235,216,177,.08)}.brand-block{padding:8px 4px 16px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.17em;color:#c99b60}.brand-block h1{font-family:Georgia,serif;font-size:29px;line-height:1.05;margin:8px 0}.brand-block p{font-size:13px;line-height:1.55;color:#a99f8d;margin:0}.panel{margin-bottom:12px;padding:15px;border:1px solid rgba(235,216,177,.1);border-radius:17px;background:rgba(255,248,232,.025)}.collapse-group{padding:0;overflow:hidden}.collapse-group>summary{list-style:none;cursor:pointer;padding:15px;font-size:13px;font-weight:850}.collapse-group>summary::-webkit-details-marker{display:none}.collapse-body{padding:0 15px 15px}.section-head,.unique-row,.progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-head h2{font-size:14px;margin:0}.badge{font-size:9px;font-weight:900;letter-spacing:.12em;color:#d5ad77;border:1px solid rgba(213,173,119,.28);border-radius:999px;padding:5px 7px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.effects-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.effects-grid label{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid rgba(235,216,177,.08);border-radius:10px;color:#cfc4b2;font-size:11px}.effects-grid input{width:auto;margin:0}label{display:block;margin:11px 0 0;color:#c9bdab;font-size:11px;font-weight:750}select,input[type=text],input[type=number]{width:100%;margin-top:6px;padding:10px;border-radius:10px;border:1px solid rgba(235,216,177,.12);background:#171914;color:#f4ead8;outline:none}input[type=range]{width:100%;margin-top:8px;accent-color:#b77a45}.file-upload input{padding:8px;font-size:11px}button{width:100%;border:1px solid rgba(235,216,177,.14);background:#1b1d18;color:#e9ddc8;border-radius:11px;padding:11px;font-weight:800;cursor:pointer;margin-top:10px}button:hover{border-color:rgba(218,177,118,.35)}button.primary{background:linear-gradient(135deg,#8b4d31,#b07544);border-color:#c08b57;color:#fff4dc}.unique-row{margin-top:9px;font-size:10px;color:#938978}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.actions button{font-size:10px;padding:9px}.status{font-size:10px;color:#9d927e;margin-top:10px}.workspace{min-width:0;padding:22px 26px 32px;background:radial-gradient(circle at 50% 0,rgba(117,75,48,.13),transparent 38%),#090a08}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px}.topbar h2{font-family:Georgia,serif;margin:5px 0 0;font-size:26px}.pill-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill{font-size:10px;color:#c8bba5;border:1px solid rgba(235,216,177,.1);border-radius:999px;padding:7px 9px}.loop-pill{color:#d8b27d}.canvas-wrap{width:100%;min-height:420px;display:grid;place-items:center;border:1px solid rgba(235,216,177,.08);border-radius:22px;background:#050605;padding:18px;overflow:hidden}canvas{display:block;max-width:100%;max-height:calc(100vh - 165px);width:auto;height:auto;border-radius:12px;box-shadow:0 35px 100px rgba(0,0,0,.52);background:#18140f}.export-progress{margin-top:10px}.hidden{display:none}.progress-track{height:7px;background:#0b0c09;border-radius:999px;overflow:hidden;margin-top:7px}.progress-track>div{height:100%;width:0;background:linear-gradient(90deg,#8f5637,#d0a064)}.progress-head{font-size:10px;color:#a99d89}.compact-actions{position:static!important}@media(max-width:980px){.app-shell{grid-template-columns:330px minmax(0,1fr)}}@media(max-width:760px){.app-shell{display:block}.sidebar{height:auto;border-right:0}.workspace{display:none}.site-nav{height:auto;min-height:62px;padding:10px 14px}.site-nav nav{justify-content:flex-end}}