@import url('./creator.css');
:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e6e8e1;background:#101116}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border:1px solid #353943;border-radius:8px;padding:9px 12px;background:#242730;color:#e6e8e1}button:hover{background:#303540}button:disabled{opacity:.45;cursor:default}button.primary{background:#d9ffac;color:#193124;border-color:#d9ffac;font-weight:650}a{color:#b9e8cd;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #9aead2;outline-offset:3px}[hidden]{display:none!important}header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 32px;border-bottom:1px solid #30313a;position:sticky;top:0;background:#101116f5;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.12em;color:#ecf1e4}.brand b{font-size:35px;color:#d9ffac}.brand span{color:#abb2b8;font-size:10px}nav{display:flex;gap:9px;align-items:center}nav a{padding:8px;font-size:12px}main{max-width:1920px;padding:35px 32px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.intro h1{font-size:clamp(30px,3.3vw,52px);letter-spacing:-.045em;margin:10px 0}.intro p{color:#a4acb9;margin:0}.flow{font:11px ui-monospace,monospace;color:#a1b6aa;white-space:nowrap}.flow span{color:#61747c;margin:0 12px}.foundry{display:grid;grid-template-columns:270px minmax(400px,1fr) 255px;gap:18px;align-items:start}.panel{padding:21px;border:1px solid #30333c;border-radius:13px;background:#17191f}.eyebrow{color:#a7b1b4;font:10px ui-monospace,monospace;letter-spacing:.13em}h2{font-size:21px;letter-spacing:-.035em;margin:12px 0 20px}h3{font-size:14px;margin:17px 0 13px}.muted{color:#9fa8b5}.small{font-size:12px;line-height:1.65}.wide{display:block;width:100%;margin:10px 0}label{display:flex;flex-direction:column;gap:7px;color:#bdc5cc;font-size:12px;margin:13px 0}input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea{width:100%;min-width:0;background:#10131a;border:1px solid #363d48;border-radius:7px;padding:9px;color:#e6e8e1}textarea{resize:vertical;line-height:1.55}input[type=color]{width:100%;height:34px;border:1px solid #363d48;padding:2px;background:#10131a;border-radius:5px}input[type=range]{width:100%;accent-color:#93e5d4}.divider{height:1px;background:#30333a;margin:24px 0}.center{display:grid;gap:18px;min-width:0}.preview-panel{padding:0;overflow:hidden}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px}.preview-head h2{margin-bottom:0}.segmented{display:flex;gap:3px;background:#0f1218;padding:3px;border-radius:8px}.segmented button{border:none;background:transparent;font-size:12px;white-space:nowrap}.segmented button.selected{background:#d9ffac22;color:#d9ffac}#stage-preview{display:block;width:100%;aspect-ratio:16/10;background:#142332;touch-action:none}.preview-tools{display:flex;gap:14px;align-items:center;padding:14px 20px 0;flex-wrap:wrap}.preview-tools label{display:flex;flex-direction:row;margin:0;align-items:center}.preview-tools button{font-size:11px;margin-left:auto}.preview-panel>p{padding:0 20px}.camera-control{flex-direction:row;align-items:center;padding:0 20px 10px;gap:18px;white-space:nowrap}.camera-control input{max-width:230px}.number-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.number-grid label{margin:8px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:12px}.library{display:grid;gap:8px;margin:12px 0}.library button{text-align:left;background:#1c2229;display:flex;align-items:center;gap:10px;font-size:12px}.library button small{display:block;font-size:10px;color:#879dad;margin-top:3px}.library img{width:64px;height:42px;object-fit:cover;border-radius:4px}.metrics{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;color:#8ea2b0}.metrics strong{color:#e0ece3;display:block;font:15px ui-monospace,monospace;margin-bottom:5px}.validation h3{color:#b5ebc7}.validation[data-invalid=true] h3,#stage-errors{color:#ffac98}#stage-errors:empty{display:none}#stage-errors{font-size:12px;padding-left:18px}details>summary{cursor:pointer;font-size:13px;color:#c8d1d7}details>p{font-size:13px;color:#a4b1bd;line-height:1.7}#stage-notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#d9ffac;color:#153227;padding:12px 20px;border-radius:9px;box-shadow:0 6px 20px #0005;font-size:13px;z-index:20;max-width:90vw}#job-steps{list-style:none;display:flex;gap:8px;padding:0;flex-wrap:wrap;font-size:11px;color:#a6b7c1}#job-steps li{padding:6px 10px;border:1px solid #354048;border-radius:6px}#job-steps .active{color:#f6d393;border-color:#a08451}#job-steps .done{color:#b2e5c7;background:#263d3422}.panel-heading{display:flex;justify-content:space-between;font-size:11px;color:#b5dbb3}footer{display:flex;justify-content:space-between;margin-top:30px;font-size:10px;letter-spacing:.06em;color:#7b8c98}#parallax-fields label{font-size:11px}#parallax-fields output{color:#b8decd}@media(max-width:1200px){.foundry{grid-template-columns:230px minmax(360px,1fr)}.inspector{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px 25px}.inspector>.divider{display:none}.flow{display:none}header{padding:15px}main{padding:25px 18px}}@media(max-width:750px){header{position:static;flex-wrap:wrap}nav{flex-wrap:wrap;gap:6px}.brand span{display:none}.foundry{display:flex;flex-direction:column}.identity,.center,.inspector{width:100%}.inspector{display:block}.intro{margin-top:0}.preview-head{flex-wrap:wrap}.preview-tools{gap:10px}.preview-tools label{font-size:11px}footer{gap:14px;line-height:1.5}.library{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}