*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#eaeaea;min-height:100vh}.scrollbar-unified{scrollbar-width:thin;scrollbar-color:#3a4a5a #1a1a2e}.scrollbar-unified::-webkit-scrollbar{width:8px;height:8px}.scrollbar-unified::-webkit-scrollbar-track{background:transparent}.scrollbar-unified::-webkit-scrollbar-thumb{background:#3a4a5a;border-radius:4px}.scrollbar-unified::-webkit-scrollbar-thumb:hover{background:#4a5a6a}.scrollbar-unified::-webkit-scrollbar-corner{background:transparent}#root{min-height:100vh}a{color:#7eb8da;text-decoration:none}a:hover{text-decoration:underline}input,button{font:inherit}.main-layout{display:flex;flex-direction:column;height:100vh}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:48px;background:#252538;border-bottom:1px solid #333;flex-shrink:0}.top-tabs{display:flex;gap:0}.top-tabs .tab{padding:0 1.25rem;height:48px;border:none;background:transparent;color:#aaa;cursor:pointer}.top-tabs .tab:hover{color:#fff}.top-tabs .tab.active{color:#7eb8da;border-bottom:2px solid #7eb8da}.logout-btn{padding:6px 12px;background:#333;border:1px solid #444;color:#ccc;border-radius:4px;cursor:pointer}.logout-btn:hover{background:#444;color:#fff}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.placeholder{padding:2rem;color:#888;text-align:center}.works-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.works-row{flex:1;display:flex;overflow:hidden;min-height:0}.works-left{flex-shrink:0;overflow:auto;background:#1e1e2e;border-right:1px solid #333;padding:.75rem}.works-right{flex-shrink:0;border-right:none;border-left:1px solid #333;background:#1e1e2e;display:flex;flex-direction:column;overflow:hidden;min-height:0;padding:0}.works-right-top{flex:1;min-height:0;display:flex;flex-direction:row;padding:.75rem .75rem .5rem;gap:.5rem}.works-thinking-half{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.works-thinking-half .panel-title{flex-shrink:0;margin-bottom:4px}.works-toolbar-half{flex:1;min-width:0;display:flex;flex-direction:column;overflow:auto;min-height:0}.works-toolbar-half .panel-title{flex-shrink:0;margin-bottom:4px}.works-right-bottom{flex-shrink:0;padding:8px .75rem .75rem;border-top:1px solid #333;background:#252538;overflow:hidden;display:flex;flex-direction:column;min-height:0}.works-center{flex:1;overflow:auto;overflow-y:overlay;padding:.75rem 1rem;min-width:0}.works-center::-webkit-scrollbar,.works-left::-webkit-scrollbar,.works-right::-webkit-scrollbar,.thinking-panel-body::-webkit-scrollbar,.works-prompt-input::-webkit-scrollbar{width:8px;height:8px}.works-center::-webkit-scrollbar-track,.works-left::-webkit-scrollbar-track,.works-right::-webkit-scrollbar-track,.thinking-panel-body::-webkit-scrollbar-track,.works-prompt-input::-webkit-scrollbar-track{background:transparent}.works-center::-webkit-scrollbar-thumb,.works-left::-webkit-scrollbar-thumb,.works-right::-webkit-scrollbar-thumb,.thinking-panel-body::-webkit-scrollbar-thumb,.works-prompt-input::-webkit-scrollbar-thumb{background:#3a4a5a;border-radius:4px}.works-center::-webkit-scrollbar-thumb:hover,.works-left::-webkit-scrollbar-thumb:hover,.works-right::-webkit-scrollbar-thumb:hover,.thinking-panel-body::-webkit-scrollbar-thumb:hover,.works-prompt-input::-webkit-scrollbar-thumb:hover{background:#4a5a6a}.works-center::-webkit-scrollbar-corner,.works-left::-webkit-scrollbar-corner,.works-right::-webkit-scrollbar-corner,.thinking-panel-body::-webkit-scrollbar-corner,.works-prompt-input::-webkit-scrollbar-corner{background:transparent}.works-center,.works-left,.works-right,.thinking-panel-body,.works-prompt-input{scrollbar-width:thin;scrollbar-color:#3a4a5a #1a1a2e}.thinking-panel{height:100%;min-height:0;border:1px solid #3a4a5a;border-radius:8px;background:#1e2530;overflow:hidden;display:flex;flex-direction:column}.thinking-panel-body{flex:1;min-height:0;overflow-y:auto;overflow-y:overlay;padding:8px 10px}.thinking-text{margin:0;font-size:.85rem;line-height:1.5;color:#b8c4ce;word-break:break-word}.thinking-text.markdown-body{white-space:normal}.thinking-text.markdown-body p{margin:0 0 .6em;white-space:pre-wrap}.thinking-text.markdown-body p:last-child{margin-bottom:0}.thinking-text.markdown-body strong{color:#c8d4e0;font-weight:600}.thinking-text.markdown-body ul,.thinking-text.markdown-body ol{margin:.4em 0;padding-left:1.4em}.thinking-text.markdown-body code{font-size:.9em;background:#1e2630;padding:.1em .3em;border-radius:3px}.thinking-placeholder{color:#6a7a8a;font-size:.85rem}.thinking-tool-blocks{margin-top:8px}.thinking-tool-block{margin-top:6px;padding:6px 8px;background:#161c24;border-radius:4px;font-size:.8rem;border-left:3px solid #3a5a7a}.thinking-tool-name{color:#8ab;font-weight:600}.thinking-tool-params{margin:4px 0 0;font-size:.75rem;color:#b8c4ce;white-space:pre-wrap;word-break:break-word}.resizer{width:6px;flex-shrink:0;background:#252538}.resizer:hover{background:#3a3a52}.resizer-vertical{width:100%;height:6px;min-height:6px;background:#252538}.resizer-vertical:hover{background:#3a3a52}.panel-title{font-size:.85rem;color:#888;margin-bottom:.5rem}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:.5rem}.panel-header .panel-title{margin-bottom:0}.panel-add-btn{flex-shrink:0;width:26px;height:26px;padding:0;border:none;border-radius:4px;background:#252535;color:#888;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.panel-add-btn:hover{background:#3a5a7a;color:#fff}.works-tree{list-style:none;padding:0;margin:0}.works-tree li{margin-bottom:2px}.works-tree-loading{font-size:.85rem;color:#666;padding:4px 0}.tree-btn{width:100%;text-align:left;padding:6px 10px;border:none;background:#252535;color:#ccc;border-radius:4px;cursor:pointer;font-size:.9rem}.tree-btn:hover{background:#2a2a3a;color:#fff}.tree-btn[data-expanded=true]{background:#2a2a4a}.tree-btn.chapter-btn.selected{background:#3a4a5a;color:#7eb8da}.tree-row{position:relative;display:flex;align-items:center;gap:4px;padding:6px 6px 6px 10px;background:#252535;border-radius:4px}.tree-row:hover{background:#2a2a3a}.tree-row .tree-btn{flex:1;min-width:0;text-align:left;padding:0;background:transparent}.tree-row .tree-btn:hover,.tree-row .tree-btn.chapter-btn.selected{background:transparent}.tree-row:has(.tree-btn.chapter-btn.selected){background:#2a2a4a;color:#7eb8da}.tree-row .tree-btn.tree-arrow{flex:0 0 auto;width:auto}.tree-row .tree-arrow{flex-shrink:0}.tree-row .tree-title{flex:1;min-width:0;padding-right:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.tree-row .tree-btn{font-weight:700}.tree-row .tree-btn .tree-title{padding-right:0}.tree-row-actions{position:absolute;right:22px;top:0;bottom:0;display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .15s;z-index:1}.tree-row:hover .tree-row-actions{opacity:1}.tree-drag-handle{flex-shrink:0;width:18px;align-self:stretch;cursor:grab;background:transparent;position:relative}.tree-drag-handle:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:12px;background:#555;border-radius:1px;opacity:.6}.tree-row:hover .tree-drag-handle:after{opacity:.9}.tree-drag-handle[draggable=true]:active{cursor:grabbing}.tree-row.tree-dragging{opacity:.5}.tree-row.tree-drag-over{outline:1px dashed #7eb8da;outline-offset:-1px}.tree-row .tree-edit-input{flex:1;min-width:0;padding:2px 6px;border:1px solid #555;border-radius:4px;background:#1a1a2a;color:#e0e0e0;font-size:inherit}.tree-row .tree-edit-input:focus{outline:none;border-color:#7eb8da}.tree-action{flex-shrink:0;width:22px;height:22px;padding:0;border:none;border-radius:4px;background:#00000059;color:#aaa;font-size:1rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.tree-row:hover .tree-action{opacity:1}.tree-action.add:hover{background:#2a4a3a;color:#8ec}.tree-action.delete:hover{background:#b43c3ccc;color:#fff}.works-tree .works-tree{padding-left:12px;margin-top:4px}.works-empty{color:#666;font-size:.9rem;margin:.5rem 0}.works-loading,.works-error{padding:2rem;text-align:center}.works-error{color:#e88}.works-content{max-width:720px;margin:0 auto}.works-content-bottom-pad{min-height:50vh}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-dialog{background:#1e1e2e;border:1px solid #444;border-radius:8px;padding:20px 24px;min-width:320px;max-width:90vw}.confirm-title{font-size:1rem;font-weight:600;color:#e0e0e0;margin-bottom:10px}.confirm-message{font-size:.95rem;color:#b0b0b0;margin:0 0 20px;line-height:1.5}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-btn{padding:8px 16px;border-radius:6px;border:none;font-size:.9rem;cursor:pointer}.confirm-btn.cancel{background:#333;color:#ccc}.confirm-btn.cancel:hover{background:#444;color:#fff}.confirm-btn.confirm{background:#6a4a4a;color:#fff}.confirm-btn.confirm:hover{background:#8a5a5a}.para-block{margin-bottom:1rem}.para-narrator{margin:4px 0;color:#b8b8b8;line-height:1.6}.para-dialogue{margin:4px 0;padding-left:12px;border-left:3px solid #5a7a9a;color:#d0d0d0;line-height:1.6}.para-dialogue-name{color:#7eb8da;margin-right:6px}.para-raw{color:#888;font-style:italic;margin:4px 0}.editable-para{margin-bottom:0;position:relative}.editable-para-row{margin:0}.segment-block{position:relative;margin:2px 0;padding:4px 8px;border-radius:4px;display:flex;align-items:flex-start;gap:0}.segment-block-body{flex:1;min-width:0}.segment-block.segment-dialogue{padding:2px 0 2px 8px}.segment-delete-btn{position:absolute;top:2px;right:4px;width:20px;height:20px;padding:0;border:none;border-radius:4px;background:#0006;color:#ccc;font-size:1.1rem;line-height:1;cursor:pointer;opacity:0;z-index:1;display:flex;align-items:center;justify-content:center}.segment-block:hover .segment-delete-btn{opacity:1}.segment-delete-btn:hover{background:#b43c3ccc;color:#fff}.segment-symbol-label{display:inline-block;font-size:.72rem;color:#6a7a8a;margin-right:8px;flex-shrink:0}.segment-narrator{background:#252535}.segment-dialogue{background:transparent}.segment-divider{background:transparent;padding:6px 8px}.segment-divider-line{height:0;border:none;border-top:1px dashed #444;margin:0}.dialogue-bubble-row{display:flex;align-items:flex-start;gap:10px;margin:2px 0}.dialogue-avatar-col{flex-shrink:0;display:flex;flex-direction:column;align-items:center;width:48px}.dialogue-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.dialogue-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.dialogue-name{font-size:.72rem;color:#888;margin-top:2px;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialogue-bubble-col{flex:1;min-width:0}.dialogue-bubble{display:inline-block;min-height:1.4em;padding:5px 10px;border-radius:4px 10px 10px;background:var(--bubble-color, #3a4a5a);color:#eaeaea;outline:none;line-height:1.5;max-width:100%}.segment-input-wrap{min-height:1.4em;outline:none;line-height:1.6}.segment-input-wrap:empty:before{content:attr(data-placeholder);color:#666}.streaming-cursor{display:inline-block;width:2px;height:1em;margin-left:1px;background:currentColor;animation:streaming-cursor-blink .8s step-end infinite;vertical-align:text-bottom}@keyframes streaming-cursor-blink{50%{opacity:0}}.editable-para-streaming .segment-insert-zone{pointer-events:none;opacity:.6}.segment-dialogue-label{display:inline-block;color:#7eb8da;margin-right:8px;font-weight:500}.segment-insert-zone{margin-top:0;min-height:3px;height:3px;border:none;cursor:pointer;flex-shrink:0;background:transparent;display:block}.segment-insert-zone:hover{background:transparent}.segment-insert-zone.drag-over{background:#7eb8da33}.segment-insert-zone-last{min-height:24px;height:auto;background:#ffffff0a;border-radius:4px}.segment-insert-zone-last:hover{background:#ffffff0f}.segment-insert-zone-last.drag-over{background:#7eb8da40}.segment-insert-zone-hint{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.editable-para-saving{position:absolute;right:0;top:0;font-size:.75rem;color:#666}.works-para-gap-wrap{margin-top:.5rem}.add-para-btn{padding:8px 16px;border:1px dashed #555;border-radius:6px;background:#252535;color:#888;cursor:pointer;font-size:.9rem}.add-para-btn:hover{border-color:#7eb8da;color:#7eb8da}.works-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.undo-btn{padding:6px 12px;border:1px solid #555;border-radius:6px;background:#252535;color:#888;cursor:pointer;font-size:.85rem}.undo-btn:hover:not(:disabled){border-color:#7eb8da;color:#7eb8da}.undo-btn:disabled{cursor:not-allowed;opacity:.5}.works-toolbar-model-wrap{position:relative}.works-toolbar-model-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #555;border-radius:6px;background:#252535;color:#ccc;cursor:pointer;font-size:.85rem;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.works-toolbar-model-btn:hover:not(:disabled){border-color:#7eb8da;color:#7eb8da}.works-toolbar-model-btn:disabled{opacity:.7;cursor:not-allowed}.works-toolbar-model-arrow{flex-shrink:0;font-size:.7rem;opacity:.8}.works-toolbar-model-dropdown{position:absolute;top:100%;left:0;margin-top:4px;min-width:240px;max-height:320px;overflow-y:auto;background:#1e1e2e;border:1px solid #444;border-radius:8px;box-shadow:0 6px 20px #0006;z-index:100;padding:6px 0}.works-right .works-toolbar-model-dropdown{left:auto;right:0}.works-toolbar-vendor-group{border-bottom:1px solid #333}.works-toolbar-vendor-group:last-child{border-bottom:none}.works-toolbar-vendor-header{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;border:none;background:transparent;color:#aaa;cursor:pointer;font-size:.9rem;text-align:left}.works-toolbar-vendor-header:hover{background:#2a2a3e;color:#fff}.works-toolbar-vendor-arrow{font-size:.7rem;width:14px;flex-shrink:0}.works-toolbar-vendor-models{padding:4px 0 8px;background:#18182a}.works-toolbar-endpoint{padding:4px 12px 4px 28px;font-size:.8rem;color:#888}.works-toolbar-endpoint-name{display:block;margin-bottom:4px;color:#999}.works-toolbar-model-opt{display:block;width:100%;padding:4px 8px;margin:2px 0;border:none;border-radius:4px;background:transparent;color:#bbb;cursor:pointer;font-size:.85rem;text-align:left}.works-toolbar-model-opt:hover{background:#2a2a4a;color:#eaeaea}.works-toolbar-model-opt.active{background:#2a3a5a;color:#7eb8da}.tool-section{margin-top:.5rem}.character-list-header{display:flex;align-items:center;gap:6px}.character-list-header .tool-section-btn{flex:1;min-width:0}.character-list-add-btn{flex-shrink:0;width:28px;height:28px;padding:0;border:none;border-radius:4px;background:#252535;color:#ccc;font-size:1.1rem;line-height:1;cursor:pointer}.character-list-add-btn:hover:not(:disabled){background:#2a2a3a;color:#fff}.character-list-add-btn:disabled{opacity:.5;cursor:not-allowed}.tool-section-btn{width:100%;text-align:left;padding:6px 10px;border:none;background:#252535;color:#ccc;border-radius:4px;cursor:pointer;font-size:.9rem}.tool-section-btn:hover{background:#2a2a3a;color:#fff}.character-list{list-style:none;padding:0;margin:.5rem 0 0}.character-list-item{margin-bottom:8px;background:#252535;border-radius:6px}.character-list-item-divider{margin-bottom:6px}.character-list-item-divider .divider-drag-source{padding:6px 10px;cursor:grab;color:#888;font-size:.85rem}.character-list-item-divider .divider-drag-source:active{cursor:grabbing}.divider-drag-label{-webkit-user-select:none;user-select:none;overflow:hidden}.character-row-collapsed{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;min-height:40px}.character-row-collapsed:hover{background:#2a2a3a}.character-avatar-drag{width:36px;height:36px;border-radius:50%;flex-shrink:0;overflow:hidden;cursor:grab}.character-avatar-drag:active{cursor:grabbing}.character-avatar-drag img{width:100%;height:100%;object-fit:cover;display:block}.character-color-swatch{width:24px;height:24px;padding:0;border:1px solid #444;border-radius:50%;cursor:pointer;background:transparent;flex-shrink:0}.character-color-swatch::-webkit-color-swatch-wrapper{padding:0}.character-color-swatch::-webkit-color-swatch{border:none;border-radius:50%}.character-name-dropdown{flex:1;min-width:0;padding:4px 8px;border:1px solid #444;border-radius:4px;background:#1a1a2e;color:#eaeaea;font-size:.85rem}.character-item-expanded .character-row-collapsed{border-radius:6px 6px 0 0}.character-row-expanded{padding:8px 10px;border-top:1px solid #333;background:#1e1e2e}.character-expanded-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;color:#888}.char-done-btn{padding:4px 10px;border:none;border-radius:4px;background:#3a5a7a;color:#fff;cursor:pointer;font-size:.8rem}.char-done-btn:hover{background:#4a6a8a}.character-expanded-block{margin-bottom:10px}.character-expanded-block:last-child{margin-bottom:0}.char-field-label{display:block;font-size:.8rem;color:#888;margin-bottom:4px}.character-color-input-inline{width:28px;height:28px;padding:0;border:1px solid #444;border-radius:50%;cursor:pointer;background:transparent}.character-color-input-inline::-webkit-color-swatch-wrapper{padding:0}.character-color-input-inline::-webkit-color-swatch{border:none;border-radius:50%}.char-profile-input{width:100%;min-height:60px;padding:6px 8px;border:1px solid #444;border-radius:4px;background:#1a1a2e;color:#eaeaea;font-size:.85rem;resize:vertical;box-sizing:border-box}.char-profile-input::placeholder{color:#555}.character-names-edit{margin-top:4px;padding:6px;background:#1e1e2e;border-radius:4px}.character-name-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.character-name-row span{flex:1;color:#ccc}.char-name-btn{padding:2px 6px;border:none;border-radius:3px;background:#444;color:#aaa;cursor:pointer;font-size:.75rem}.char-name-btn:hover{background:#555;color:#fff}.char-name-add{margin-top:4px;padding:4px 8px;border:none;border-radius:3px;background:#3a5a7a;color:#fff;cursor:pointer;font-size:.8rem}.char-name-add:hover{background:#4a6a8a}.char-name-done{margin-left:8px;padding:4px 8px;border:none;border-radius:3px;background:#555;color:#fff;cursor:pointer;font-size:.8rem}.char-name-done:hover{background:#666}.char-avatar-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.character-avatar-edit{display:flex;align-items:center;gap:10px}.character-avatar-preview{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid #444}.character-avatar-preview img{width:100%;height:100%;object-fit:cover}.char-avatar-upload-btn{padding:6px 12px;border:1px solid #444;border-radius:4px;background:#2a2a3e;color:#ccc;cursor:pointer;font-size:.85rem}.char-avatar-upload-btn:hover{background:#333;color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-dialog{background:#252538;border:1px solid #444;border-radius:8px;padding:16px;max-width:90vw;max-height:90vh;overflow:auto}.modal-dialog.avatar-crop-modal{display:flex;flex-direction:column;align-items:center}.modal-title{font-size:1rem;margin-bottom:12px;color:#eaeaea}.avatar-crop-wrap{position:relative;flex-shrink:0;margin-bottom:12px}.avatar-crop-loading{color:#888;font-size:.9rem}.avatar-crop-overlay{position:absolute;box-sizing:border-box;border:2px solid #7eb8da;box-shadow:0 0 0 9999px #0006;top:0;left:0;-webkit-user-select:none;user-select:none}.avatar-crop-overlay-inner{width:100%;height:100%;outline:1px solid rgba(255,255,255,.5);pointer-events:none}.avatar-crop-hint{font-size:.8rem;color:#888;margin:0 0 12px}.modal-actions{display:flex;gap:8px;justify-content:center}.modal-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.modal-btn.cancel{background:#444;color:#ccc}.modal-btn.cancel:hover{background:#555;color:#fff}.modal-btn.confirm{background:#3a5a7a;color:#fff}.modal-btn.confirm:hover:not(:disabled){background:#4a6a8a}.modal-btn.confirm:disabled{opacity:.6;cursor:not-allowed}.admin-page{min-height:100vh;background:#1a1a2e;color:#eaeaea}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#252538;border-bottom:1px solid #333}.admin-header h1{margin:0;font-size:1.1rem}.admin-header-actions{display:flex;align-items:center;gap:12px}.admin-link-home{color:#7eb8da;text-decoration:none;font-size:.9rem}.admin-link-home:hover{text-decoration:underline}.admin-entry-link{color:#7eb8da;text-decoration:none;font-size:.9rem}.admin-entry-link:hover{text-decoration:underline}.admin-main{padding:24px;max-width:720px;margin:0 auto}.admin-loading,.admin-error{margin:0 0 16px}.admin-error{color:#e88}.admin-section{margin-bottom:28px}.admin-section h2{font-size:1rem;margin:0 0 12px;color:#ccc}.admin-stats{list-style:none;padding:0;margin:0}.admin-stats li{padding:6px 0;border-bottom:1px solid #333}.admin-hint{font-size:.85rem;color:#888;margin:0 0 16px}.admin-prompts{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.admin-prompts-tabs{margin-top:12px}.admin-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px;border-bottom:1px solid #444;padding-bottom:0}.admin-tab{padding:8px 14px;background:transparent;border:none;border-bottom:2px solid transparent;color:#aaa;cursor:pointer;font-size:.9rem;margin-bottom:-1px}.admin-tab:hover{color:#eaeaea}.admin-tab.active{color:#8ab;border-bottom-color:#8ab}.admin-prompts-panel{display:flex;flex-direction:column;gap:12px}.admin-prompt-textarea{width:100%;min-height:60px;padding:10px 12px;background:#1a1a2e;border:1px solid #444;border-radius:4px;font-size:.85rem;line-height:1.5;color:#eaeaea;resize:vertical;box-sizing:border-box}.admin-prompt-block h3{margin:0 0 6px;font-size:.9rem;color:#aaa}.admin-prompt-pre{margin:0;padding:10px 12px;background:#1a1a2e;border:1px solid #444;border-radius:4px;font-size:.8rem;white-space:pre-wrap;word-break:break-word;max-height:160px;overflow-y:auto}.admin-prompt-actions{display:flex;gap:8px}.admin-prompt-config-label{font-size:.9rem;color:#aaa;align-self:center}.admin-ai-list{display:flex;flex-direction:column;gap:16px}.admin-ai-by-vendor{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.admin-ai-vendor-col{min-width:0}.admin-ai-vendor-title{margin:0 0 8px;font-size:1rem;color:#ccc}.admin-ai-card{background:#252538;border:1px solid #444;border-radius:8px;padding:16px}.admin-ai-card h3{margin:0 0 12px;font-size:1rem}.admin-ai-card-row{margin-bottom:10px}.admin-ai-card-row label{display:block;font-size:.85rem;color:#888;margin-bottom:4px}.admin-ai-card-row-inline{margin-bottom:8px}.admin-ai-card-row-inline label{display:inline-flex;align-items:center;gap:6px;margin-bottom:0}.admin-checkbox-label input{margin:0}.admin-ai-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.admin-input{width:100%;max-width:480px;padding:8px 10px;border:1px solid #444;border-radius:4px;background:#1a1a2e;color:#eaeaea;font-size:.9rem;box-sizing:border-box}.admin-select{max-width:200px}.admin-save-btn{padding:6px 14px;border:none;border-radius:4px;background:#3a5a7a;color:#fff;cursor:pointer;font-size:.85rem}.admin-save-btn:hover:not(:disabled){background:#4a6a8a}.admin-save-btn:disabled{opacity:.7;cursor:not-allowed}.admin-fetch-btn{padding:6px 14px;border:1px solid #444;border-radius:4px;background:#2a2a3e;color:#ccc;cursor:pointer;font-size:.85rem}.admin-fetch-btn:hover:not(:disabled){background:#333;color:#fff}.admin-fetch-btn:disabled{opacity:.7;cursor:not-allowed}.admin-del-btn{padding:6px 14px;border:1px solid #555;border-radius:4px;background:transparent;color:#a66;cursor:pointer;font-size:.85rem}.admin-del-btn:hover{background:#a663}.admin-add-btn{margin-top:8px;padding:8px 16px;border:1px dashed #555;border-radius:4px;background:transparent;color:#888;cursor:pointer;font-size:.9rem}.admin-add-btn:hover{border-color:#7eb8da;color:#7eb8da}.admin-new-card{margin-top:12px}.admin-fetch-result{margin-top:10px;font-size:.85rem;padding:8px;border-radius:4px}.admin-fetch-result.ok{background:#00500033;color:#8c8}.admin-fetch-result.err{background:#78000033;color:#e88}.admin-test-section{margin-bottom:28px}.admin-test-row{margin-bottom:10px}.admin-test-row label{display:block;font-size:.85rem;color:#888;margin-bottom:4px}.admin-textarea{min-height:80px;resize:vertical}.admin-test-output{margin:0;padding:12px;background:#1a1a2e;border:1px solid #444;border-radius:4px;font-size:.9rem;white-space:pre-wrap;word-break:break-word;max-height:320px;overflow:auto}.admin-model-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.admin-model-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#2a2a3e;border:1px solid #444;border-radius:4px;font-size:.85rem}.admin-model-chip-remove{padding:0;margin:0;border:none;background:none;color:#888;cursor:pointer;font-size:1rem;line-height:1}.admin-model-chip-remove:hover{color:#e88}.admin-model-chip-think{margin-left:4px;font-size:.8rem;color:#aaa;white-space:nowrap}.admin-model-chip-think input{margin-right:2px}.admin-model-add{display:inline-flex;align-items:center;gap:6px}.admin-input-inline{width:200px;max-width:none}.admin-price-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.admin-price-row .admin-input-sm{width:90px;max-width:none}.admin-input-sm{padding:6px 8px;font-size:.85rem}.admin-btn-sm{padding:4px 10px;font-size:.8rem}.works-prompt-input-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.works-prompt-input{display:block;width:100%;height:100%;min-height:60px;padding:8px 180px 8px 12px;border:1px solid #444;border-radius:6px;background:#1a1a2e;color:#eaeaea;box-sizing:border-box;resize:none;text-align:left;font-family:inherit;font-size:inherit;line-height:1.5;overflow:auto}.works-prompt-input::placeholder{color:#666}.works-prompt-actions{position:absolute;right:6px;bottom:6px;display:flex;gap:8px}.works-prompt-btn{padding:8px 20px;background:#3a5a7a;border:none;color:#fff;border-radius:6px;cursor:pointer}.works-prompt-btn:hover{background:#4a6a8a}.works-prompt-btn.works-think-btn{background:#3a5a4a}.works-prompt-btn.works-think-btn:hover{background:#4a6a5a}.draw-page{display:flex;flex:1;min-height:0;color:#eaeaea;gap:0}.draw-left{width:280px;min-width:260px;flex-shrink:0;padding:16px;overflow-y:auto;border-right:1px solid #333;background:#1e1e2a}.draw-title{font-size:1.1rem;margin:0 0 6px}.draw-balance{font-size:.9rem;color:#9ac;margin:0 0 6px}.draw-hint{font-size:.8rem;color:#888;margin:0 0 16px;line-height:1.4}.draw-form{padding:12px;background:#252538;border-radius:8px;border:1px solid #333}.draw-form-row{margin-bottom:10px}.draw-form-row:last-of-type{margin-bottom:0}.draw-form-row label{display:block;font-size:.85rem;color:#aaa;margin-bottom:4px}.draw-select,.draw-textarea{width:100%;padding:8px 10px;background:#1a1a2e;border:1px solid #444;border-radius:4px;color:#eaeaea;font-size:.9rem;box-sizing:border-box}.draw-textarea{min-height:56px;resize:vertical}.draw-preset-btns{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.draw-preset-btn{padding:6px 10px;font-size:.8rem;flex:1;min-width:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draw-preset-btn.active{background:#3a5a7a;border-color:#4a6a8a;color:#fff}.draw-slider-row{display:flex;align-items:center;gap:8px;margin-top:6px}.draw-slider-row:first-of-type{margin-top:0}.draw-slider-label{font-size:.8rem;color:#888;min-width:20px}.draw-slider{flex:1;min-width:0;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;border-radius:3px}.draw-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#5a7a9a;cursor:pointer;border:1px solid #6a8aaa}.draw-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#5a7a9a;cursor:pointer;border:1px solid #6a8aaa}.draw-input-number{width:56px;padding:6px 8px;background:#1a1a2e;border:1px solid #444;border-radius:4px;color:#eaeaea;font-size:.85rem;box-sizing:border-box;text-align:right}.draw-input-number::-webkit-inner-spin-button,.draw-input-number::-webkit-outer-spin-button{opacity:1}.draw-input-seed{width:100%;max-width:140px}.draw-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.draw-form-actions .draw-btn{flex-shrink:0}.draw-btn{padding:8px 16px;background:#333;border:1px solid #555;color:#eaeaea;border-radius:6px;cursor:pointer;font-size:.9rem;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.draw-btn:hover:not(:disabled){background:#444}.draw-btn:disabled{opacity:.6;cursor:not-allowed}.draw-btn-primary{background:#3a5a7a;border-color:#4a6a8a}.draw-btn-primary:hover:not(:disabled){background:#4a6a8a}.draw-error{color:#e88;font-size:.85rem}.draw-center{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow-y:auto;background:#1a1a2e}.draw-preview{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center}.draw-preview-title{font-size:1rem;margin:0 0 12px;color:#ccc;align-self:flex-start}.draw-preview-wrap{width:100%;border:1px solid #444;border-radius:8px;overflow:hidden;background:#252538}.draw-preview-img{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain}.draw-preview-actions{padding:12px;border-top:1px solid #333}.draw-copy-hint{margin:8px 0 0;font-size:.85rem;color:#7eb8da}.draw-preview-placeholder{color:#666;font-size:.9rem;padding:48px 24px;background:#252538;border:1px dashed #444;border-radius:8px;text-align:center;width:100%;box-sizing:border-box}.draw-right{width:320px;min-width:280px;flex-shrink:0;padding:16px;overflow-y:auto;border-left:1px solid #333;background:#1e1e2a}.draw-records-title{font-size:1rem;margin:0 0 12px;color:#ccc}.draw-loading,.draw-empty{color:#888;font-size:.9rem}.draw-total{font-size:.85rem;color:#888;margin:0 0 10px}.draw-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.draw-card{background:#252538;border:1px solid #333;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.draw-card-img-wrap{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.draw-card-img{width:100%;height:100%;object-fit:cover;cursor:pointer;display:block}.draw-card-img:hover{opacity:.9}.draw-card-btn{position:absolute;padding:4px 8px;font-size:.75rem;background:#0009;border:1px solid #555;color:#eaeaea;border-radius:4px;cursor:pointer;text-decoration:none;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.draw-card-btn:hover{background:#000c;border-color:#888}.draw-card-del{top:6px;right:6px}.draw-card-del:hover{color:#e88;border-color:#e88}.draw-card-download{bottom:6px;right:6px}.draw-card-info{padding:8px;flex:1;min-height:0}.draw-card-prompt{display:block;font-size:.8rem;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draw-card-meta{font-size:.75rem;color:#666;margin-top:4px;display:block}.draw-pager{display:flex;align-items:center;gap:12px;margin-top:16px}.draw-pager .draw-btn{flex-shrink:0;white-space:nowrap}