:root{color:#f6f7fa;--red:#e83b34;--line:#292c34;background:#08090d;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.studio{grid-template-columns:245px 1fr;min-height:100vh;display:grid}aside{border-right:1px solid var(--line);background:#0d0f14;flex-direction:column;padding:26px 16px;display:flex}.logo{align-items:center;gap:12px;padding:0 10px 30px;display:flex}.logo>span{background:var(--red);clip-path:polygon(8% 0,100% 0,88% 100%,0 100%);place-items:center;width:38px;height:40px;font-weight:900;display:grid}.logo strong,.logo small{display:block}.logo small{color:#707783;margin-top:3px}nav{gap:5px;display:grid}nav button{color:#858c9a;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;padding:12px;display:flex}nav button.active,nav button:hover{color:#fff;background:#1b1e27}.version{color:#626873;margin-top:auto;padding:12px;font-size:.78rem}main{padding:34px 4vw}header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}header small,.form-title small,.list-title small{color:#757c88;letter-spacing:.12em;font-size:10px}h1{margin:4px 0;font-size:2.3rem}.release-badge{color:#ff7771;border:1px solid #5c2829;padding:8px 12px}.access-panel{background:#191112;border:1px solid #50302e;grid-template-columns:auto 1fr minmax(180px,300px) auto;align-items:center;gap:15px;padding:18px 20px;display:grid}.access-panel>svg{color:#ee5b54}.access-panel strong,.access-panel span{display:block}.access-panel span{color:#818792;margin-top:3px;font-size:12px}.access-panel input,.fields input,.fields select,.fields textarea{color:#fff;background:#0d0f13;border:1px solid #30343d;width:100%;padding:11px 12px}.access-panel button,.submit{background:var(--red);color:#fff;border:0;padding:11px 16px;font-weight:700}.status-line{color:#939aa7;align-items:center;gap:8px;padding:14px 2px;font-size:12px;display:flex}.status-line svg{color:#68a879}.workspace{grid-template-columns:minmax(440px,1.15fr) minmax(330px,.85fr);gap:16px;display:grid}form,.project-list{border:1px solid var(--line);background:#11141a;padding:26px}.form-title,.list-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:18px;display:flex}.form-title h2,.list-title h2{margin:4px 0 0}.form-title svg{color:var(--red)}.fields{grid-template-columns:1fr 1fr;gap:15px;display:grid}.fields label{color:#a6abb5;gap:7px;font-size:12px;display:grid}.fields .wide{grid-column:1/-1}.fields textarea{resize:vertical}.submit{width:100%;margin-top:18px;padding:13px}.submit:disabled,.access-panel button:disabled{opacity:.45}.list-title button{border:1px solid var(--line);color:#aaa;background:0 0;width:36px;height:36px}.project-list article{border-bottom:1px solid #23262d;align-items:center;gap:12px;padding:15px 0;display:flex}.project-list article strong,.project-list article small{display:block}.project-list article small{color:#737985;margin-top:4px}.state{text-align:center;color:#e2a15c;border:1px solid #5d4326;width:84px;padding:5px;font-size:9px}.state.published{color:#72b882;border-color:#315d3a}.state.archived{color:#999;border-color:#444}.empty{text-align:center;color:#666;padding:60px 15px;line-height:1.6}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1000px){.studio{grid-template-columns:78px 1fr}.logo div,nav button{font-size:0}.version{display:none}.workspace{grid-template-columns:1fr}.access-panel{grid-template-columns:auto 1fr}.access-panel input,.access-panel button{grid-column:2}}@media (width<=620px){.studio{display:block}aside{display:none}main{padding:20px}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}.access-panel{grid-template-columns:1fr}.access-panel input,.access-panel button{grid-column:auto}}