html.se-workspace-open,body.se-workspace-open{overflow:hidden!important;overscroll-behavior:none}
#story-editor{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;box-sizing:border-box;padding:0;border:0;border-radius:0;background:#111926;color:#edf1f8;overflow:hidden;box-shadow:none}
#story-editor[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
#story-editor::backdrop{background:#060b13df}
#story-editor button{font:inherit;font-size:13px;border:1px solid #4b5870;background:#202e42;color:#f0f4ff;border-radius:7px;padding:7px 10px;cursor:pointer;min-height:36px;white-space:nowrap}
#story-editor button[aria-pressed=true]{background:#49388b;border-color:#b6a4ff}
#story-editor button:disabled{opacity:.4;cursor:default}
#story-editor button:focus-visible,#story-editor input:focus-visible,#story-editor select:focus-visible,#story-editor textarea:focus-visible{outline:3px solid #a89aff;outline-offset:2px}
#story-editor .studio-primary{background:#7259d9}
.se-header{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:6px 10px;background:#182234;border-bottom:1px solid #354154}
.se-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.se-history,.se-main-actions,.se-zoom-toolbar,.se-slide-controls{display:flex;gap:6px;align-items:center}
.se-slide-controls label{display:flex;gap:6px;align-items:center;font-size:12px;margin:0}.se-slide-controls select{background:#101b2c;color:white;padding:6px;border:1px solid #53617a;border-radius:6px;min-height:36px}
.se-main-actions{margin-left:auto}.se-zoom-toolbar output{min-width:45px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}
#se-status{padding:8px 10px;font-size:12px;line-height:18px;color:#a9dfce;background:#132c2a;border-radius:6px;overflow-wrap:anywhere}#se-status.se-error{color:#ffd0bd;background:#432a25}
#story-editor .se-status-indicator{display:flex;align-items:center;gap:6px;color:#d8c6ff}#story-editor .se-status-indicator.se-ready{color:#a9dfce}#story-editor .se-status-indicator.se-attention{color:#ffd0bd;background:#432a25}
.se-layout{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}
.se-properties-open .se-layout{grid-template-columns:minmax(0,1fr) 300px}
.se-artboard-wrap{position:relative;min-width:0;min-height:0;background:#0c121c;overflow:hidden}
#se-viewport{position:absolute;inset:0;overflow:auto;touch-action:none;overscroll-behavior:contain;outline-offset:-3px}
#se-viewport.se-at-fit{overflow:hidden}
#se-viewport.se-hand,#se-viewport.se-hand *{cursor:grab!important}
#se-viewport.se-panning,#se-viewport.se-panning *{cursor:grabbing!important}
#se-surface{position:relative}
.se-stage{position:absolute;max-width:none;min-width:0;touch-action:none;user-select:none;isolation:isolate}
#se-canvas{display:block;width:100%;height:100%;border-radius:2px;box-shadow:0 8px 25px #0006}
#se-objects{position:absolute;inset:0;pointer-events:none}
.se-object{position:absolute;pointer-events:auto;cursor:move;transform-origin:center;outline:1px dashed #d2ccff55;box-sizing:border-box;touch-action:none}
.se-object.selected{outline:2px solid #b09bff;background:#a99aff09}
.se-object:hover{outline-color:#c8bbff}
.se-handle{position:absolute;width:24px;height:24px;display:grid;place-items:center;touch-action:none;z-index:2;transform:translate(-50%,-50%)}
.se-handle::after{content:'';width:10px;height:10px;border:2px solid #7960e1;border-radius:2px;background:#fff;box-shadow:0 1px 4px #0006}
.se-nw{left:0;top:0;cursor:nwse-resize}.se-n{left:50%;top:0;cursor:ns-resize}.se-ne{left:100%;top:0;cursor:nesw-resize}.se-e{left:100%;top:50%;cursor:ew-resize}.se-se{left:100%;top:100%;cursor:nwse-resize}.se-s{left:50%;top:100%;cursor:ns-resize}.se-sw{left:0;top:100%;cursor:nesw-resize}.se-w{left:0;top:50%;cursor:ew-resize}
.se-rotate{left:50%;top:-28px;cursor:grab}.se-rotate::after{border-radius:50%;width:14px;height:14px;background:#b8a5ff}.se-rotate::before{content:'';position:absolute;width:1px;height:18px;background:#b8a5ff;top:18px}
.se-properties{display:none;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;border-left:1px solid #354154;background:#172131;overscroll-behavior:contain}
.se-properties-open .se-properties{display:block}.se-panel-heading{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;background:#1e2b40;padding:10px 14px;border-bottom:1px solid #3c4960;font-size:14px}.se-panel-content{padding:14px}.se-properties details{border-top:1px solid #354154;margin-top:14px;padding-top:12px}.se-properties summary{cursor:pointer;font-weight:600;font-size:14px;min-height:28px}.se-properties details[open]>summary{margin-bottom:10px}
.se-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;margin:12px 0}.se-properties label{font-size:12px;color:#c8d1e1;display:flex;gap:6px;flex-direction:column;min-width:0}
.se-properties input:not([type=checkbox]),.se-properties select,.se-properties textarea{width:100%;box-sizing:border-box;border:1px solid #4b5870;border-radius:6px;background:#0f1826;color:#f1f4ff;padding:8px;font:inherit;min-height:40px}
.se-properties input[type=color]{padding:3px}.se-properties input[type=range]{padding:0;accent-color:#aa95ff}.se-properties textarea{font-size:14px;resize:vertical}
.se-checks{display:flex;gap:14px;flex-wrap:wrap}.se-checks label{flex-direction:row;align-items:center;min-height:32px}.se-checks input{width:18px;height:18px;accent-color:#aa95ff}
.se-properties output{display:block;font-size:12px;color:#acb9ce}.se-layer-actions{display:flex;gap:7px;flex-wrap:wrap}.se-layer-actions button{font-size:12px!important}.se-layer{display:block;text-align:left;width:100%;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.se-layer.selected{border-color:#b29aff!important;background:#392c60!important}
.se-help{font-size:12px;color:#aebcd0;line-height:1.5;margin:10px 0}.se-properties textarea{margin:10px 0}
.se-disclosure-row{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:8px 0;font-size:13px;color:#ffe0a8}.se-object-actions{margin-top:16px}#se-disclosures{border-color:#b88d48}#se-caption-status{overflow-wrap:anywhere}
.se-direct-text{position:absolute;z-index:4;box-sizing:border-box;background:#111827aa;border:2px solid #cab9ff;resize:none;border-radius:0;outline:none;transform-origin:center;overflow:auto;user-select:text;touch-action:auto}
.se-discard-confirm{position:absolute;inset:0;z-index:10;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:14px;background:#111827f5;padding:24px;text-align:center}.se-discard-confirm p{flex-basis:100%;font-size:18px}.se-discard-confirm button{min-height:44px!important}
.se-saving .se-layout,.se-saving .se-header{pointer-events:none;opacity:.65}
@media(pointer:coarse){.se-handle{width:36px;height:36px}.se-handle::after{width:12px;height:12px}.se-rotate{top:-30px}}
@media(max-width:899px){.se-header{gap:6px;padding:6px 8px}.se-header .se-history{margin-left:auto}.se-header .se-zoom-toolbar{order:3;flex:1}.se-header .se-main-actions{order:4;margin-left:0}.se-status-label{display:none}.se-layout{position:relative}.se-properties-open .se-layout{grid-template-columns:minmax(0,1fr)}.se-properties{position:absolute;z-index:6;inset:0 0 0 auto;width:min(300px,85vw);box-shadow:-12px 0 35px #0009}.se-panel-heading{padding:5px 12px}.se-panel-content{padding:10px 14px}}
@media(max-width:380px){#story-editor button{font-size:12px;padding:6px 7px}.se-header{gap:4px}.se-zoom-toolbar{gap:3px}.se-zoom-toolbar output{min-width:36px}.se-main-actions{gap:4px}}
