.page-view{height:100%;display:flex;flex-direction:column;padding:24px;overflow:auto;background-color:#1a1a1a}.page-view.empty{align-items:center;justify-content:center}.page-view-content{flex:1;display:flex;justify-content:center;align-items:flex-start;overflow:auto;padding-bottom:12px}.page-view-content.spread{justify-content:flex-start;padding:24px 24px 48px}.page-view-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px;margin-top:12px;border:1px solid #333;border-radius:10px;background-color:#232323eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.page-view-footer-left,.page-view-footer-right{display:flex;align-items:center;gap:12px}.footer-toggle{display:flex;gap:6px}.footer-toggle .btn{padding:4px 8px;font-size:12px}.footer-snap-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:#e0e0e0;cursor:pointer}.footer-snap-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.footer-page-indicator{font-size:12px;color:#ccc;padding:4px 8px;background-color:#0003;border-radius:8px;min-width:72px;text-align:center}.footer-zoom-controls{display:flex;align-items:center;gap:6px}.footer-zoom-label{font-size:12px;color:#e0e0e0;min-width:44px;text-align:center}.footer-zoom-controls .btn{padding:4px 8px;font-size:11px}.page-zoom-wrapper{display:inline-block}.page-spread-list{display:flex;flex-direction:column;gap:48px;align-items:center;margin:0 auto}.page-spread-row{display:flex;justify-content:center}.page-spread-row-content{display:flex;gap:24px;align-items:flex-start;padding:18px 20px 22px;background-color:#2a2a2a;border-radius:10px;box-shadow:0 6px 16px #00000059}.page-spread-empty{flex:0 0 auto}.page-spread-page{display:flex;flex-direction:column;align-items:center;gap:10px}.page-spread-label{display:inline-block;font-size:12px;color:#e0e0e0;letter-spacing:.5px;min-height:14px;transform:scale(calc(1 / var(--page-zoom, 1)));transform-origin:top center}.page-container{position:relative;background-color:#fff;box-shadow:0 4px 12px #0000004d;border:1px solid #444;min-width:840px;min-height:1188px;background-image:linear-gradient(to right,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.05) 1px,transparent 1px);background-size:20px 20px}.page-container.page-container-export{background-image:none}.page-content{position:absolute;box-sizing:border-box}.empty-panels{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#999;font-size:14px}.panel-box-layout{position:absolute;border:2px solid #444;border-radius:4px;background-color:#f5f5f5;cursor:pointer;transition:border-color .2s;display:flex;flex-direction:column;overflow:hidden;min-width:80px;min-height:80px}.panel-box-layout.panel-box-manga{border:4px solid #111;border-radius:0;background-color:#fff}.panel-box-layout:hover{border-color:#666}.panel-box-layout.panel-box-manga:hover{border-color:#111}.panel-box-layout.selected{border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff4d}.panel-box-layout.panel-box-manga.selected{border-color:#111;box-shadow:0 0 0 2px #4a9eff59}.panel-box-header{display:flex;justify-content:space-between;padding:4px 6px;background-color:#0000000d;border-bottom:1px solid rgba(0,0,0,.1);gap:6px;align-items:center}.panel-box-number{width:20px;height:20px;border-radius:50%;background-color:#4a9eff;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.panel-box-meta{display:flex;align-items:center;gap:6px;font-size:9px;color:#444;white-space:nowrap}.panel-box-note-meta{display:flex;align-items:center;gap:6px;min-width:0}.panel-box-note{flex:1;font-size:14px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-box-meta span{padding:2px 4px;background-color:#0000000f;border-radius:3px}.panel-box.selected .panel-box-number{background-color:#3a8eef}.panel-box-content{position:relative;flex:1;padding:6px;display:flex;flex-direction:column;gap:4px;overflow:hidden}.panel-box-info{position:relative;z-index:1}.panel-box-header .panel-box-intent{font-size:10px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-box-header .panel-box-emotion{font-size:9px;color:#666;white-space:nowrap}.panel-box-header .panel-box-emotion .intensity{font-size:8px;padding:1px 3px;border-radius:2px;background-color:#e0e0e0;margin-left:4px}.panel-box-footer{margin-top:auto;display:flex;flex-direction:column;gap:4px;z-index:1}.panel-box-intent{font-size:11px;font-weight:600;color:#333;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-box-emotion{font-size:10px;color:#666;line-height:1.2}.panel-box-emotion .intensity{font-size:9px;padding:1px 4px;border-radius:2px;background-color:#e0e0e0;margin-left:4px}.grid-line-segment{position:absolute;z-index:240;background-color:transparent}.grid-line-segment:after{content:"";position:absolute;background-color:#22c55ea6}.grid-line-segment.grid-line-vertical{width:12px;cursor:col-resize;transform:translate(-50%)}.grid-line-segment.grid-line-vertical:after{top:0;bottom:0;left:50%;width:2px;transform:translate(-50%)}.grid-line-segment.grid-line-horizontal{height:12px;cursor:row-resize;transform:translateY(-50%)}.grid-line-segment.grid-line-horizontal:after{left:0;right:0;top:50%;height:2px;transform:translateY(-50%)}.grid-line-segment.active:after{background-color:#16a34a;box-shadow:0 0 0 1px #16a34a59}.panel-object-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.speech-tail-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.speech-text{display:block;writing-mode:vertical-rl;text-orientation:upright;font-family:GenEiAntiqueNv6,Yu Mincho,Hiragino Mincho ProN,serif;font-size:var(--speech-font-size, 28px);line-height:var(--speech-line-height, 1.1);color:#222;white-space:pre-line}.page-container-export .export-vertical-text{display:inline-flex;flex-direction:row-reverse;align-items:flex-start;gap:var(--export-column-gap, 0px);white-space:pre}.page-container-export .export-vertical-text-speech{font-family:GenEiAntiqueNv6,Yu Mincho,Hiragino Mincho ProN,serif;font-size:var(--speech-font-size, 28px);line-height:var(--speech-line-height, 1.1);color:#222;--export-column-gap: 2px;--export-font-size: var(--speech-font-size, 28px);--export-line-height: var(--speech-line-height, 1.1)}.page-container-export .export-vertical-text-narration{font-family:GenEiAntiqueNv6,Yu Mincho,Hiragino Mincho ProN,serif;font-size:var(--narration-font-size, 18px);line-height:var(--narration-line-height, 1.3);color:#222;--export-column-gap: 0px;--export-font-size: var(--narration-font-size, 18px);--export-line-height: var(--narration-line-height, 1.3)}.page-container-export .export-vertical-column{display:flex;flex-direction:column;align-items:center;min-width:var(--export-font-size, 18px);min-height:var(--export-font-size, 18px)}.page-container-export .export-vertical-char{display:block;line-height:var(--export-line-height, 1.1)}.panel-object{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;pointer-events:auto}.panel-object img{display:block;width:100%;height:100%;-webkit-user-drag:none;user-drag:none}.panel-object-speech{border:none;background:transparent;box-shadow:none;padding:0;position:relative;overflow:visible;box-sizing:border-box}.panel-object-narration{max-width:50%;padding:12px 10px;color:#222;border:1px solid #333;background-color:#fff;box-shadow:0 2px 6px #0003}.panel-object-narration,.panel-object-direction{border-radius:4px}.panel-object-text{display:inline-block;white-space:pre-line}.speech-speaker-label{position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:10px;padding:2px 6px;border-radius:8px;background-color:#222;color:#fff;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.speech-tail{position:absolute;width:0;height:0;pointer-events:none;z-index:2;transform:translate(var(--tail-translate-x, 0),var(--tail-translate-y, 0)) rotate(var(--tail-rotation, 0rad));transform-origin:center}.speech-tail:before,.speech-tail:after{content:"";position:absolute;width:0;height:0}.speech-tail-base,.speech-tail-tip{position:absolute;pointer-events:none}.speech-tail-base{background-color:#ff3b30}.speech-tail-tip{width:6px;height:6px;border-radius:50%;background-color:#ff3b30}.speech-tail-left{left:0;top:var(--tail-offset, 50%);--tail-translate-x: -85%;--tail-translate-y: -50%}.speech-tail-left:before{border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:18px solid #333}.speech-tail-left:after{left:2px;top:2px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:16px solid #fff}.speech-tail-left .speech-tail-base{left:2px;top:50%;width:2px;height:16px;transform:translate(-50%,-50%)}.speech-tail-left .speech-tail-tip{left:-18px;top:50%;transform:translate(-50%,-50%)}.speech-tail-right{right:0;top:var(--tail-offset, 50%);--tail-translate-x: 85%;--tail-translate-y: -50%}.speech-tail-right:before{border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid #333}.speech-tail-right:after{left:-16px;top:2px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #fff}.speech-tail-right .speech-tail-base{right:2px;top:50%;width:2px;height:16px;transform:translate(50%,-50%)}.speech-tail-right .speech-tail-tip{right:-18px;top:50%;transform:translate(50%,-50%)}.speech-tail-top{top:0;left:var(--tail-offset, 50%);--tail-translate-x: -50%;--tail-translate-y: -85%}.speech-tail-top:before{border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:18px solid #333}.speech-tail-top:after{left:2px;top:2px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:16px solid #fff}.speech-tail-top .speech-tail-base{left:50%;top:2px;width:16px;height:2px;transform:translate(-50%,-50%)}.speech-tail-top .speech-tail-tip{left:50%;top:-18px;transform:translate(-50%,-50%)}.speech-tail-bottom{bottom:0;left:var(--tail-offset, 50%);--tail-translate-x: -50%;--tail-translate-y: 85%}.speech-tail-bottom:before{border-left:12px solid transparent;border-right:12px solid transparent;border-top:18px solid #333}.speech-tail-bottom:after{left:2px;top:-16px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:16px solid #fff}.speech-tail-bottom .speech-tail-base{left:50%;bottom:2px;width:16px;height:2px;transform:translate(-50%,50%)}.speech-tail-bottom .speech-tail-tip{left:50%;bottom:-18px;transform:translate(-50%,50%)}.panel-object-editor{width:100%;height:100%;box-sizing:border-box;border:1px solid #4a9eff;color:#222;background-color:#fff;overflow:hidden;resize:none}.panel-object-editor:focus{outline:none;box-shadow:none}.panel-object-editor::-webkit-scrollbar{display:none}.panel-object-editor{scrollbar-width:none;-ms-overflow-style:none}.panel-object-editor-speech{writing-mode:vertical-rl;text-orientation:upright;font-size:var(--speech-font-size, 18px);line-height:var(--speech-line-height, 1.1);font-family:GenEiAntiqueNv6,Yu Mincho,Hiragino Mincho ProN,serif}.panel-object-editor-narration{writing-mode:vertical-rl;text-orientation:upright;font-size:var(--narration-font-size, 18px);line-height:var(--narration-line-height, 1.3);font-family:GenEiAntiqueNv6,Yu Mincho,Hiragino Mincho ProN,serif}.panel-object-editor-direction{writing-mode:horizontal-tb;font-size:var(--direction-font-size, 14px);line-height:1.4}.panel-object-editor-sfx{writing-mode:horizontal-tb;font-size:24px;font-weight:700}.panel-object-context-menu{position:fixed;z-index:999;background-color:#1f1f1f;border:1px solid #333;border-radius:6px;padding:6px;box-shadow:0 6px 16px #0006}.panel-context-menu{min-width:180px;display:flex;flex-direction:column;gap:6px}.panel-context-section{display:flex;flex-direction:column;gap:6px}.panel-context-title{font-size:11px;color:#9a9a9a;margin-top:4px}.panel-context-divider{height:1px;background-color:#333;margin:2px 0}.panel-context-empty{font-size:11px;color:#666;padding:4px 2px}.panel-object-sfx{font-weight:700;font-size:50px;color:#111;background-color:transparent;border:none;box-shadow:none;transform:rotate(-8deg);text-shadow:1px 1px 0 rgba(0,0,0,.2)}.panel-object-speech .panel-object-text{writing-mode:vertical-rl;text-orientation:upright;font-size:var(--speech-font-size, 18px);line-height:var(--speech-line-height, 1.1);font-family:GenEiAntiqueNv6,Yu Mincho,Hiragino Mincho ProN,serif}.panel-object-narration .panel-object-text{writing-mode:vertical-rl;text-orientation:upright;font-size:var(--narration-font-size, 18px);line-height:var(--narration-line-height, 1.3);font-family:GenEiAntiqueNv6,Yu Mincho,Hiragino Mincho ProN,serif;word-break:break-all;max-height:100%;width:auto}.panel-object-sfx .panel-object-text{writing-mode:horizontal-tb}.panel-object-direction{max-width:70%;padding:0;font-size:var(--direction-font-size, 14px);line-height:1.3;color:#4a9eff;border:none;background-color:transparent;box-shadow:none}.panel-object-direction .panel-object-text{writing-mode:horizontal-tb}.page-outside-objects-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none}.outside-speech-tail-svg{position:absolute;top:0;left:0;pointer-events:none;overflow:visible;z-index:99}.panel-object-outside{pointer-events:auto;z-index:101}.panel-object-outside.panel-object-speech{border:none!important;box-shadow:none!important;background:transparent!important}.panel-object-outside.panel-object-narration,.panel-object-outside.panel-object-direction,.panel-object-outside.panel-object-sfx{border:2px solid orange!important;box-shadow:0 4px 8px #ffa5004d!important}.header{height:60px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333;background-color:#252525;gap:16px}.header-main{flex:1;display:flex;gap:16px;align-items:center}.header-brand{font-size:16px;font-weight:700;color:#f0f0f0;letter-spacing:.04em;white-space:nowrap}.header-menus{display:flex;gap:8px;align-items:center}.header-menu{position:relative}.header-menu-button{padding:6px 10px;border:1px solid #3a3a3a;border-radius:6px;background-color:#2a2a2a;color:#e0e0e0;cursor:pointer;font-size:13px}.header-menu-button:hover{background-color:#333}.header-menu-button-primary{background-color:#4a9eff;border-color:#4a9eff;color:#fff}.header-menu-button-primary:hover{background-color:#3a8eef}.header-menu-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;padding:10px 12px;border-radius:8px;background-color:#1f1f1f;border:1px solid #333;box-shadow:0 8px 20px #0006;z-index:40}.header-menu-item{width:100%;text-align:left;padding:6px 8px;border-radius:6px;border:none;background:transparent;color:#e0e0e0;font-size:13px;cursor:pointer}.header-menu-item:hover{background-color:#2a2a2a}.header-menu-item:disabled{opacity:.5;cursor:not-allowed}.header-menu-section{display:grid;gap:8px}.header-menu-section-title{font-size:12px;color:#aaa}.header-menu-row{display:grid;grid-template-columns:1fr 70px 24px;gap:6px;align-items:center;font-size:12px;color:#e0e0e0}.header-menu-row.header-menu-row-toggle{grid-template-columns:1fr}.header-menu-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;width:100%}.header-menu-toggle input{position:absolute;opacity:0;width:0;height:0}.header-menu-toggle-slider{position:relative;width:34px;height:18px;border-radius:999px;border:1px solid #444;background-color:#2a2a2a;flex:0 0 auto;transition:background-color .2s ease,border-color .2s ease}.header-menu-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background-color:#e0e0e0;transition:transform .2s ease}.header-menu-toggle input:checked+.header-menu-toggle-slider{background-color:#4a9eff;border-color:#4a9eff}.header-menu-toggle input:checked+.header-menu-toggle-slider:after{transform:translate(16px)}.header-menu-toggle input:disabled+.header-menu-toggle-slider{opacity:.5;cursor:not-allowed}.header-menu-row input{width:70px;padding:4px 6px;border-radius:4px;border:1px solid #444;background-color:#111;color:#e0e0e0;font-size:12px}.header-menu-unit{font-size:11px;color:#aaa;text-align:right}.header-title{flex:0 0 200px;padding:8px 12px;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:14px}.header-title:focus{outline:none;border-color:#666}.header-progress{padding:6px 12px;border-radius:999px;border:1px solid #3a3a3a;background-color:#1f1f1f;color:#9ac6ff;font-size:12px;white-space:nowrap}.header-progress.completed{color:#9fe3b6;border-color:#2f4f3a}.header-progress-clickable{cursor:pointer}.header-progress-clickable:hover{background-color:#2a2a2a}.header-actions{display:flex;gap:8px;align-items:center}.btn{padding:8px 16px;border:1px solid #444;border-radius:4px;background-color:#2a2a2a;color:#e0e0e0;cursor:pointer;font-size:14px;transition:background-color .2s}.btn:hover:not(:disabled){background-color:#333}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#4a9eff;border-color:#4a9eff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#3a8eef}.btn-secondary{background-color:#3a3a3a}.btn.active{background-color:#4a9eff;border-color:#4a9eff;color:#fff}.btn-icon{padding:8px 12px;font-size:18px;line-height:1}.header-auth{display:flex;align-items:center;gap:8px}.header-credits{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid #333;background-color:#1f1f1f;font-size:11px;color:#cfcfcf}.header-credits.disabled{opacity:.6}.header-credits-label{color:#9a9a9a}.header-credits-value{font-weight:600;color:#9fe3b6}.header-credits-usage{color:#aaa}.header-badge{padding:2px 6px;border-radius:999px;border:1px solid #355b3e;background-color:#203826;color:#b6e3c4;font-size:10px;text-transform:uppercase}.header-user{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#d0d0d0}.character-manager{padding:16px;border-top:1px solid #333;background-color:#1f1f1f}.character-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.character-manager-header h3{font-size:14px;font-weight:600;color:#e0e0e0}.character-item{padding:8px;border:1px solid #333;border-radius:4px;background-color:#252525;display:flex;align-items:center;justify-content:space-between}.character-info{flex:1;cursor:pointer}.character-name{font-size:13px;font-weight:500;color:#e0e0e0;margin-bottom:4px}.character-role{font-size:11px;color:#999}.character-edit{flex:1;display:flex;flex-direction:column;gap:8px}.form-input-small{padding:6px 8px;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:12px}.character-edit-actions{display:flex;gap:8px}.btn-save,.btn-cancel{padding:4px 8px;border:1px solid #444;border-radius:4px;background-color:#2a2a2a;color:#e0e0e0;cursor:pointer;font-size:11px}.btn-save{background-color:#4a9eff;border-color:#4a9eff;color:#fff}.btn-save:hover{background-color:#3a8eef}.btn-cancel:hover{background-color:#333}.page-list{height:100%;display:flex;flex-direction:column}.page-list-header{padding:12px 16px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.page-list-header h2{font-size:16px;font-weight:600;color:#e0e0e0}.btn-add{padding:6px 12px;background-color:#4a9eff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px}.btn-add:hover{background-color:#3a8eef}.page-list-content{flex:1;overflow-y:auto;padding:8px}.empty-state{padding:32px;text-align:center;color:#666;font-size:14px}.page-item{margin-bottom:8px;border:1px solid #333;border-radius:4px;background-color:#252525}.page-item.selected{border-color:#4a9eff;background-color:#2a3a4a}.page-item-header{padding:8px 12px;display:flex;align-items:center;gap:8px;background-color:#2a2a2a}.drag-handle{background:none;border:none;color:#666;cursor:grab;font-size:14px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.drag-handle:hover{color:#999}.page-toggle{background:none;border:none;color:#999;cursor:pointer;font-size:10px;padding:0;width:16px}.page-title{flex:1;font-size:14px;font-weight:500;color:#e0e0e0}.btn-delete{background:none;border:none;color:#999;cursor:pointer;font-size:18px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.btn-delete:hover{color:#f44}.page-panels{padding:8px}.panel-item{padding:8px;margin-bottom:4px;border:1px solid #333;border-radius:4px;background-color:#1f1f1f;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:background-color .2s}.drag-handle-small{background:none;border:none;color:#666;cursor:grab;font-size:12px;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex-shrink:0}.drag-handle-small:active{cursor:grabbing}.drag-handle-small:hover{color:#999}.panel-item:hover{background-color:#2a2a2a}.panel-item.selected{background-color:#3a3a3a;border-color:#4a9eff}.panel-info{flex:1}.panel-intent{font-size:13px;font-weight:500;color:#e0e0e0;margin-bottom:4px}.panel-emotion{font-size:11px;color:#999}.btn-delete-small{background:none;border:none;color:#666;cursor:pointer;font-size:16px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.btn-delete-small:hover{color:#f44}.btn-add-panel{width:100%;padding:8px;background-color:#2a2a2a;border:1px dashed #444;border-radius:4px;color:#999;cursor:pointer;font-size:12px;margin-top:4px}.btn-add-panel:hover{background-color:#333;border-color:#555}.panel-editor{height:100%;display:flex;flex-direction:column;padding:16px}.panel-editor.empty{align-items:center;justify-content:center}.empty-message{color:#666;font-size:16px}.panel-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #333}.panel-editor-header h2{font-size:20px;font-weight:600;color:#e0e0e0}.btn-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-close:hover{color:#e0e0e0}.panel-editor-content{flex:1;overflow-y:auto}.panel-editor-tabs{display:flex;gap:0;border-bottom:1px solid #333;background-color:#252525;margin-bottom:12px}.panel-editor-tabs button{flex:1;padding:8px 12px;border:none;background-color:transparent;color:#999;cursor:pointer;font-size:12px;transition:color .2s,background-color .2s}.panel-editor-tabs button:hover{color:#e0e0e0;background-color:#2a2a2a}.panel-editor-tabs button.active{color:#4a9eff;background-color:#1a1a1a;font-weight:600}.panel-json-editor{padding:4px 0;display:flex;flex-direction:column;height:100%}.panel-json-textarea{width:100%;flex:1;resize:none;background-color:#121212;border:1px solid #333;color:#e0e0e0;padding:8px;border-radius:6px;font-size:11px;line-height:1.5;font-family:inherit}.panel-json-error{margin-top:6px;font-size:11px;color:#ff8a8a}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#e0e0e0}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:14px;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#666}.form-textarea{resize:vertical;min-height:80px}.dialogue-list{display:flex;flex-direction:column;gap:8px}.dialogue-block{display:flex;flex-direction:column;gap:6px}.dialogue-item{display:flex;gap:8px;align-items:flex-start}.dialogue-text{flex:1}.dialogue-meta{display:flex;align-items:center;gap:8px;padding-left:4px}.dialogue-meta label{margin:0;font-size:12px;color:#b0b0b0}.dialogue-speaker-select{max-width:180px}.btn-delete-dialogue{background:none;border:none;color:#666;cursor:pointer;font-size:20px;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-delete-dialogue:hover{color:#f44}.btn-add-dialogue{padding:8px 12px;background-color:#2a2a2a;border:1px dashed #444;border-radius:4px;color:#999;cursor:pointer;font-size:13px}.btn-add-dialogue:hover{background-color:#333;border-color:#555}.character-list{display:flex;flex-direction:column;gap:8px}.character-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.character-checkbox:hover{background-color:#2a2a2a}.character-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.character-checkbox span{font-size:14px;color:#e0e0e0}.character-expression-list{margin-top:10px;display:flex;flex-direction:column;gap:6px}.character-expression-item{display:flex;align-items:center;justify-content:space-between;gap:8px}.character-expression-name{font-size:13px;color:#cfcfcf}.character-expression-select{max-width:160px}.empty-characters{color:#666;font-size:13px;padding:16px;text-align:center}.form-help{margin-top:4px;font-size:11px;color:#999}.modal-content{background-color:#252525;border:1px solid #444;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.error-message{padding:12px;background-color:#4a1a1a;border:1px solid #ff4444;border-radius:4px;color:#f88;font-size:14px;margin-bottom:16px}.credits-info{border:1px solid #333;border-radius:6px;padding:12px;background-color:#1f1f1f}.credits-summary{display:flex;flex-direction:column;gap:6px;margin-top:6px;font-size:12px;color:#d0d0d0}.credits-row{display:flex;justify-content:space-between;gap:8px}.credits-warning{font-size:12px;color:#ffb3b3}.modal-content{background-color:#252525;border:1px solid #444;border-radius:8px;width:92%;max-width:980px;max-height:90vh;overflow:hidden}.modal-body{padding:24px;overflow-y:auto;max-height:calc(90vh - 72px)}.regen-modal{background-color:#252525}.regen-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.regen-grid.with-rough{grid-template-columns:minmax(0,1fr) minmax(0,280px)}.regen-section{margin-bottom:18px}.regen-section-title{font-size:13px;font-weight:600;color:#e0e0e0;margin-bottom:8px}.regen-option-title{margin-top:12px}.error-message{padding:12px;background-color:#4a1a1a;border:1px solid #ff4444;border-radius:4px;color:#f88;font-size:14px;margin-top:12px}.radio-group{display:flex;flex-direction:column;gap:8px;margin-top:8px}.radio-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#e0e0e0;cursor:pointer}.radio-item input{width:16px;height:16px}.checkbox-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#e0e0e0;cursor:pointer;margin-top:8px}.checkbox-item input{width:16px;height:16px}.regen-segmented{display:inline-flex;border:1px solid #444;border-radius:6px;overflow:hidden}.regen-segmented-button{padding:6px 12px;border:none;background-color:#2a2a2a;color:#cfcfcf;font-size:12px;cursor:pointer}.regen-segmented-button.active{background-color:#4a9eff;color:#fff}.regen-segmented-button:disabled{opacity:.5;cursor:not-allowed}.regen-selection-header{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:600;color:#e0e0e0;margin-bottom:6px}.regen-count{font-size:12px;color:#aaa}.regen-selection-actions{display:flex;gap:8px;margin-bottom:8px}.regen-mini-button{border:1px solid #444;background-color:#2a2a2a;color:#cfcfcf;border-radius:4px;font-size:11px;padding:4px 8px;cursor:pointer}.regen-mini-button:hover{background-color:#333}.regen-helper{font-size:11px;color:#888;margin-bottom:8px}.regen-checkbox-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;padding-right:4px}.regen-checkbox-item{display:grid;grid-template-columns:16px auto 1fr;align-items:center;gap:8px;font-size:12px;color:#e0e0e0}.regen-checkbox-item input{width:14px;height:14px}.regen-checkbox-label{color:#cfcfcf}.regen-panel-item{grid-template-columns:16px 42px 1fr auto}.regen-panel-summary{color:#999;font-size:11px}.regen-panel-group{border:1px solid #333;border-radius:6px;padding:8px;background-color:#1f1f1f}.regen-panel-group-title{font-size:12px;color:#aaa;margin-bottom:6px}.regen-panel-empty{font-size:11px;color:#666}.regen-tag{font-size:10px;padding:2px 6px;border-radius:10px;background-color:#3a3a3a;color:#ddd}.regen-textarea{min-height:90px}.regen-side{border:1px solid #333;border-radius:8px;padding:12px;background-color:#1f1f1f;display:flex;flex-direction:column;gap:12px}.regen-side-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.regen-side-title{font-size:12px;color:#aaa;margin:0}.regen-debug-toggle{display:flex;align-items:center;gap:6px;font-size:11px;color:#ccc}.regen-side-empty{font-size:11px;color:#666}.regen-side-note{font-size:11px;color:#888;margin-top:6px}.regen-plot-edit{display:flex;flex-direction:column;gap:10px}.regen-plot-title{font-size:12px;color:#aaa}.regen-plot-card{border:1px solid #333;border-radius:6px;padding:8px;background-color:#222}.regen-plot-number{font-size:12px;color:#4a9eff;margin-bottom:6px}.regen-plot-textarea{min-height:90px}.regen-plot-text{font-size:11px;color:#ccc;white-space:pre-wrap;line-height:1.5}.regen-preview{border-top:1px solid #333;padding-top:10px}.regen-preview-title{font-size:12px;color:#aaa;margin-bottom:8px}.regen-preview-grid{display:grid;gap:10px}.regen-preview-card{display:grid;gap:6px}.regen-preview-label{font-size:11px;color:#ccc}.regen-preview-page{position:relative;border:1px solid #444;background-color:#2a2a2a;border-radius:4px;overflow:hidden}.regen-preview-panel{position:absolute;border:1px solid #666;background-color:#ffffff0d}.modal-content{background-color:#252525;border:1px solid #444;border-radius:8px;width:90%;max-width:500px}.modal-header{padding:20px 24px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:20px;font-weight:600;color:#e0e0e0}.modal-body{padding:24px}.form-help{margin-top:8px;font-size:12px;color:#999;line-height:1.5}.link{color:#4a9eff;text-decoration:none}.link:hover{text-decoration:underline}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.rough-editor{display:flex;height:100%;background-color:#1a1a1a;color:#e0e0e0;overflow:hidden}.rough-editor.empty{align-items:center;justify-content:center}.rough-editor-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.rough-editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #333;background-color:#252525;gap:12px;flex-wrap:wrap}.rough-title{font-size:18px;font-weight:600;color:#f0f0f0}.rough-subtitle{font-size:12px;color:#999;margin-left:8px}.rough-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.rough-credits{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid #333;border-radius:6px;background-color:#1f1f1f;font-size:11px;color:#cfcfcf}.rough-credits-row{display:flex;gap:8px;justify-content:space-between}.rough-credits-label{color:#9a9a9a}.rough-credits-value{font-weight:600;color:#9fe3b6}.rough-credits-warning{font-size:11px;color:#ffb3b3}.rough-model-select{background-color:#1f1f1f;border:1px solid #444;color:#e0e0e0;padding:6px 8px;border-radius:4px;font-size:12px}.rough-prompt-select{display:flex;flex-direction:column;gap:4px;min-width:200px}.rough-prompt-label{font-size:11px;color:#b5b5b5}.rough-prompt-help{font-size:11px;color:#888}.rough-grid{flex:1;padding:24px;overflow:auto;display:flex;flex-direction:column;gap:16px}.rough-editor .error-message{margin:12px 24px 0}.rough-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rough-page-card{background-color:#f8f8f8;color:#333;border:2px solid transparent;border-radius:8px;min-height:220px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 12px #0000004d}.rough-page-card:hover{border-color:#666}.rough-page-card.selected{border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff4d}.rough-page-card.empty{background-color:#2a2a2a;color:#666;cursor:default}.rough-page-number{font-size:12px;font-weight:600;color:#1d1d1d}.rough-page-text{font-size:12px;line-height:1.5;color:#333;white-space:pre-wrap;overflow:hidden;max-height:180px}.rough-page-empty{font-size:14px;color:#777;margin:auto}.rough-edit-panel{width:0;border-left:1px solid #333;background-color:#1f1f1f;display:flex;flex-direction:column;padding:0;gap:12px;overflow:hidden;transition:width .2s ease,padding .2s ease}.rough-edit-panel.open{width:360px;padding:16px}.rough-edit-header{display:flex;justify-content:space-between;align-items:center}.rough-edit-title{font-size:14px;font-weight:600;color:#e0e0e0}.rough-edit-textarea{flex:1;resize:none;background-color:#141414;border:1px solid #333;color:#e0e0e0;padding:12px;border-radius:6px;font-size:13px;line-height:1.6}.rough-edit-placeholder{color:#777;font-size:13px;margin-top:16px}.name-resume-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.name-resume-dialog{background:#1f1f1f;border:1px solid #333;border-radius:10px;padding:24px;width:min(420px,90vw);box-shadow:0 24px 60px #00000080}.name-resume-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.name-resume-title{font-size:16px;font-weight:600;color:#f0f0f0}.name-resume-close{border:1px solid #333;background:#2a2a2a;color:#d9d9d9;border-radius:6px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.name-resume-close:hover{background:#333}.name-resume-text{font-size:13px;color:#c9c9c9;line-height:1.6;margin-bottom:16px}.name-resume-reason{font-size:12px;color:#e6c58a;margin-bottom:12px}.name-resume-credits{margin-bottom:12px;padding:10px;border:1px solid #333;border-radius:6px;background:#232323;font-size:12px;color:#d0d0d0;display:flex;flex-direction:column;gap:6px}.name-resume-credits-row{display:flex;justify-content:space-between;gap:8px}.name-resume-warning{font-size:12px;color:#ffb3b3}.name-resume-error{font-size:12px;color:#ff9b9b;margin-bottom:12px}.name-resume-actions{display:flex;justify-content:flex-end}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.project-card{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:10px;border-radius:10px;border:1px solid #333;background-color:#1f1f1f;color:inherit;text-align:left;cursor:pointer;font-family:inherit;transition:border-color .2s ease,background-color .2s ease}.project-card:hover{border-color:#4a9eff;background-color:#232323}.project-card:focus-visible{outline:2px solid #4a9eff;outline-offset:2px}.project-card-body{display:flex;flex-direction:column;gap:6px;min-width:0}.project-card-title{font-size:14px;font-weight:600;color:#e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-snippet{font-size:12px;color:#b0b0b0;line-height:1.5;height:3em;overflow:hidden}.project-card-meta{display:flex;justify-content:space-between;font-size:11px;color:#888}.project-thumbnail{width:88px;height:118px;border-radius:6px;border:1px solid #444;background-color:#161616;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-thumbnail img{width:100%;height:100%;object-fit:cover}.project-thumbnail-placeholder{font-size:10px;color:#777}@media (max-width: 720px){.project-grid{grid-template-columns:1fr}}.project-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project-filter-field{display:flex;align-items:center}.project-filter-input,.project-filter-select{height:30px;padding:4px 10px;border-radius:6px;border:1px solid #444;background-color:#1f1f1f;color:#e0e0e0;font-size:12px;min-width:180px}.project-filter-select{min-width:150px}.project-filter-input:focus,.project-filter-select:focus{outline:none;border-color:#4a9eff}.project-filter-count{font-size:11px;color:#888;margin-left:auto}@media (max-width: 720px){.project-filter-input,.project-filter-select{min-width:100%;flex:1}.project-filter-count{width:100%;margin-left:0}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.project-dialog-content{background-color:#252525;border:1px solid #444;border-radius:10px;width:min(1000px,92vw);max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.project-dialog-header{padding:16px 20px;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between;gap:16px}.project-dialog-title{font-size:16px;font-weight:600;color:#e0e0e0}.project-dialog-subtitle{font-size:12px;color:#9a9a9a;margin-top:4px}.project-dialog-actions{display:flex;gap:8px}.project-dialog-body{padding:16px 20px 20px;overflow-y:auto}.project-dialog-body .project-filters{margin-bottom:12px}.project-dialog-empty{padding:24px;border-radius:8px;border:1px dashed rgba(255,255,255,.12);background-color:#1f1f1f;text-align:center;color:#a0a0a0;font-size:13px}@media (max-width: 720px){.project-dialog-header{flex-direction:column;align-items:flex-start}.project-dialog-actions{width:100%}.project-dialog-actions .btn{flex:1}}.streaming-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1200}.streaming-modal{min-width:240px;padding:20px 24px;background-color:#1f1f1f;border:1px solid #3a3a3a;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 24px #00000059}.streaming-spinner{width:28px;height:28px;border-radius:50%;border:3px solid #3a3a3a;border-top-color:#4a9eff;animation:streaming-spin 1s linear infinite}.streaming-message{font-size:14px;color:#e0e0e0}@keyframes streaming-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.layout{width:100%;height:100%;display:flex;flex-direction:column;background-color:#1a1a1a}.layout-content{flex:1;display:flex;overflow:hidden}.layout-left{width:300px;border-right:1px solid #333;overflow-y:auto;background-color:#1f1f1f}.layout-center{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#1a1a1a}.layout-main{flex:1;display:flex;overflow:hidden}.layout-main>.page-view{flex:1}.layout-script-panel{width:360px;border-left:1px solid #333;background-color:#1f1f1f;overflow:hidden}.layout-center.full{flex:1;width:100%}.view-mode-toggle{display:flex;gap:0;padding:8px;border-bottom:1px solid #333;background-color:#252525}.view-mode-toggle button{flex:1;padding:8px 16px;border:none;background-color:transparent;color:#999;cursor:pointer;font-size:13px;transition:all .2s}.view-mode-toggle button:hover{color:#e0e0e0;background-color:#2a2a2a}.view-mode-toggle button.active{color:#4a9eff;background-color:#1a1a1a;font-weight:600}.home{position:relative;flex:1;height:100%;overflow-y:auto;color:#e0e0e0;background-color:#1a1a1a}.home-content{max-width:1120px;margin:0 auto;padding:24px 24px 40px;display:flex;flex-direction:column;gap:20px}.home-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border:1px solid #333;border-radius:10px;background-color:#1f1f1f}.home-header-copy{display:flex;flex-direction:column;gap:6px}.home-header-title{font-size:18px;font-weight:600}.home-header-text{font-size:12px;color:#a0a0a0}.home-section{display:flex;flex-direction:column;gap:16px}.home-section-header{display:flex;justify-content:space-between;align-items:center}.home-section-title{font-size:16px;font-weight:600}.home-section-count{font-size:12px;color:#888}.home-empty,.home-loading{padding:24px;border-radius:14px;border:1px dashed rgba(255,255,255,.1);background:#1f1f1f;text-align:center;color:#a0a0a0}.home-empty-title{font-size:15px;color:#e0e0e0;margin-bottom:6px}.home-empty-text{font-size:12px;color:#a0a0a0}@media (max-width: 720px){.home-header{flex-direction:column;align-items:flex-start}}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:GenEiAntiqueNv6;src:url(/assets/GenEiAntiqueNv6-M-Bw5srmuB.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#e0e0e0;overflow:hidden}#root{width:100vw;height:100vh}.app{width:100%;height:100%;display:flex;flex-direction:column}