:root{--bg-top: #fff8d8;--bg-bottom: #d3edf8;--panel: #fffdf6;--line: #b7c4ca;--ink: #122433;--accent: #0f7280;--accent-2: #d85f2c}*{box-sizing:border-box}body{margin:0;font-family:Avenir Next,Trebuchet MS,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 15%,#ffefc0 0,transparent 45%),radial-gradient(circle at 90% 85%,#c9f8f3 0,transparent 42%),linear-gradient(145deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}.editor-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.editor-topbar{border-bottom:1px solid var(--line);background:#fffdf6f2;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.editor-grid{display:grid;grid-template-columns:minmax(180px,260px) 1fr minmax(220px,300px);gap:14px;padding:14px}.panel{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:12px;box-shadow:0 10px 22px #12243314}.preview-box{min-height:320px;border:1px dashed var(--accent);border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#0f728012,#d85f2c1a)}.stack{display:grid;gap:10px}.btn{border:1px solid transparent;border-radius:10px;padding:8px 10px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.btn:hover{background:var(--accent-2)}select,textarea,input{width:100%;margin-top:6px;border-radius:8px;border:1px solid var(--line);padding:8px;font:inherit;color:var(--ink);background:#fffefb}.editor-runtime-stage{position:relative;overflow:hidden;min-height:420px;align-items:stretch}.editor-stage-canvas{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50%}.editor-stage-grid-line{position:absolute;pointer-events:none;z-index:2}.editor-stage-grid-line[style*=left]{top:0;bottom:0;width:1px;background:#1224331a}.editor-stage-grid-line[style*=top]{left:0;right:0;height:1px;background:#1224331a}.preview-layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;border:1px solid rgb(18 36 51 / 10%);transition:transform .18s linear}.preview-layer>span{position:absolute;left:10px;top:8px;font-size:12px;font-weight:700;color:#102334bf;background:#ffffffa8;border-radius:999px;padding:2px 8px}.preview-trigger{position:absolute;border:1px dashed #d85f2c;background:#d85f2c1f;border-radius:6px;font-size:11px;font-weight:700;color:#7b2f13;z-index:30;pointer-events:none;display:grid;place-items:center}.editor-stage-rect{position:absolute;border:1px dashed #d85f2c;background:#d85f2c1a;border-radius:8px;color:#7b2f13;z-index:34;cursor:move;display:block;padding:0;box-shadow:0 10px 20px #1224331a}.editor-stage-rect>span{position:absolute;left:8px;top:6px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#ffffffd1;color:inherit;font-size:11px;font-weight:700;white-space:nowrap}.editor-stage-rect--selected{box-shadow:0 0 0 2px #ffd166a6,0 12px 24px #12243324}.preview-actor{position:absolute;transform:translate(-50%,-50%);min-width:52px;min-height:26px;border-radius:999px;border:1px solid #1f6e83;background:linear-gradient(135deg,#2cb3c4,#17698a);color:#f4ffff;font-size:11px;font-weight:800;display:grid;place-items:center;z-index:45}.preview-overlay{position:absolute;left:10px;bottom:10px;z-index:60;background:#ffffffc2;border:1px solid rgb(18 36 51 / 18%);border-radius:10px;padding:8px 10px}.preview-overlay p{margin:0;font-size:12px}.field-event-timeline{border:1px solid rgb(18 36 51 / 12%);border-radius:12px;background:linear-gradient(180deg,#ffffffb8,#f4fafbeb);padding:10px;display:grid;gap:10px}.field-event-timeline__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.field-event-timeline__meta{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.field-event-timeline__zoom{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.field-event-timeline__snap{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.field-event-timeline__meta>span,.field-event-step__pill,.field-event-step__time{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.field-event-timeline__meta>span,.field-event-step__time{background:#12243314;color:#122433c2}.field-event-step__pill{background:linear-gradient(135deg,#fff4c8f5,#ffd166eb);color:#6a4300}.field-event-track-list{display:grid;gap:10px}.field-event-playhead{display:grid;gap:8px}.field-event-ruler{display:grid;gap:6px}.field-event-ruler__meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.field-event-ruler__meta>span{opacity:.72}.field-event-ruler__lane{position:relative;min-height:28px;border-radius:10px;border:1px solid rgb(18 36 51 / 10%);background:linear-gradient(180deg,#ffffffeb,#f4fafbf5)}.field-event-ruler__scroller{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.field-event-ruler__tick{position:absolute;top:0;bottom:0;width:1px;background:#12243324;transform:translate(-50%)}.field-event-ruler__tick>small{position:absolute;top:4px;left:6px;font-size:10px;font-weight:700;color:#1224339e;white-space:nowrap}.field-event-playhead__meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.field-event-playhead__meta>span{opacity:.72}.field-event-playhead__lane{position:relative;min-height:26px;border-radius:999px;border:1px solid rgb(18 36 51 / 12%);background:repeating-linear-gradient(90deg,rgb(18 36 51 / 4%) 0,rgb(18 36 51 / 4%) 1px,transparent 1px,transparent 40px),linear-gradient(180deg,#ffffffeb,#f4fafbf5);cursor:ew-resize}.field-event-playhead__scroller,.field-event-track__scroller{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.field-event-playhead__marker,.field-event-track__playhead{position:absolute;top:2px;bottom:2px;width:2px;border-radius:999px;background:linear-gradient(180deg,#ff8d53,#c73b1d);box-shadow:0 0 0 1px #ffffffb8;transform:translate(-50%);pointer-events:none;z-index:1}.field-event-playhead__range{position:absolute;top:3px;bottom:3px;z-index:1;border:1px solid rgb(15 114 128 / 36%);border-radius:999px;background:linear-gradient(180deg,#0f728029,#d85f2c29);box-shadow:inset 0 0 0 1px #ffffff47;cursor:grab;padding:0}.field-event-playhead__range:active{cursor:grabbing}.field-event-playhead__range-handle{position:absolute;top:-2px;bottom:-2px;width:10px;border-radius:999px;background:#ffffffc7;box-shadow:0 0 0 1px #1224331f;cursor:ew-resize}.field-event-playhead__range-handle--start{left:-4px}.field-event-playhead__range-handle--end{right:-4px}.field-event-playhead__actions{display:flex;gap:8px;flex-wrap:wrap}.field-event-track{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:10px;align-items:center}.field-event-track__label{display:grid;gap:2px;font-size:12px}.field-event-track__label>span{opacity:.7}.field-event-track__lane{position:relative;min-height:56px;border-radius:12px;border:1px solid rgb(18 36 51 / 10%);background:repeating-linear-gradient(90deg,rgb(18 36 51 / 4%) 0,rgb(18 36 51 / 4%) 1px,transparent 1px,transparent 40px),linear-gradient(180deg,#ffffffeb,#f4fafbf5);overflow:hidden}.field-event-track__selection{position:absolute;top:5px;bottom:5px;z-index:1;border:1px dashed rgb(15 114 128 / 55%);border-radius:10px;background:#0f728024;pointer-events:none}.field-event-track__bar{position:absolute;top:7px;bottom:7px;z-index:2;border:1px solid rgb(18 36 51 / 12%);border-radius:10px;background:linear-gradient(135deg,#1f8e9c,#0f7280 58%,#d85f2c 120%);color:#f5ffff;padding:7px 10px;display:grid;align-content:center;gap:2px;text-align:left;box-shadow:0 10px 20px #12243324;cursor:grab;overflow:visible}.field-event-track__bar:active{cursor:grabbing}.field-event-track__bar>span,.field-event-track__bar>small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-event-track__bar>span{font-size:11px;font-weight:800}.field-event-track__bar>small{font-size:10px;opacity:.92}.field-event-track__resize{position:absolute;top:4px;right:-4px;bottom:4px;width:10px;border-radius:999px;background:#ffffff6b;box-shadow:0 0 0 1px #1224331f;cursor:ew-resize}.field-event-track__trim-start{position:absolute;top:4px;left:-4px;bottom:4px;width:10px;border-radius:999px;background:#ffffff6b;box-shadow:0 0 0 1px #1224331f;cursor:ew-resize}.field-event-step__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.field-event-step__summary{font-size:12px;opacity:.84}.editor-stage-node,.editor-stage-handle{position:absolute;transform:translate(-50%,-50%);border:1px solid rgb(18 36 51 / 18%);cursor:grab;z-index:48}.editor-stage-node{min-width:44px;min-height:24px;padding:4px 8px;border-radius:999px;background:#ffffffdb;color:var(--ink);font-size:11px;font-weight:700;box-shadow:0 8px 18px #1224331f}.editor-stage-node--entry{background:linear-gradient(135deg,#fff4c8,#ffd166)}.editor-stage-node--entity{background:linear-gradient(135deg,#d8f3f0,#8bd3dd)}.editor-stage-node--portal{background:linear-gradient(135deg,#f5e5ff,#d0a8ff)}.editor-stage-node--selected{box-shadow:0 0 0 2px #ffd166b3,0 10px 20px #1224332e}.editor-stage-handle{width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,#fff6d9,#f4a261);color:#6a3d00;font-size:10px;font-weight:800;display:grid;place-items:center;box-shadow:0 8px 18px #1224331f}.editor-stage-handle--rect{width:18px;height:18px;background:linear-gradient(135deg,#fff,#ffd166);color:#7b2f13;font-size:8px;z-index:52}.editor-stage-marquee{position:absolute;border:1px dashed rgb(15 114 128 / 88%);background:#0f72801f;border-radius:10px;z-index:70;pointer-events:none}.script-studio{display:grid;gap:10px;background:linear-gradient(180deg,#fffdf6eb,#fafbf6fa),radial-gradient(circle at top right,rgb(15 114 128 / 10%),transparent 40%)}.script-studio__header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.script-studio__pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.script-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;border:1px solid rgb(18 36 51 / 12%);background:#ffffffd9;color:var(--ink)}.script-pill--ok{background:#d3f8e4eb;color:#155b36}.script-pill--error{background:#ffe2ddf0;color:#8b2f1f}.script-pill--pending{background:#fff3ccf0;color:#7c5d10}.script-studio__controls,.script-studio__actions{display:flex;flex-wrap:wrap;gap:8px}.script-studio__controls>label{flex:1 1 220px}.script-studio__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.script-monaco-shell{border:1px solid rgb(18 36 51 / 14%);border-radius:12px;overflow:hidden;box-shadow:inset 0 1px #ffffffa6}.script-monaco-loading{min-height:220px;display:grid;place-items:center;color:#425e7a;background:linear-gradient(180deg,#fffdf8,#f4f8fa);font-weight:700}.script-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.script-permission-card{display:flex;gap:10px;align-items:flex-start;border:1px solid rgb(18 36 51 / 10%);border-radius:12px;padding:10px;background:#ffffffb8}.script-permission-card input{width:auto;margin:2px 0 0}.script-permission-card span{display:grid;gap:3px}.script-permission-card small{color:#5a6b78;line-height:1.35}@media(max-width:980px){.editor-grid{grid-template-columns:1fr}.script-studio__header,.script-studio__controls,.script-studio__actions{flex-direction:column}.script-studio__grid,.script-permission-grid{grid-template-columns:1fr}}