:root{--bg-paper:#f4f3f1;--bg-dark:#1c1c1e;--accent-red:#c0392b;--accent-green:#2e7d5b;--accent-yellow:#e0a72e;--text-main:#2b2b2b;--text-muted:#8a8a8a;--border-color:#ddd9d4;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{text-align:left;border:none;width:100%;max-width:none;height:100%;margin:0}body{background:var(--bg-paper);color:var(--text-main);-webkit-font-smoothing:antialiased}a{color:inherit}button{cursor:pointer;font-family:inherit}.btn{background:var(--bg-dark);color:#fff;border:none;border-radius:999px;padding:12px 28px;font-size:15px;font-weight:500;transition:opacity .15s}.btn:hover{opacity:.85}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);background:0 0}.btn-link{color:var(--accent-red);background:0 0;border:none;padding:0;font-size:14px}.modal-overlay{z-index:100;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:14px;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:28px;display:flex;box-shadow:0 20px 60px #0003}.modal-card h2{margin:0;font-size:20px;font-weight:500}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}input[type=text],input[type=email],input[type=password],input[type=tel]{border:1px solid var(--border-color);background:#fff;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:15px;transition:border-color .15s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus{border-color:var(--accent-red)}.app-topbar{display:none}.app-topbar .dots{gap:6px;display:flex}.app-topbar .dot{border-radius:50%;width:12px;height:12px}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.page-shell{flex-direction:column;min-height:100vh;display:flex}.page-body{flex:1;padding:32px 40px}.page-title{color:#444;margin:0 0 24px;font-size:32px;font-weight:300}.script-details-upload-btn{border:1.5px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#fff;border-radius:6px;padding:7px 14px;font-size:13px}.script-details-upload-btn:hover{border-color:#aaa}.script-details-remove-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:13px}.back-link-icon{width:30px;height:30px;display:block}.back-link{color:#888;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;text-decoration:none;display:inline-flex}.auth-shell{background:var(--bg-paper);background-image:radial-gradient(circle at 20% 30%,#00000005 0,#0000 40%),radial-gradient(circle at 80% 70%,#00000005 0,#0000 40%)}.auth-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;padding:40px;display:flex}.auth-card{background:#fff;border-radius:18px;flex-direction:column;align-items:stretch;gap:14px;width:100%;max-width:460px;padding:48px;display:flex;box-shadow:0 20px 60px #00000014}.auth-logo{justify-content:center;margin-bottom:4px;display:flex}.auth-heading h1{color:#333;text-align:center;margin:0;font-size:26px;font-weight:400}.auth-heading p{color:#333;text-align:center;margin:0 0 12px;font-size:26px;font-weight:400}.auth-submit{margin-top:8px}.forgot-link{text-align:center;margin-top:4px}.auth-signup{color:#555;align-items:center;gap:16px;font-size:14px;display:flex}.auth-footer{color:#999;gap:24px;padding:20px 40px;font-size:13px;display:flex}.auth-footer a{color:#999;text-decoration:none}.auth-field-group{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.auth-field-group label{color:#777;font-size:13px}.auth-error{color:#c0392b;text-align:center;margin:-4px 0 4px;font-size:13px}.popup-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.popup-btn-save{cursor:pointer;background:var(--bg-dark);color:#fff;border:none;border-radius:999px;padding:6px 16px;font-size:12px;font-weight:600}.popup-btn-save:hover{opacity:.85}.popup-btn-cancel{border:1px solid var(--border-color);cursor:pointer;color:var(--text-main);background:#fff;border-radius:999px;padding:6px 16px;font-size:12px}.popup-btn-cancel:hover{background:#f1ede9}.popup-btn-delete{cursor:pointer;color:var(--accent-red);background:0 0;border:none;margin-right:auto;padding:0;font-size:12px}.popup-btn-delete:hover{opacity:.8}.welcome-create-admin-hint{color:var(--text-muted);margin:-4px 0 4px;font-size:12px}.theatre-delete-confirm{background:#fff5f5;border:1px solid #fcc;border-radius:8px;flex-direction:column;gap:10px;margin-top:4px;padding:12px;display:flex}.theatre-delete-confirm-text{color:#c0392b;font-size:13px}.theatre-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.theatre-card-wrap{position:relative}.theatre-card{border:1px solid var(--border-color);text-align:left;background:#fff;border-radius:12px;flex-direction:column;width:100%;padding:0;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden}.theatre-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000014}.theatre-card-image{background:#ddd 50%/cover;height:120px}.theatre-card-info{padding:12px 14px}.theatre-card-location{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.theatre-card-name{margin:2px 0 6px;font-size:15px;font-weight:600}.theatre-card-owner{color:var(--text-muted);font-size:12px}.theatre-edit-btn{opacity:0;cursor:pointer;background:#ffffffd9;border:none;border-radius:6px;padding:4px 6px;font-size:14px;line-height:1;transition:opacity .15s;position:absolute;top:8px;right:8px}.theatre-card-wrap:hover .theatre-edit-btn{opacity:1}.welcome-footer{color:#777;justify-content:space-between;align-items:center;margin-top:40px;font-size:14px;display:flex}.theatre-img-preview{object-fit:cover;border:1px solid var(--border-color);border-radius:4px;width:64px;height:48px}.welcome-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.welcome-page-header .page-title{margin-bottom:0}.welcome-user-actions{align-items:center;gap:12px;display:flex}.welcome-username{color:var(--text-muted);font-size:14px}.theatre-title-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.theatre-settings-link{color:var(--text-muted);white-space:nowrap;font-size:13px}.script-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px;display:grid}.script-card{text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:8px;padding:0;transition:transform .12s;display:flex}.script-card:hover{transform:translateY(-2px)}.script-card-cover{aspect-ratio:3/4;background:#e2e2e2 50%/cover;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;box-shadow:0 6px 16px #0000001a}.script-card-placeholder{color:var(--text-muted);font-size:13px}.script-card-title{font-size:14px;font-weight:600}.script-card-meta{color:var(--text-muted);font-size:12px}.script-card-new{justify-content:center;align-items:center}.script-card-new .script-card-cover{display:none}.script-card-new{aspect-ratio:3/4;border:2px dashed var(--border-color);color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;gap:6px}.script-card-plus{font-size:32px;line-height:1}.script-create-modal{flex-direction:column;gap:16px;width:440px;max-width:95vw;display:flex}.script-create-modal h2{margin:0 0 4px}.script-create-field{flex-direction:column;gap:5px;display:flex}.script-create-field label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:600}.script-create-input,input.script-create-input[type=text],input.script-create-input[type=email],input.script-create-input[type=tel]{border:1.5px solid var(--border-color);background:#fff;border-radius:6px;outline:none;width:100%;padding:6px 10px;font-size:13px}.script-create-input:focus{border-color:var(--accent-red)}.script-create-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.script-create-poster-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.script-create-poster-preview{object-fit:cover;border:1px solid var(--border-color);border-radius:4px;width:48px;height:64px}.color-picker-field{flex-direction:column;gap:4px;display:flex}.color-picker-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:600}.color-picker-row{flex-wrap:wrap;gap:6px;display:flex}.color-picker-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:22px;height:22px;padding:0;transition:transform .1s}.color-picker-swatch:hover{transform:scale(1.15)}.color-picker-swatch-active{border-color:#333;transform:scale(1.15)}.color-picker-custom-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:transform .1s;display:flex}.color-picker-custom-btn:hover{transform:scale(1.15)}.color-picker-custom-icon{width:22px;height:22px;display:block}.color-picker-custom-input{opacity:0;border:none;width:0;height:0;padding:0;position:absolute}.layer-panel{border:1px solid var(--border-color);z-index:20;background:#fff;border-radius:10px;width:320px;padding:10px;font-size:13px;position:absolute;top:12px;right:12px;box-shadow:0 10px 30px #0000001f}.layer-panel-embedded{width:100%;max-width:360px;box-shadow:none;position:static}.layer-panel-header{justify-content:space-between;align-items:center;padding:2px 4px 8px;font-weight:600;display:flex}.layer-panel-close{color:var(--text-muted);background:0 0;border:none;padding:0;font-size:18px;line-height:1}.layer-list{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.layer-row{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.layer-row:hover{background:#f6f6f4}.layer-row-active{background:#f1ede9;font-weight:600}.layer-swatch{border-radius:50%;flex-shrink:0;width:12px;height:12px}.layer-name{flex:1}.layer-visibility{opacity:.7;background:0 0;border:none;padding:0 2px;font-size:13px}.layer-edit-popup{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);flex-direction:column;gap:8px;margin-bottom:8px;padding:10px 8px;display:flex}.layer-edit-input{border:1.5px solid var(--border-color);border-radius:6px;outline:none;width:100%;padding:6px 8px;font-size:13px}.layer-edit-input:focus{border-color:var(--accent-red)}.layer-edit-colors{flex-wrap:wrap;gap:6px;display:flex}.layer-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:22px;height:22px;padding:0}.layer-color-swatch-active{border-color:#333}.layer-color-any{color:#666;background:#eee;justify-content:center;align-items:center;font-size:12px;display:flex}.layer-delete-confirm{color:#c0392b;background:#fff5f5;border:1px solid #fcc;border-radius:6px;flex-direction:column;gap:8px;padding:8px;font-size:12px;display:flex}.layer-add{border-top:1px solid var(--border-color);gap:6px;padding-top:8px;display:flex}.layer-add input{flex:1;padding:6px 8px;font-size:12px}.layer-add-btn{padding:6px 12px;font-size:12px}.theatre-settings-section{max-width:420px;margin-top:24px}.theatre-settings-section-title{margin:0 0 4px;font-size:16px}.theatre-settings-section-hint{color:var(--text-muted);margin:0 0 16px;font-size:13px}.import-modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.import-modal{background:#fff;border-radius:14px;flex-direction:column;gap:20px;width:420px;max-width:90vw;padding:24px;display:flex;box-shadow:0 20px 60px #0003}.import-modal-header{justify-content:space-between;align-items:center;font-size:16px;font-weight:600;display:flex}.import-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:20px;line-height:1}.import-dropzone{border:2px dashed var(--border-color);text-align:center;cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:32px 20px;transition:border-color .15s,background .15s;display:flex}.import-dropzone:hover,.import-dropzone-active{border-color:var(--accent-red);background:#fdf5f5}.import-dropzone-has-file{border-style:solid;border-color:var(--accent-red);background:#fdf5f5}.import-dropzone-icon{font-size:28px;line-height:1}.import-dropzone-label{color:var(--text-muted);font-size:14px}.import-dropzone-filename{color:var(--text-main);word-break:break-all;font-size:14px;font-weight:600}.import-dropzone-hint{color:var(--text-muted);font-size:12px}.import-mode{flex-direction:column;gap:8px;display:flex}.import-mode-option{border:1.5px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 14px;transition:border-color .12s,background .12s;display:flex}.import-mode-option:hover:not(.import-mode-disabled){border-color:#bbb}.import-mode-active{border-color:var(--accent-red);background:#fdf5f5}.import-mode-disabled{opacity:.45;cursor:not-allowed}.import-mode-option input[type=radio]{accent-color:var(--accent-red);flex-shrink:0;margin-top:2px}.import-mode-title{font-size:13px;font-weight:600}.import-mode-desc{color:var(--text-muted);margin-top:2px;font-size:12px}.import-modal-actions{justify-content:flex-end;gap:10px;display:flex}.import-modal-cancel,.import-modal-submit{cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600}.import-modal-cancel{background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-main)}.import-modal-cancel:hover{background:#ebebeb}.import-modal-submit{background:var(--accent-red);color:#fff}.import-modal-submit:hover:not(:disabled){opacity:.88}.import-modal-submit:disabled,.import-modal-cancel:disabled{opacity:.45;cursor:not-allowed}.script-overview-body{flex-direction:column;display:flex}.script-delete-confirm{background:#fff5f5;border:1px solid #fcc;border-radius:8px;flex-direction:column;gap:10px;margin-top:4px;padding:12px;display:flex}.script-delete-confirm-text{color:#c0392b;font-size:13px}.script-overview-layout{gap:40px;margin-top:12px;display:flex}.script-overview-sidebar{flex-shrink:0;width:220px}.script-overview-cover-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:0;display:block}.script-overview-cover-btn:hover .script-overview-cover{opacity:.85}.script-overview-cover{aspect-ratio:3/4;background-position:50%;background-size:cover;border-radius:8px;width:100%;margin-bottom:16px;box-shadow:0 10px 30px #00000040}.script-overview-cover-empty{color:var(--text-muted);box-shadow:none;border:1.5px dashed var(--border-color);background:#f0ece8;justify-content:center;align-items:center;font-size:13px;display:flex}.script-overview-title-row{align-items:flex-start;gap:6px;display:flex}.script-edit-details-btn{cursor:pointer;opacity:.4;background:0 0;border:none;border-radius:4px;flex-shrink:0;margin-top:4px;padding:2px 4px;font-size:14px}.script-edit-details-btn:hover{opacity:1;background:#f0ece8}.script-overview-dates{color:var(--text-muted);margin:0 0 8px;font-size:13px}.script-details-panel{border:1px solid var(--border-color);background:#f9f6f3;border-radius:10px;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex}.script-details-field{flex-direction:column;gap:4px;display:flex}.script-details-field label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:600}.script-details-input{border:1.5px solid var(--border-color);background:#fff;border-radius:6px;outline:none;width:100%;padding:6px 10px;font-size:13px}.script-details-input:focus{border-color:var(--accent-red)}.script-details-poster-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.script-details-poster-preview{object-fit:cover;border:1px solid var(--border-color);border-radius:4px;width:48px;height:64px}.script-details-upload-btn{border:1.5px solid var(--border-color);cursor:pointer;background:#fff;border-radius:6px;padding:5px 10px;font-size:12px}.script-details-upload-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}.script-details-remove-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:12px}.script-details-remove-btn:hover{color:var(--accent-red)}.script-details-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.script-details-cancel{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#fff;border-radius:6px;padding:6px 14px;font-size:13px}.script-details-save{background:var(--accent-red);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600}.script-overview-summary{color:var(--text-muted);margin:0 0 24px;font-size:14px}.script-overview-actions{flex-direction:column;gap:10px;display:flex}.overview-action{text-align:left;color:var(--text-main);background:0 0;border:none;align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.overview-action-icon{flex-shrink:0;width:28px;height:28px}.overview-action:hover{color:var(--accent-red)}.script-overview-grid-wrap{flex:1}.script-overview-header-row{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.overview-mode-toggle{justify-content:flex-end;gap:8px;display:flex}.overview-mode-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:6px 10px 8px;display:flex}.overview-mode-btn:hover{color:var(--text-main)}.overview-mode-btn-active{color:var(--text-main);border-bottom-color:var(--accent-red)}.overview-mode-icon{width:36px;height:22px}.overview-mode-btn span{font-size:11px;font-weight:500}.script-overview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:18px 14px;display:grid}.page-thumb{cursor:grab;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex;position:relative}.page-thumb-drop-before:before,.page-thumb-drop-after:after{content:"";background:var(--accent-red);z-index:5;border-radius:2px;width:3px;position:absolute;top:0;bottom:0}.page-thumb-drop-before:before{left:-8px}.page-thumb-drop-after:after{right:-8px}.page-thumb-label{text-align:left;width:100%;min-height:22px;color:var(--text-muted);flex-direction:column;justify-content:flex-end;font-size:10px;line-height:1.3;display:flex}.page-thumb-act,.page-thumb-scene{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-thumb-act{color:var(--accent-red);font-weight:600}.page-thumb-scene{color:var(--text-muted)}.page-thumb-stack-wrap{width:100%;position:relative}.page-thumb-stack-layer{border:1px solid var(--border-color);aspect-ratio:3/4;background:#fff;border-radius:4px;position:absolute;inset:0}.page-thumb-stack-layer-2{opacity:.6;transform:translate(4px,4px)}.page-thumb-stack-layer-1{opacity:.8;transform:translate(2px,2px)}.page-thumb-paper{aspect-ratio:3/4;border:1px solid var(--border-color);background:#fff;border-radius:4px;flex-direction:column;width:100%;padding:8px;transition:transform .1s,box-shadow .1s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000014}.page-thumb-act-flag{z-index:2;pointer-events:none;width:44px;height:44px;position:absolute;top:0;left:0}.page-thumb-scene-flag{z-index:1;pointer-events:none;width:44px;height:44px;position:absolute;top:0;left:0}.page-thumb:hover .page-thumb-paper{border-color:var(--accent-red);transform:translateY(-3px);box-shadow:0 8px 18px #00000026}.page-thumb-lines{background:repeating-linear-gradient(#e6e6e6 0 2px,#0000 2px 7px);flex:1}.page-thumb-docx{pointer-events:none;flex:1;min-height:0;position:relative;overflow:hidden}.page-thumb-docx-inner{transform-origin:0 0;width:600px;position:absolute;top:0;left:0;transform:scale(.115)}.page-thumb-number{color:var(--text-muted);font-size:11px}.item-location-field{border-top:1px solid var(--border-color);align-items:center;gap:8px;padding:6px 4px;display:flex}.item-location-label{width:44px;color:var(--text-muted);flex-shrink:0;font-size:13px}.item-location-layer-select-wrap{flex:1;align-items:center;gap:6px;display:flex}.item-layer-swatch{border-radius:50%;flex-shrink:0;width:12px;height:12px}.item-location-layer-select{border:1.5px solid var(--border-color);cursor:pointer;background:#fff;border-radius:6px;outline:none;flex:1;padding:4px 6px;font-size:13px}.item-location-layer-select:focus{border-color:var(--accent-red)}.item-location-page-row{align-items:center;gap:6px;display:flex}.item-location-page-input{border:1.5px solid var(--border-color);border-radius:6px;outline:none;width:56px;padding:4px 6px;font-size:13px}.item-location-page-input:focus{border-color:var(--accent-red)}.item-location-page-total{color:var(--text-muted);font-size:12px}.cue-editor-panel{border:1px solid var(--border-color);z-index:20;background:#fff;border-radius:10px;flex-direction:column;gap:10px;width:220px;padding:12px;font-size:13px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 10px 30px #0000001f}.cue-editor-header{justify-content:space-between;align-items:center;font-weight:600;display:flex}.cue-editor-panel label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.cue-editor-panel input{color:var(--text-main);padding:6px 8px;font-size:13px}.popup-actions{margin-top:4px}.cue-editor-confirm{flex-direction:column;gap:8px;margin-top:4px;display:flex}.cue-editor-confirm-text{color:var(--text-muted);font-size:12px}.pen-panel{border:1px solid var(--border-color);z-index:50;background:#fff;border-radius:10px;width:320px;padding:10px;font-size:13px;position:absolute;top:12px;left:12px;box-shadow:0 10px 30px #0000001f}.pen-panel-header{justify-content:space-between;align-items:center;padding:2px 4px 8px;font-weight:600;display:flex}.pen-panel-close{color:var(--text-muted);background:0 0;border:none;padding:0;font-size:18px;line-height:1}.pen-panel-row{align-items:center;gap:8px;padding:6px 4px;display:flex}.pen-panel-row+.pen-panel-row{border-top:1px solid var(--border-color)}.pen-type-row{gap:4px}.pen-type-btn{white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;padding:6px 4px;font-size:12px}.pen-type-btn:hover{background:#f6f6f4}.pen-type-btn-active{background:#f1ede9;font-weight:600}.pen-panel-label{width:44px;color:var(--text-muted);flex-shrink:0}.pen-width-options{flex:1;gap:6px;display:flex}.pen-width-btn{border:1px solid var(--border-color);background:0 0;border-radius:6px;flex:1;justify-content:center;align-items:center;height:28px;display:flex}.pen-width-btn:hover{background:#f6f6f4}.pen-width-btn-active{border-color:var(--accent-red);background:#f1ede9}.pen-width-dot{background:#222;border-radius:50%}.pen-color-options{flex:1;gap:6px;display:flex}.pen-color-btn{border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.pen-color-btn-active{border-color:var(--accent-red)}.tool-panel-confirm{border-top:1px solid var(--border-color);align-items:center;gap:6px;padding-top:8px;display:flex}.tool-panel-confirm-text{color:var(--text-muted);flex:1;font-size:12px}.shape-panel{z-index:50;border:1px solid var(--border-color);background:#fff;border-radius:10px;flex-direction:column;gap:10px;width:320px;padding:12px;display:flex;position:absolute;top:56px;left:16px;box-shadow:0 4px 20px #00000026}.shape-panel-header{color:var(--text-main);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.shape-panel-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.shape-panel-row{align-items:center;gap:8px;display:flex}.shape-panel-row+.shape-panel-row{border-top:1px solid var(--border-color);padding-top:8px}.shape-type-row{gap:4px}.shape-type-btn{background:var(--bg-light);border:1.5px solid var(--border-color);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;height:36px;font-size:16px;transition:border-color .1s,background .1s;display:flex}.shape-type-btn:hover{border-color:var(--accent-red)}.shape-type-btn-active{border-color:var(--accent-red);background:#fff0f1}.shape-panel-label{color:var(--text-muted);flex-shrink:0;width:56px;font-size:11px}.shape-panel-value{color:var(--text-muted);text-align:right;flex-shrink:0;width:32px;font-size:11px}.shape-slider{accent-color:var(--accent-red);flex:1}.shape-color-options{flex-wrap:wrap;gap:6px;display:flex}.shape-color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;transition:border-color .1s;box-shadow:0 0 0 1px #00000026}.shape-color-btn:hover,.shape-color-btn-active{border-color:var(--accent-red)}.spp-backdrop{z-index:500;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spp-panel{background:#fff;border-radius:12px;flex-direction:column;width:480px;max-width:95vw;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}.spp-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.spp-title{font-size:15px;font-weight:600}.spp-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px;line-height:1}.spp-close:hover{background:#f1ede9}.spp-gallery{grid-template-columns:repeat(3,1fr);gap:10px;min-height:120px;max-height:320px;padding:16px 20px 8px;display:grid;overflow-y:auto}.spp-empty{color:var(--text-muted);text-align:center;grid-column:1/-1;margin:20px 0;font-size:13px}.spp-thumb{border:2px solid var(--border-color);cursor:pointer;aspect-ratio:4/3;border-radius:8px;transition:border-color .15s;position:relative;overflow:hidden}.spp-thumb:hover{border-color:#aaa}.spp-thumb-selected{border-color:var(--accent-red);box-shadow:0 0 0 2px #c0392b33}.spp-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.spp-thumb-remove{color:#fff;cursor:pointer;opacity:0;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}.spp-thumb:hover .spp-thumb-remove{opacity:1}.spp-thumb-default-label{color:#fff;pointer-events:none;white-space:nowrap;background:#00000073;border-radius:4px;padding:1px 6px;font-size:10px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.spp-upload-btn{border:1.5px dashed var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;width:calc(100% - 40px);margin:8px 20px 0;padding:9px 0;font-size:13px;transition:border-color .15s,color .15s}.spp-upload-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}.spp-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;margin-top:12px;padding:16px 20px;display:flex}.spp-btn{cursor:pointer;border:1px solid var(--border-color);border-radius:8px;padding:8px 18px;font-size:13px;font-weight:500;transition:background .12s}.spp-btn-cancel{color:var(--text-muted);background:0 0}.spp-btn-cancel:hover{background:#f5f5f5}.spp-btn-clear{color:var(--text-muted);background:0 0;margin-right:auto}.spp-btn-clear:hover{background:#f5f5f5}.spp-btn-save{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.spp-btn-save:hover{background:#a93226}.prop-picker-backdrop{z-index:500;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.prop-picker-panel{background:#fff;border-radius:12px;flex-direction:column;width:540px;max-width:95vw;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}.prop-picker-header{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:8px;padding:16px 20px 12px;display:flex}.prop-picker-title{flex:1;font-size:15px;font-weight:600}.prop-picker-back,.prop-picker-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px;line-height:1}.prop-picker-back:hover,.prop-picker-close:hover{background:#f1ede9}.prop-picker-section{padding:12px 20px 0}.prop-picker-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:600}.prop-picker-grid{grid-template-columns:repeat(5,1fr);gap:8px;max-height:300px;padding-bottom:4px;display:grid;overflow-y:auto}.prop-picker-thumb{cursor:pointer;border:1.5px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 4px;transition:border-color .12s,background .12s;display:flex}.prop-picker-thumb:hover{border-color:var(--border-color);background:#f5f1ed}.prop-picker-thumb-img{object-fit:cover;border-radius:4px;width:64px;height:64px;display:block}.prop-picker-thumb-img-contain{object-fit:contain;background:#f9f7f5}.prop-picker-thumb-placeholder{color:#fff;border-radius:4px;justify-content:center;align-items:center;width:64px;height:64px;font-size:18px;font-weight:700;display:flex}.prop-picker-thumb-label{color:var(--text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:72px;font-size:10px;line-height:1.2;overflow:hidden}.prop-picker-upload-btn{border:1.5px dashed var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;width:calc(100% - 40px);margin:12px 20px 0;padding:9px 0;font-size:13px;transition:border-color .15s,color .15s}.prop-picker-upload-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}.prop-picker-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:flex-end;gap:8px;margin-top:12px;padding:14px 20px;display:flex}.prop-picker-btn{cursor:pointer;border:1px solid var(--border-color);border-radius:8px;padding:8px 18px;font-size:13px;font-weight:500;transition:background .12s}.prop-picker-btn-cancel{color:var(--text-muted);background:0 0}.prop-picker-btn-cancel:hover{background:#f5f5f5}.prop-picker-btn-save{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.prop-picker-btn-save:hover{background:#a93226}.prop-configure-preview{justify-content:center;padding:16px 20px 0;display:flex}.prop-configure-preview-img{object-fit:contain;border:1px solid var(--border-color);background:#f5f1ed;border-radius:8px;width:120px;height:120px}.prop-configure-preview-placeholder{border:1px solid var(--border-color);background:#f5f1ed;border-radius:8px;width:120px;height:120px}.prop-configure-form{padding:16px 20px 0;overflow-y:auto}.prop-configure-label{color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.prop-configure-input{border:1.5px solid var(--border-color);box-sizing:border-box;border-radius:7px;outline:none;width:100%;padding:8px 10px;font-size:13px}.prop-configure-input:focus{border-color:var(--accent-red)}.prop-configure-dims{gap:10px;display:flex}.prop-configure-dim-label{color:var(--text-muted);flex-direction:column;flex:1;gap:4px;font-size:12px;display:flex}.prop-configure-dim-input{text-align:center;width:100%}.blocking-shell{background:var(--bg-paper);flex-direction:column;height:100vh;display:flex;overflow:hidden}.blocking-timeline-wrap{border-bottom:1px solid var(--border-color);background:#fff;flex-shrink:0;align-items:stretch;gap:0;height:108px;padding:0 4px;display:flex}.blocking-back-link{opacity:.5;flex-shrink:0;align-items:center;margin-right:6px;transition:opacity .15s;display:flex}.blocking-back-link:hover{opacity:1}.blocking-back-link .back-link-icon{width:26px;height:26px;display:block}.blocking-nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0 6px;font-size:28px;line-height:1;display:flex}.blocking-nav-btn:hover{color:var(--text-main)}.blocking-timeline{scrollbar-width:none;flex:1;align-items:center;padding-bottom:0;display:flex;overflow-x:auto}.blocking-timeline::-webkit-scrollbar{display:none}.blocking-page-col{flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:flex-start;gap:2px;padding-top:48px;padding-bottom:8px;padding-right:6px;display:flex;position:relative}.blocking-page-label{pointer-events:none;white-space:nowrap;flex-direction:column;align-items:flex-start;gap:0;display:flex;position:absolute;top:8px;left:0}.blocking-act-label{color:var(--accent-red);text-transform:uppercase;letter-spacing:.04em;height:14px;font-size:9px;font-weight:700;display:block}.blocking-scene-label{color:var(--text-muted);height:14px;font-size:9px;display:block}.blocking-page-num{width:22px;color:var(--text-muted);text-align:center;font-size:10px;line-height:1}.blocking-kf-row{flex-wrap:nowrap;align-items:center;gap:4px;display:flex}.blocking-kf-bubble{border:1.5px solid var(--border-color);width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:9px;line-height:1;transition:border-color .1s,background .1s,color .1s;display:flex}.blocking-kf-bubble:hover{border-color:var(--accent-red);color:var(--accent-red)}.blocking-kf-bubble-active{background:var(--accent-red);border-color:var(--accent-red);color:#fff!important}.blocking-kf-add{border:1.5px dashed var(--border-color);width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:13px;line-height:1;transition:border-color .1s,color .1s;display:flex}.blocking-kf-add:hover{border-color:var(--accent-red);color:var(--accent-red)}.blocking-main{flex:1;gap:0;min-height:0;display:flex;position:relative}.blocking-shell .pen-panel{width:320px;position:static;top:auto;left:auto}.blocking-drawer-float{z-index:20;border:1px solid var(--border-color);pointer-events:auto;background:#fff;border-radius:10px;flex-direction:column;gap:4px;min-width:140px;max-height:calc(100vh - 200px);padding:10px 8px;display:flex;position:absolute;bottom:16px;left:16px;overflow-y:auto;box-shadow:0 4px 16px #0000001a}.blocking-unplaced-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px;font-size:10px;font-weight:600}.blocking-entity-chip{cursor:grab;color:var(--text-main);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:4px 6px;font-size:12px;display:flex}.blocking-entity-chip:hover{background:#f0ece8}.blocking-stage-wrap{-webkit-user-select:none;user-select:none;flex:1;position:relative;overflow:hidden}.blocking-stage-bg{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.blocking-stage-bg-svg{width:100%;height:100%;position:absolute;inset:0}.blocking-svg-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.blocking-entity-marker{cursor:grab;z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:box-shadow .1s;display:flex;position:absolute;transform:translate(-50%,-50%)}.blocking-entity-marker:hover,.blocking-entity-marker-selected{border-radius:50%;box-shadow:0 0 0 3px #c0392b4d}.blocking-entity-ghost{opacity:.4;cursor:grab;pointer-events:auto}.blocking-entity-ghost:hover{opacity:.7;box-shadow:0 0 0 2px #0003}.blocking-entity-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.blocking-entity-initial{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.blocking-prop-img{object-fit:contain;filter:drop-shadow(0 1px 3px #00000040);width:56px;height:56px;display:block}.blocking-rotate-handle{cursor:grab;z-index:10;background:#e63946;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000004d}.blocking-entity-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#000000b3;border-radius:4px;padding:2px 6px;font-size:10px;transition:opacity .15s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.blocking-entity-marker:hover .blocking-entity-tooltip{opacity:1}.blocking-hint{color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.blocking-entity-list{border-left:1px solid var(--border-color);background:#fafafa;flex-direction:column;flex-shrink:0;gap:4px;width:160px;padding:10px 8px;display:flex;overflow-y:auto}.blocking-entity-list-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px;font-size:10px;font-weight:600}.blocking-entity-row{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:5px 6px;font-size:12px;display:flex}.blocking-entity-row:hover{background:#f0ece8}.blocking-entity-row-selected{background:#f5ecea}.blocking-entity-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.blocking-entity-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.blocking-entity-type-tag{color:var(--text-muted);background:#eee;border-radius:3px;padding:1px 4px;font-size:9px}.blocking-entity-remove{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1;transition:opacity .1s}.blocking-entity-row:hover .blocking-entity-remove{opacity:1}.blocking-entity-remove:hover{color:var(--accent-red)}.blocking-toolbar{border-top:1px solid var(--border-color);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:62px;padding:0 16px;display:flex}.blocking-toolbar-left,.blocking-toolbar-right{align-items:center;gap:6px;display:flex}.blocking-tool-wrap{position:relative}.blocking-tool-btn{cursor:pointer;width:44px;height:44px;color:var(--text-main);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:background .1s;display:flex}.blocking-tool-btn img,.blocking-tool-btn svg{width:40px;height:40px}.blocking-tool-btn:hover,.blocking-tool-btn-active{background:#f1ede9}.blocking-popup{border:1px solid var(--border-color);z-index:50;background:#fff;border-radius:10px;flex-direction:column;gap:6px;min-width:200px;padding:10px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 24px #0000001f}.blocking-popup-right{left:auto;right:0}.blocking-popup-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color);margin-bottom:2px;padding-bottom:4px;font-size:11px;font-weight:700}.blocking-popup-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:13px;display:flex}.blocking-popup-item:hover:not(:disabled){background:#f0ece8}.blocking-popup-item-added{opacity:.5;cursor:default}.blocking-popup-item-check{color:var(--accent-green);margin-left:auto}.blocking-popup-empty{color:var(--text-muted);padding:6px 4px;font-size:12px}.blocking-popup-hint{color:var(--text-muted);padding:4px 2px;font-size:11px;line-height:1.4}.blocking-popup-label{color:var(--text-muted);font-size:11px;font-weight:600}.blocking-popup-input{border:1.5px solid var(--border-color);border-radius:6px;outline:none;width:100%;padding:6px 10px;font-size:13px}.blocking-popup-input:focus{border-color:var(--accent-red)}.blocking-popup-actions{justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.blocking-popup-cancel{border:1px solid var(--border-color);cursor:pointer;color:var(--text-muted);background:#fff;border-radius:6px;padding:5px 12px;font-size:12px}.blocking-popup-add{background:var(--accent-red);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600}.blocking-thumb-empty{aspect-ratio:3/2;border:2px dashed var(--border-color);box-sizing:border-box;cursor:pointer;border-radius:6px;width:100%;max-width:460px}.role-modal-backdrop{z-index:99;position:fixed;inset:0}.role-modal{z-index:100;background:#fff;border-radius:12px;flex-direction:column;gap:14px;width:320px;padding:16px;display:flex;position:fixed;box-shadow:0 8px 40px #0000002e}.role-modal-header{justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.role-modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;font-size:18px;line-height:1}.role-modal-preview{background:var(--bg-light);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.role-badge-name{font-size:13px;font-weight:700}.role-badge-short{color:var(--text-muted);margin-top:1px;font-size:11px}.role-modal-fields{flex-direction:column;gap:10px;display:flex}.role-field{flex-direction:column;gap:4px;display:flex}.role-field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:600}.role-field-input{border:1.5px solid var(--border-color);background:#fff;border-radius:6px;outline:none;padding:6px 10px;font-size:13px}.role-field-input:focus{border-color:var(--accent-red)}.role-field-short{text-transform:uppercase;letter-spacing:.08em;max-width:80px;font-weight:600}.role-color-presets{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.role-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .1s}.role-color-swatch:hover{transform:scale(1.15)}.role-color-active{border-color:#333;transform:scale(1.15)}.role-color-custom-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:transform .1s;display:flex}.role-color-custom-btn:hover{transform:scale(1.15)}.role-color-custom-icon{width:22px;height:22px;display:block}.role-color-custom-input{opacity:0;border:none;width:0;height:0;padding:0;position:absolute}.role-shape-row{gap:6px;display:flex}.role-shape-btn{border:1.5px solid var(--border-color);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:border-color .1s;display:flex}.role-shape-btn:hover{border-color:#aaa}.role-shape-active{border-color:var(--accent-red);background:#fdf5f5}.role-image-row{align-items:center;gap:8px;display:flex}.role-image-preview{object-fit:cover;border:1px solid var(--border-color);border-radius:50%;width:30px;height:30px}.role-image-btn{border:1.5px solid var(--border-color);cursor:pointer;background:#fff;border-radius:6px;padding:4px 10px;font-size:12px}.role-image-btn:hover{background:var(--bg-light)}.role-image-remove{color:var(--accent-red);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:11px}.role-modal-confirm{align-items:center;gap:8px;display:flex}.role-modal-confirm-text{color:var(--text-muted);margin-right:auto;font-size:12px}.page-label-backdrop{z-index:99;background:#00000059;position:fixed;inset:0}.page-label-modal{z-index:100;background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:320px;padding:16px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 40px #0000002e}.page-label-header{justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.page-label-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;font-size:18px;line-height:1}.page-label-row{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.page-label-input{border:1.5px solid var(--border-color);border-radius:6px;outline:none;margin-left:24px;padding:6px 10px;font-size:13px}.page-label-input:focus{border-color:var(--accent-red)}.editor-shell{height:100vh;overflow:hidden}.editor-toolbar{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);background:#ffffffeb;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:fixed;top:0;left:0;right:0}.editor-back{margin:0}.toolbar-tools{gap:4px;display:flex}.tool-btn{background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .1s;display:flex}.tool-btn:hover,.tool-btn-active,.tool-btn-active:hover{background:#f1ede9}.tool-btn:disabled{opacity:.3;cursor:default}.tool-btn-icon{width:30px;height:30px;display:block}.zoom-reset-btn{width:auto;color:var(--text-muted);align-items:center;gap:4px;padding:0 10px;font-size:12px;display:flex}.zoom-reset-icon{width:16px;height:16px;display:block}.toolbar-left,.toolbar-right{align-items:center;gap:8px;display:flex}.toolbar-right{justify-content:flex-end;min-width:20%}.toolbar-layer-indicator{color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;min-width:100px;padding:2px 8px 2px 2px;font-size:13px;transition:background .1s;display:flex}.toolbar-layer-indicator:hover{background:#f1ede9}.toolbar-page-nav{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.toolbar-page-nav .tool-btn-icon{width:15px;height:15px}.editor-bottom-bar{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);background:#ffffffeb;border-radius:999px;align-items:center;gap:10px;padding:6px 14px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000001f}.page-indicator{text-align:center;min-width:90px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:13px}.page-indicator:hover{color:var(--text-main);background:#f1ede9}.go-to-page-popup{border:1px solid var(--border-color);z-index:70;background:#fff;border-radius:10px;width:220px;padding:12px 14px;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000026}.go-to-page-header{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.go-to-page-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1}.go-to-page-form{gap:8px;display:flex}.go-to-page-input{border:1.5px solid var(--border-color);border-radius:6px;outline:none;flex:1;min-width:0;padding:6px 8px;font-size:13px}.go-to-page-input:focus{border-color:var(--accent-red)}.go-to-page-go-btn{padding:6px 14px;font-size:13px}.editor-main{flex:1;justify-content:center;align-items:center;height:100%;padding:76px 24px 24px;display:flex;position:relative;overflow:hidden}.page-spread{width:100%;max-width:1221px;height:100%;max-height:861px;display:flex;position:relative;overflow:visible}.page-content{background:#fff;border-radius:6px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 60px #00000026}.page-half{flex:1;height:100%;position:relative;overflow:hidden}.page-half-blank{background:#fafafa;padding:40px}.page-spine{background:var(--border-color);width:1px}.page-half-script{padding:40px 50px;overflow-y:auto}.page-act-flag,.page-scene-flag{pointer-events:none;width:100px;height:100px;position:absolute;top:0;left:0}.page-act-flag{z-index:2}.page-scene-flag{z-index:1}.page-overlay-transform{z-index:25;pointer-events:none;position:absolute;inset:0}.floor-plan-hit{z-index:20;cursor:pointer;width:50%;height:50%;position:absolute;top:0;left:0}.stage-overlay{pointer-events:auto;position:absolute;inset:0}.inline-text-editor{z-index:30;flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute}.inline-text-input{border:1px solid var(--accent-red);background:#fff;border-radius:4px;min-width:120px;padding:2px 6px;font-size:16px}.inline-text-actions{gap:6px;display:flex}.inline-text-btn{border:1px solid var(--border-color);background:#fff;border-radius:4px;padding:3px 10px;font-size:12px}.inline-text-save{border-color:var(--accent-red);color:var(--accent-red);font-weight:600}.inline-text-cancel{color:var(--text-muted)}.floor-plan{cursor:default;color:#bbb;text-transform:uppercase;letter-spacing:.05em;border:1px solid #ddd;flex-direction:column;height:50%;font-size:11px;display:flex}.floor-plan-row{border-bottom:1px solid #eee;flex:1;justify-content:center;align-items:center;display:flex}.floor-plan-row:last-child{border-bottom:none}.floor-plan-row-mid{justify-content:space-between;padding:0 12px}.floor-plan-row-mid span:nth-child(2){text-align:center;flex:1}.script-content{color:#222;font-family:Courier New,Courier,monospace;font-size:10.5pt;line-height:1.2}.script-content h2.script-title{text-align:center;margin:0 0 4px;font-size:22px;font-weight:700;line-height:.8}.script-content h3,.script-content h4.script-scene{text-align:left;font-style:normal;font-weight:600;font-size:inherit;color:#444;background:#e9e9e9;margin:16px -50px;padding:4px 50px}.script-content p{margin:0 0 10px}.script-content .stage-direction{text-align:center;font-style:italic;font-size:inherit;color:#777;margin-bottom:0}.script-content .script-role,.script-content b.script-role{text-align:center;font-weight:700;font-size:inherit;letter-spacing:.05em;text-transform:uppercase;margin-top:3px;display:block}.script-page-number{color:var(--text-muted);font-size:12px;position:absolute;bottom:16px;right:24px}.page-role-badge-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;transition:transform .12s,box-shadow .12s;display:flex}.page-role-badge-btn:hover{transform:scale(1.18);box-shadow:0 2px 8px #0000002e}.page-role-badges{z-index:20;pointer-events:auto;flex-wrap:wrap;gap:4px;max-width:80%;display:flex;position:absolute;bottom:12px;left:16px}.empty-page{color:var(--text-muted);text-align:center;margin-top:40%}.docx-content{font-size:10.5pt;line-height:1.2}.docx-content p,.docx-content .script-role{font-size:inherit;line-height:inherit;margin:0}.docx-content h3,.docx-content h4.script-scene{font-size:inherit;line-height:inherit;margin:8px -50px;padding:2px 50px}.docx-content .stage-direction{margin:0}.docx-content .script-role{margin-top:0}.text-editor-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.text-editor-toolbar{border-bottom:1px solid var(--border-color);background:#fff;flex-shrink:0;align-items:center;gap:24px;padding:10px 20px;display:flex}.text-editor-group{gap:6px;display:flex}.text-editor-actions{margin-left:auto}.text-editor-btn{border:1px solid var(--border-color);color:var(--text-main);background:#fff;border-radius:6px;padding:6px 12px;font-size:13px}.text-editor-btn:hover{background:#f1ede9}.text-editor-btn-icon{text-align:center;width:32px;padding:6px 0}.text-editor-save{border-color:var(--accent-red);color:var(--accent-red);font-weight:600}.text-editor-cancel{color:var(--text-muted)}.text-editor-main{flex:1;justify-content:center;padding:32px;display:flex;overflow-y:auto}.text-editor-page{background:#fff;border-radius:6px;width:100%;max-width:640px;height:fit-content;padding:50px;overflow:hidden;box-shadow:0 20px 60px #0000001a}.text-editor-content{outline:none;min-height:400px}.text-editor-content:focus{outline:none}.text-editor-page-break{color:#555;border-color:#aaa;font-size:12px}.text-editor-page-break:hover{border-color:var(--accent-red);color:var(--accent-red);background:#fff}.text-editor-content hr.page-break-marker{border:none;border-top:2px dashed var(--accent-red);margin:16px 0;position:relative}.text-editor-content hr.page-break-marker:after{content:"Page break";color:var(--accent-red);letter-spacing:.04em;text-transform:uppercase;background:#fff;padding:0 8px;font-size:11px;font-weight:600;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.cue-list-body{flex-direction:column;display:flex}.cue-list-filters{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.cue-list-filters-label{color:var(--text-muted);font-size:13px}.cue-list-filter-chip{color:var(--text-main);cursor:pointer;border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:6px;padding:4px 12px 4px 8px;font-size:13px;display:inline-flex}.cue-list-filter-chip input{margin:0}.layer-swatch{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.cue-list-table-wrap{overflow-x:auto}.cue-list-table{border-collapse:collapse;width:100%;font-size:14px}.cue-list-table th,.cue-list-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:10px 12px}.cue-list-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}.cue-list-table tbody tr:hover{background:#faf8f6}.cue-list-table a{color:var(--accent-red);font-weight:600;text-decoration:none}.cue-list-layer{align-items:center;gap:6px;display:inline-flex}.cue-list-empty{text-align:center;color:var(--text-muted);padding:24px}.cast-body{flex-direction:column;flex:1;min-height:0;padding:24px 32px;display:flex}.cast-title{margin:16px 0 4px;font-size:24px;font-weight:700}.cast-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:13px}.cast-empty{color:var(--text-muted);padding:40px 0;font-size:14px}.cast-empty-hint{margin-top:6px;font-size:12px}.cast-matrix-wrap{flex:1;margin-bottom:20px;position:relative;overflow:auto visible}.cast-matrix{border-collapse:separate;border-spacing:0;white-space:nowrap;min-width:100%;font-size:13px}.cast-sticky{z-index:2;background:#fff;position:sticky}.cast-sticky-role{width:160px;min-width:160px;max-width:160px;left:0;overflow:hidden}.cast-sticky-actor{border-right:1.5px solid var(--border-color);min-width:120px;max-width:160px;left:160px}.cast-header-acts th,.cast-header-scenes th,.cast-header-pages th{border-bottom:1px solid var(--border-color);padding:0}.cast-act-header{text-align:left;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);background:#f5f5f5;font-size:13px;font-weight:700;padding:6px 10px!important}.cast-scene-header{color:var(--text-muted);text-align:left;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;font-size:11px;font-weight:600;padding:4px 8px!important}.cast-col-role-head,.cast-col-actor-head{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);text-align:left;font-size:11px;font-weight:600;padding:6px 10px!important}.cast-page-num{color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums;width:28px;min-width:28px;font-size:11px;padding:6px 0!important}.cast-row{border-bottom:1px solid var(--border-color)}.cast-row:hover .cast-sticky,.cast-row:hover td{background:#f8f8f8}.cast-role-cell{padding:0!important}.cast-role-inner{align-items:center;gap:4px;padding:8px 8px 8px 6px;display:flex}.cast-drag-handle{color:#ccc;cursor:grab;opacity:0;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:14px;line-height:1;transition:opacity .1s}.cast-row:hover .cast-drag-handle{opacity:1}.cast-row.cast-drop-above td{box-shadow:inset 0 2px 0 0 var(--accent-red)}.cast-row.cast-drop-below td{box-shadow:inset 0 -2px 0 0 var(--accent-red)}.cast-role-badge{border-radius:50%;flex-shrink:0;width:18px;height:18px}.cast-role-badge-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:18px;height:18px}.cast-role-name{text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.cast-edit-role-btn{cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:11px;line-height:1;transition:opacity .1s}.cast-row:hover .cast-edit-role-btn,.cast-edit-role-btn:hover{opacity:1}.cast-del-btn{color:#ccc;cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:11px;transition:opacity .1s}.cast-row:hover .cast-del-btn{opacity:1}.cast-del-btn:hover{color:var(--accent-red)}.cast-actor-cell{border-right:1.5px solid var(--border-color);padding:8px 10px!important}.cast-actor-edit-wrap{position:relative}.cast-actor-suggestions{border:1px solid var(--border-color);z-index:100;background:#fff;border-radius:8px;flex-direction:column;gap:1px;min-width:160px;max-width:220px;padding:4px;display:flex;box-shadow:0 10px 30px #00000026}.cast-actor-suggestion{text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:5px;padding:6px 8px;font-size:12px;overflow:hidden}.cast-actor-suggestion:hover{background:#f1ede9}.cast-actor-suggestion-create{color:var(--accent-red);font-weight:600}.cast-actor-name{color:var(--text-muted);cursor:pointer;min-width:60px;font-size:13px;display:block}.cast-actor-name:not(.cast-actor-empty):hover{text-decoration:underline}.cast-actor-empty{color:#ccc;cursor:pointer;font-style:italic}.cast-actor-empty:hover{color:var(--text-muted)}.cast-edit-input{border:1.5px solid var(--accent-red);background:#fff;border-radius:5px;outline:none;width:100%;min-width:0;padding:3px 7px;font-size:13px;font-weight:600}.cast-actor-input{max-width:110px;font-weight:400}.cast-presence-cell{text-align:center;vertical-align:middle;width:28px;min-width:28px;padding:0!important}.cast-clickable{cursor:pointer}.cast-clickable:hover{background:#f0f0f0}.cast-present-speaking{background:#27ae6012}.cast-present-nonspeaking{background:#e6b53912}.cast-x{pointer-events:none;font-size:11px;font-weight:700;line-height:1;display:inline-block}.cast-speaking{color:#27ae60}.cast-nonspeaking{color:#c8960a;font-weight:600}.cast-add-row{align-items:center;gap:10px;padding-top:4px;display:flex}.cast-add-input{border:1.5px solid var(--border-color);background:#fff;border-radius:8px;outline:none;flex:1;max-width:340px;padding:7px 14px;font-size:13px}.cast-add-input:focus{border-color:var(--accent-red)}.cast-add-btn{background:var(--accent-red);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:7px 18px;font-size:13px;font-weight:600}.cast-add-btn:disabled{opacity:.4;cursor:not-allowed}.cast-add-btn:hover:not(:disabled){opacity:.88}.actor-body{flex-direction:column;display:flex}.actor-title{margin:4px 0 0;font-size:28px;font-weight:600}.actor-subtitle{color:var(--text-muted);margin:2px 0 20px;font-size:13px}.actor-layout{align-items:flex-start;gap:24px;display:flex}.actor-table-wrap{flex:0 0 calc(70% - 12px);min-width:0}.actor-table{border-collapse:collapse;border:1px solid var(--border-color);background:#fff;border-radius:10px;width:100%;overflow:hidden}.actor-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:10px 12px;font-size:11px}.actor-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:10px 12px}.actor-table tr:last-child td,.actor-role-cell{border-bottom:none}.actor-role-cell-last{border-bottom:1px solid var(--border-color)}.actor-table tr:last-child .actor-role-cell-last{border-bottom:none}.actor-thumb-cell{width:64px}.actor-thumb-cell-inner{align-items:center;gap:6px;display:flex}.actor-drag-handle{cursor:grab;color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:16px}.actor-drag-handle:active{cursor:grabbing}.actor-drop-indicator-row td{border:none;height:0;padding:0}.actor-drop-indicator{background:var(--accent-red);height:2px;margin:0 12px}.actor-thumb{object-fit:cover;border-radius:50%;width:36px;height:36px}.actor-thumb-empty{color:var(--text-muted);background:#e9e9e9;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.actor-name-cell{white-space:nowrap;cursor:pointer;font-size:14px}.actor-name-main{font-weight:600}.actor-name-cell:hover .actor-name-main{color:var(--accent-red)}.actor-contact-info{flex-direction:column;gap:2px;margin-top:4px;display:flex}.actor-contact-link{color:var(--text-muted);cursor:pointer;align-items:center;font-size:11px;font-weight:400;text-decoration:none;display:inline-flex}.actor-contact-icon{flex-shrink:0;justify-content:center;width:14px;margin-right:4px;display:inline-flex}.actor-contact-link:hover{color:var(--accent-red);text-decoration:underline}.actor-role-cell{cursor:pointer;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;min-width:220px;min-height:40px;transition:background .1s;display:flex}.actor-role-cell:hover{background:#f9f9f7}.actor-role-cell-over{outline:1.5px dashed var(--accent-red);background:#fdf0ee}.actor-role-placeholder{color:var(--text-muted);font-size:12px}.actor-role-row-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);flex-shrink:0;width:64px;font-size:10px;font-weight:700}.actor-role-chip{background:#f1ede9;border-radius:999px;align-items:center;gap:5px;padding:3px 8px 3px 4px;font-size:12px;font-weight:600;display:flex}.actor-role-chip-secondary{background:#f6f6f4;font-weight:400}.actor-role-chip-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.actor-role-chip-remove:hover{color:var(--accent-red)}.actor-add-btn{border:1.5px dashed var(--border-color);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;margin-top:14px;padding:10px;font-size:13px}.actor-add-btn:hover{background:#f6f6f4}.actor-role-sidebar{border:1px solid var(--border-color);background:#fff;border-radius:10px;flex:0 0 calc(30% - 12px);min-width:0;padding:12px;position:sticky;top:24px}.actor-role-sidebar-header{margin-bottom:10px;font-size:13px;font-weight:600}.actor-role-filter{gap:6px;margin-bottom:10px;display:flex}.actor-role-filter-btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:6px;flex:1;padding:5px 0;font-size:12px}.actor-role-filter-active{background:var(--bg-dark);border-color:var(--bg-dark);color:#fff}.actor-role-list{flex-direction:column;gap:4px;max-height:70vh;display:flex;overflow-y:auto}.actor-role-list-item{cursor:grab;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.actor-role-list-item:hover{background:#f6f6f4}.actor-role-list-empty{color:var(--text-muted);padding:8px;font-size:12px}.actor-conflict-backdrop{z-index:99;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.actor-conflict-modal{background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:360px;padding:20px;display:flex;box-shadow:0 8px 40px #0000002e}.actor-conflict-text{color:var(--text-main);font-size:13px}.actor-conflict-question{color:var(--text-muted);font-size:12px}.actor-edit-modal{flex-direction:column;gap:14px;width:380px;display:flex}.actor-edit-photo-preview{object-fit:cover;border:1px solid var(--border-color);border-radius:50%;width:48px;height:48px}.actor-role-lookup-modal{flex-direction:column;gap:12px;width:360px;display:flex}.actor-role-lookup-list{flex-direction:column;gap:2px;max-height:260px;display:flex;overflow-y:auto}.actor-role-lookup-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.actor-role-lookup-item:hover{background:#f6f6f4}