:root{--red:#b5121b;--deep:#8f0e15;--ink:#20242a;--dark:#111317;--muted:#737a84;--line:#dfe2e6;--paper:#f5f6f7;--green:#2a8a5b;--amber:#c27a19}*{box-sizing:border-box}html,body,#ros{min-height:100%;margin:0}body{background:#0c0e11;color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}.app{min-height:100vh;background:var(--paper)}.bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:18px;min-height:70px;padding:10px 22px;background:var(--dark);color:#fff;border-bottom:2px solid var(--red)}.logo{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--red);font-weight:900}.brand b,.brand small{display:block}.brand b{font-size:16px}.brand small{color:#9299a3;font-size:8px;letter-spacing:.15em}.runtime{display:flex;gap:7px;margin-left:auto}.runtime span{padding:9px 11px;border-radius:11px;background:#20242a;color:#aeb4bc;font-size:9px;font-weight:900;letter-spacing:.08em}.runtime b{color:#fff}.runtime .good b{color:#69d69a}.runtime .bad b{color:#ff858c}.bar button{height:40px;padding:0 14px;border:1px solid #424750;border-radius:11px;background:#20242a;color:#fff;font-weight:800}.bar .primary{border-color:var(--red);background:var(--red)}.meta{display:grid;grid-template-columns:1fr 1.4fr .65fr .8fr;gap:12px;padding:18px 22px;background:#fff;border-bottom:1px solid var(--line)}label{display:grid;gap:5px;color:#6a717b;font-size:9px;font-weight:900;letter-spacing:.08em}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);outline:none}input,select{height:40px;padding:0 11px}textarea{min-height:100px;padding:11px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #b5121b12}.workspace{display:grid;grid-template-columns:230px minmax(460px,1fr) 320px;min-height:calc(100vh - 150px)}.library,.inspector{padding:18px;background:#fff}.library{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.side-title{margin:0 0 3px;font-size:16px}.side-copy{margin:0 0 17px;color:var(--muted);font-size:11px}.group{margin:16px 0}.group>span{display:block;margin-bottom:7px;color:var(--red);font-size:8px;font-weight:900;letter-spacing:.13em}.blocks{display:grid;gap:6px}.blocks button{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#f8f9fa;color:var(--ink);text-align:left;font-size:11px;font-weight:750}.blocks button:hover{border-color:var(--red);background:#fff}.blocks i{color:#a0a6ae;font-style:normal}.canvas{min-width:0;padding:18px 20px 80px}.canvas-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.canvas-head h1{margin:0;font-size:25px}.canvas-head p{margin:3px 0 0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.stat{padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff}.stat small,.stat b{display:block}.stat small{color:var(--muted);font-size:8px;font-weight:900}.stat b{margin-top:3px;font-size:16px}.rundown{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff}.columns,.segment{display:grid;grid-template-columns:62px 58px minmax(140px,1fr) 95px minmax(150px,1.1fr) 32px;align-items:center;gap:8px}.columns{padding:9px 12px;background:#e9ebee;color:#676e77;font-size:8px;font-weight:900;letter-spacing:.08em}.segment{min-height:68px;padding:9px 12px;border-top:1px solid #eceef0;cursor:pointer}.segment:hover,.segment.active{background:#fff7f7}.segment.active{box-shadow:inset 3px 0 var(--red)}.segment time{font-variant-numeric:tabular-nums;font-size:11px}.segment strong{font-size:12px}.segment small{display:block;margin-top:2px;color:var(--muted);font-size:9px}.source{width:max-content;padding:5px 7px;border-radius:7px;background:#f1f2f4;font-size:9px;font-weight:800}.segment button{width:28px;height:28px;border:0;border-radius:8px;background:#f1f2f4;color:#68707a}.warnings{margin-top:14px}.warning{padding:9px 11px;border-left:3px solid var(--amber);background:#fff8eb;font-size:10px}.editor-empty{display:grid;place-items:center;min-height:360px;color:var(--muted);text-align:center}.editor{display:grid;gap:12px}.editor h2{margin:0}.editor .row2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.editor .checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.editor .checks label{display:flex;align-items:center;gap:7px;min-height:38px;padding:8px;border:1px solid var(--line);border-radius:9px;font-size:9px}.editor input[type=checkbox]{width:16px;height:16px}.save{height:44px;border:0;border-radius:11px;background:var(--red);color:#fff;font-weight:900}.prototype{position:fixed;right:14px;bottom:14px;padding:7px 10px;border-radius:99px;background:#111317;color:#fff;font-size:8px;letter-spacing:.1em}@media(max-width:1050px){.workspace{grid-template-columns:200px minmax(430px,1fr)}.inspector{grid-column:1/-1;border-top:1px solid var(--line);border-left:0}.editor{grid-template-columns:repeat(2,1fr)}.editor h2,.editor .save{grid-column:1/-1}}@media(max-width:760px){.runtime{display:none}.meta,.workspace{grid-template-columns:1fr}.library{border-right:0}.blocks{grid-template-columns:repeat(2,1fr)}.canvas{padding-inline:10px}.columns,.segment{grid-template-columns:50px 48px minmax(110px,1fr) 80px 28px}.columns span:nth-child(5),.segment>div:nth-child(5){display:none}.stats{grid-template-columns:repeat(2,1fr)}}