*{box-sizing:border-box}html,body{margin:0;height:100%;background:#08090b;color:#f4f4f5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer;color:inherit}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0e1014;border-bottom:1px solid #272a30;position:sticky;top:0;z-index:5}.brand{display:flex;gap:10px;align-items:center}.logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#ff2433,#8b0008);display:grid;place-items:center;font-weight:900;font-size:24px;box-shadow:0 0 24px #e5091438}.brand b{display:block;letter-spacing:.7px}.brand small{display:block;color:#8e939c;font-size:10px;letter-spacing:2px}.top-actions{display:flex;gap:8px}.primary,.ghost,.small,.editor-actions button,.preview-head button{background:#191c22;border:1px solid #30343c;border-radius:9px;padding:9px 12px}.primary{background:#d90b18;border-color:#f02b36}.workspace{height:calc(100vh - 68px);display:grid;grid-template-columns:285px minmax(360px,1fr) minmax(300px,38%);overflow:hidden}.sidebar{border-right:1px solid #25282f;background:#0d0f13;overflow:auto}.project-card{padding:14px;border-bottom:1px solid #25282f}.project-card label{font-size:10px;color:#7f8590;letter-spacing:1.5px}.project-card input{width:100%;margin:7px 0 10px;background:#171a20;border:1px solid #30343c;border-radius:8px;color:#fff;padding:9px}.row{display:flex;gap:7px;margin-top:7px}.row>*{flex:1}.tabs{display:grid;grid-template-columns:1fr 1fr 1fr;padding:8px;gap:5px;border-bottom:1px solid #25282f}.tab{text-align:left;padding:9px 7px;border-radius:8px;background:transparent;color:#a7acb5;font-size:12px}.tab.active{background:#201116;color:#fff;border:1px solid #5a2026}.tab-panel{padding:12px}.toolbar{display:flex;gap:5px;flex-wrap:wrap}.file{display:flex;justify-content:space-between;align-items:center;padding:9px;border-radius:7px;color:#c9cdd4;cursor:pointer;gap:8px}.file span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file:hover,.file.active{background:#191c22}.muted{color:#777d87;font-size:12px}.section-title{font-size:11px;color:#7f8590;letter-spacing:1px;margin:12px 0 7px}.field{margin-bottom:10px}.field label{display:block;font-size:11px;color:#8e949e;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;background:#171a20;border:1px solid #30343c;color:#fff;border-radius:8px;padding:9px}.field textarea{min-height:90px;resize:vertical}.danger{background:#3a1216!important;border-color:#672027!important}.editor{display:flex;flex-direction:column;min-width:0}.editor-head,.statusbar,.preview-head{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#0e1014;border-bottom:1px solid #25282f}.editor-head{font-size:12px;color:#cbd0d8}.editor-actions{display:flex;gap:6px}.editor-actions button{padding:6px 9px}.editor-actions button:disabled{opacity:.35;cursor:not-allowed}.dirty{display:inline-block;width:6px;height:6px;background:#ffb000;border-radius:50%;margin-left:7px}.editor textarea{flex:1;width:100%;resize:none;border:0;outline:0;background:#0a0c0f;color:#e6e8eb;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.55;tab-size:2}.statusbar{height:28px;border-top:1px solid #25282f;border-bottom:0;font-size:10px;color:#7f8590}.preview-pane{border-left:1px solid #25282f;background:#08090b;display:flex;flex-direction:column}.preview-head{height:44px}.preview-pane iframe{flex:1;width:100%;border:0;background:#fff}.empty{padding:30px 15px;text-align:center;color:#737983}.pill{display:inline-block;padding:4px 7px;border-radius:99px;background:#242831;font-size:10px;margin:2px}.function-card{background:#15181d;border:1px solid #292d34;border-radius:10px;padding:10px;margin-bottom:8px}.function-card b{display:block;margin-bottom:3px}.function-card .actions{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.function-card button{background:#22262d;border:1px solid #343943;border-radius:7px;padding:5px 8px;font-size:11px}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.asset-card{background:#15181d;border:1px solid #292d34;border-radius:10px;padding:8px;min-width:0}.asset-card img{width:100%;height:90px;object-fit:contain;background:#0b0d10;border-radius:7px}.asset-card b,.asset-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card small{font-size:9px;color:#777d87;margin:3px 0 7px}.asset-card button{background:#22262d;border:1px solid #343943;border-radius:7px;padding:5px 8px;font-size:11px;width:100%}.autosave{margin-top:9px;font-size:10px;color:#777d87}.autosave b{color:#cfd3d9}.autosave span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#41d17d;margin-right:5px}.autosave span.flash{box-shadow:0 0 10px #41d17d}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:20;padding:18px}.modal.hidden{display:none}.modal-box{width:min(620px,100%);max-height:90vh;overflow:auto;background:#101217;border:1px solid #30343c;border-radius:14px;box-shadow:0 30px 90px #000}.modal-head{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid #282c33}.modal-head button{background:none;font-size:24px;color:#aaa}.modal-box form,.modal-body{padding:14px}.modal-actions{display:flex;gap:7px;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}.modal-actions button{padding:9px 13px;border-radius:8px;background:#22262d}.modal-actions .ok{background:#d90b18}.check{display:flex;gap:8px;align-items:center;margin:8px 0;color:#cfd3d9}.search-result{padding:8px;border-bottom:1px solid #25282f;cursor:pointer}.search-result small{display:block;color:#747a84;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-list{padding:14px}.project-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px;border:1px solid #292d34;border-radius:9px;background:#15181d;margin-bottom:7px}.project-item small{display:block;color:#777d87;margin-top:3px}.project-item button{background:#22262d;border:1px solid #343943;border-radius:7px;padding:6px 8px;font-size:11px;margin-left:4px}.validation{padding:14px}.checkline{padding:10px;border-radius:8px;margin-bottom:8px}.checkline.good{background:#10301d;color:#8ee0aa}.checkline.bad{background:#3a1216;color:#ff9ba3}.checkline.warn{background:#342b0d;color:#ffd86a}.vitem{padding:7px 9px;border-left:3px solid #555;margin:4px 0;background:#171a20;font-size:12px}.vitem.bad{border-color:#f02b36}.vitem.warn{border-color:#d9a300}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;background:#15181d;border:1px solid #3a3e46;padding:10px 14px;border-radius:10px;z-index:50;transition:.2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:1050px){.workspace{grid-template-columns:240px 1fr}.preview-pane{display:none}}@media(max-width:700px){.topbar{height:auto;gap:8px;align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.workspace{height:calc(100vh - 86px);grid-template-columns:1fr}.sidebar{height:48%;border-right:0;border-bottom:1px solid #25282f}.editor{height:52%}.preview-pane{display:none}.top-actions button{padding:7px 8px;font-size:12px}.brand b{font-size:13px}.tabs{grid-template-columns:1fr 1fr 1fr}.asset-grid{grid-template-columns:1fr 1fr}.project-item{align-items:flex-start;flex-direction:column}.project-item>div:last-child{width:100%}}