:root{color-scheme:dark;font-family:system-ui;background:#0c1112;color:#edf5ef}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 28px;border-bottom:1px solid #344144}header b{color:#b7fa72;font-size:14px}header span{color:#9eafaa;font-size:12px}a{color:#b7fa72}main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;padding:24px;max-width:1600px;margin:auto}.screen{min-width:0}.screen canvas{width:100%;max-height:65vh;object-fit:contain;background:#050707;border-radius:12px}video{width:100%;max-height:130px;margin-top:10px;background:#070b0c}label{display:grid;gap:7px;margin:13px 0;font-size:13px}input,select,button{font:inherit;color:inherit;background:#182225;border:1px solid #415154;border-radius:8px;padding:11px;min-height:42px;max-width:100%}input[type=range]{width:100%;accent-color:#b7fa72}button,a{cursor:pointer}button:disabled{opacity:.4}#render{background:#b7fa72;color:#0c1112;font-weight:700}.buttons{display:flex;gap:8px;flex-wrap:wrap}.hint{color:#a4b5af;font-size:12px;line-height:1.6}details{border:1px solid #344144;border-radius:10px;padding:14px;margin:12px 0}summary{cursor:pointer;font-weight:600}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pair input{width:100%}#status{line-height:1.5}progress{width:100%;accent-color:#b7fa72;margin:14px 0}[hidden]{display:none!important}@media(max-width:800px){main{grid-template-columns:1fr;padding:12px}header{padding:14px;flex-wrap:wrap}header span{display:none}.screen canvas{max-height:45vh}aside{padding-bottom:30px}}

#clipPanel{border-color:#82b952;background:#14201a}.clipCandidate{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px 0;border-top:1px solid #344144}.clipCandidate>input:first-child,.clipCandidate>button{grid-column:1/-1}.clipCandidate input{width:100%;min-width:0}#clipPanel a{font-size:12px;padding:10px 0}

textarea{width:100%;font:inherit;background:#182225;color:inherit;border:1px solid #415154;border-radius:8px;padding:12px}#checkitResults p{font-size:13px;line-height:1.6}

.checkitOffer{margin:12px 0;padding:14px;border:1px solid #465d69;border-radius:8px;background:#192a31}.checkitOffer[hidden]{display:none}.checkitOffer strong{font-size:13px}.checkitOffer p{font-size:12px;line-height:1.5}.checkitOffer a{display:inline-block;margin-right:12px;color:#c2fa77}.checkitOffer button{padding:6px 10px;font-size:12px}

.workspaceTrail{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:12px 4vw;border-bottom:1px solid #34433e;background:#101a17;margin:0;white-space:nowrap}.workspaceTrail a{display:inline-flex;align-items:center;padding:9px 14px;border:1px solid #334c42;border-radius:24px;color:#bacbc3;font-size:12px;text-decoration:none}.workspaceTrail a[aria-current=page]{background:#c2fa77;color:#15240c;border-color:#c2fa77}.workspaceTrail a:hover{border-color:#b6ed84}header nav a[aria-current=page]{color:#c2fa77}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #c2fa77;outline-offset:3px}@media(max-width:650px){.workspaceTrail{padding:10px 5vw}.workspaceTrail a{padding:8px 12px;font-size:11px}header nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}header nav a{white-space:nowrap}}

body{background:radial-gradient(ellipse at 20% 0%,#22392d66,transparent 45%),#0c1112}header{background:#101b17}main{gap:28px}.screen{padding:18px;border:1px solid #354b41;border-radius:18px;background:#111d1888;align-self:start}aside{min-width:0}aside>details{background:linear-gradient(145deg,#1c2b27,#111b1e);border-color:#40574b;border-radius:14px}aside>label{color:#c4d9cb}#render{box-shadow:0 4px 22px #8fce5822}details>summary{font-size:13px;letter-spacing:.15px}#publishPanel{background:#122a29;border-color:#52816e}#publishPanel button{font-size:12px}header span{border:1px solid #43594c;border-radius:24px;padding:7px 12px}#socialState{padding:12px;border-left:2px solid #aee875;background:#0e1d17;overflow-wrap:anywhere}@media(max-width:800px){.screen{padding:12px}.workspaceTrail{margin:0}main{gap:14px}}