.story-editor{--se-bg: #0B1110;--se-surface: #141C1B;--se-surface2: #0D1312;--se-border: #253130;--se-petrol: #0E5E57;--se-copper: #E0A44C;--se-text: #E9EFED;--se-muted: #9AA8A4;position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:var(--se-bg);color:var(--se-text);overscroll-behavior:contain;padding-top:env(safe-area-inset-top);font-size:14px}.story-editor-topbar{display:flex;align-items:center;gap:6px;min-height:56px;padding:6px 12px;border-bottom:1px solid var(--se-border);background:var(--se-surface);flex-shrink:0}.se-iconbtn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--se-text);cursor:pointer;transition:background .15s ease,transform .12s ease,border-color .15s ease}.se-iconbtn:hover{background:#ffffff0f}.se-iconbtn:active{transform:scale(.92);background:#ffffff1a}.se-iconbtn:disabled{opacity:.28;cursor:default;transform:none;background:transparent}.se-topbar-history{display:flex;gap:2px}.se-topbar-spacer{flex:1}.se-donebtn{min-height:40px;padding:0 20px;font-weight:700;border-radius:12px}.story-editor-notice{margin:8px 12px 0;padding:10px 12px;border:1px solid #7a2e2e;border-radius:10px;background:#2a1512;color:#ffb4a8;font-size:13px}.story-editor-busy{margin:8px 12px 0;padding:10px 12px;border:1px solid var(--se-petrol);border-radius:10px;background:#0e2a27;color:#9adfd6;font-size:13px}.story-editor-canvas{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px;min-height:0}.story-editor-stage-wrap{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--se-border);box-shadow:0 12px 40px #0000008c;touch-action:none;background:#000}.story-editor-stage-wrap canvas{display:block}.story-editor-safezone{position:absolute;left:0;right:0;border-top:1px dashed rgba(255,255,255,.22);pointer-events:none}.story-editor-safezone-top{top:calc(250 / 1920 * 100%)}.story-editor-safezone-bottom{top:calc(100% - 250 / 1920 * 100%);border-top:none;border-bottom:1px dashed rgba(255,255,255,.22)}.story-editor-inlineedit{position:absolute;z-index:6;background:transparent;border:none;outline:none;padding:0;margin:0;resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word;caret-color:#fff;-webkit-user-select:text;user-select:text;-webkit-tap-highlight-color:transparent}.story-editor-editdone{position:absolute;top:10px;right:10px;z-index:7;background:var(--se-copper);color:#14100a;border:none;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #00000073}.story-editor-toolbar{border-top:1px solid var(--se-border);background:var(--se-surface);padding-bottom:env(safe-area-inset-bottom);flex-shrink:0}.story-editor-toolpanel{max-height:34vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 14px 12px;border-bottom:1px solid var(--se-border);background:var(--se-surface2)}.story-editor-toolpanel:empty{display:none}.story-editor-toolrow{display:flex;justify-content:space-between;gap:2px;padding:8px 8px 10px}.se-toolbtn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:60px;padding:8px 2px 6px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--se-muted);font-size:10px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .15s ease,color .15s ease,transform .12s ease,border-color .15s ease}.se-toolbtn:active{transform:scale(.94)}.se-toolbtn.active{background:var(--se-petrol);color:#fff;transform:scale(1.03);box-shadow:0 4px 14px #0e5e5773}.se-toolbtn:disabled{opacity:.3}.se-toolicon{display:flex;line-height:0}.se-toollabel{line-height:1.2}.se-panel{display:flex;flex-direction:column;gap:12px}.se-panelrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.se-panelgroup{display:flex;flex-direction:column;gap:6px;min-width:0}.se-panelcap{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--se-muted)}.se-panel select{background:var(--se-surface);color:var(--se-text);border:1px solid var(--se-border);border-radius:10px;padding:10px 12px;font-size:14px;min-height:44px}.se-panel input[type=range],.story-editor-musictrim input[type=range]{accent-color:var(--se-copper);min-height:32px;min-width:120px}.story-editor-swatches{display:flex;gap:8px;flex-wrap:wrap}.story-editor-swatch{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.14);cursor:pointer;padding:0;transition:transform .12s ease,border-color .15s ease}.story-editor-swatch:active{transform:scale(.9)}.story-editor-swatch.active{border-color:var(--se-copper);box-shadow:0 0 0 2px #e0a44c59}.story-editor-hint{font-size:12px;color:var(--se-muted);line-height:1.45}.se-seg{display:inline-flex;border:1px solid var(--se-border);border-radius:10px;overflow:hidden;background:var(--se-surface)}.se-segbtn{min-width:44px;min-height:40px;padding:0 12px;border:none;background:transparent;color:var(--se-muted);font-size:15px;cursor:pointer}.se-segbtn+.se-segbtn{border-left:1px solid var(--se-border)}.se-segbtn.active{background:var(--se-petrol);color:#fff}.se-shaperow{display:flex;gap:8px;flex-wrap:wrap}.se-shapebtn{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px;min-height:60px;justify-content:center;background:var(--se-surface);border:1px solid var(--se-border);border-radius:12px;color:var(--se-text);padding:8px 10px;cursor:pointer;font-size:22px;transition:border-color .15s ease,transform .12s ease}.se-shapebtn:active{transform:scale(.94);border-color:var(--se-copper)}.se-shapebtn small{font-size:10px;color:var(--se-muted);font-weight:600}.se-bgpanel{display:flex;flex-direction:column;gap:10px}.se-bgpanel .se-bgtiles{display:flex;gap:10px;flex-wrap:wrap}.se-bgtile{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;padding:2px;cursor:pointer}.se-bgthumb{width:52px;height:52px;border-radius:14px;display:block;overflow:hidden;border:2px solid rgba(255,255,255,.14);background:#000;transition:border-color .15s ease,transform .12s ease;position:relative}.se-bgtile:active .se-bgthumb{transform:scale(.92)}.se-bgtile.active .se-bgthumb{border-color:var(--se-copper);box-shadow:0 0 0 2px #e0a44c59}.se-bgthumb img{width:100%;height:100%;object-fit:cover;display:block}.se-bgvideoicon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--se-muted);background:var(--se-surface)}.se-bgtile small{font-size:10px;color:var(--se-muted);font-weight:600}.se-bgtile.active small{color:var(--se-text)}.se-bgfill-hint{max-width:420px}.se-layers{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;-webkit-overflow-scrolling:touch}.se-layerrow{display:flex;align-items:center;gap:8px;background:var(--se-surface);border:1px solid var(--se-border);border-radius:12px;padding:6px 6px 6px 12px;transition:border-color .15s ease}.se-layerrow.active{border-color:var(--se-copper)}.se-layername{flex:1;min-width:0;background:transparent;border:none;color:var(--se-text);text-align:left;font-size:13px;font-weight:600;padding:10px 0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.se-layeractions{display:flex;gap:2px}.se-mini{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--se-muted);font-size:15px;cursor:pointer}.se-mini:active{background:#ffffff14;color:var(--se-text)}.se-mini.danger:active{color:#ff8a7a}.story-editor-music{display:flex;flex-direction:column;gap:10px}.story-editor-musictracks{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.story-editor-track{display:flex;align-items:center;gap:10px;min-width:200px;background:var(--se-surface);border:1px solid var(--se-border);border-radius:14px;color:var(--se-text);padding:8px 12px 8px 8px;transition:border-color .15s ease}.story-editor-track.active{border-color:var(--se-copper)}.se-previewbtn{width:44px;height:44px;flex-shrink:0;border-radius:50%;border:none;background:var(--se-petrol);color:#fff;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s ease}.se-previewbtn:active{transform:scale(.9)}.se-trackbody{flex:1;background:transparent;border:none;color:var(--se-text);text-align:left;cursor:pointer;padding:6px 0;min-width:0}.se-trackbody b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.se-trackbody small{color:var(--se-muted);font-size:11px}.story-editor-musictrim{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px;color:var(--se-muted)}.story-editor-musictrim label{display:flex;align-items:center;gap:8px}.story-editor-musictrim input[type=range]{width:90px}@media(min-width:768px){.se-panel{max-width:720px;margin:0 auto;width:100%}}