.comic-creator .comic-page{gap:12px}.comic-creator .comic-story-input{min-height:190px;line-height:1.58}.comic-creator .comic-plan-card{gap:14px}.comic-creator .comic-common-prompt{min-height:120px}.comic-creator .comic-reference-card{align-items:flex-start}.comic-creator .comic-reference-card .reference-image-upload{width:min(100%,280px);max-width:280px}.comic-creator .comic-small-textarea{min-height:72px}.comic-creator .comic-prompt-textarea{min-height:96px}.comic-creator .comic-config-grid,.comic-creator .comic-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(96px,160px);gap:10px;align-items:end}.comic-creator .comic-toolbar{grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;padding:10px;border-radius:8px;background:#fafafa;border:1px solid rgba(0,0,0,.05)}.comic-creator .comic-field{display:flex;flex-direction:column;gap:6px;min-width:0}.comic-creator .comic-field>span{font-size:12px;font-weight:600;color:#666}.comic-creator .comic-field--model,.comic-creator .comic-field--scenario{min-width:220px}.comic-creator .comic-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.comic-creator .comic-link-btn,.comic-creator .comic-primary-btn,.comic-creator .comic-batch-bar button,.comic-creator .comic-plan-actions button,.comic-creator .comic-pdf-upload-btn,.comic-creator .comic-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.comic-creator .comic-link-btn svg,.comic-creator .comic-primary-btn svg,.comic-creator .comic-batch-bar button svg,.comic-creator .comic-plan-actions button svg,.comic-creator .comic-pdf-upload-btn svg,.comic-creator .comic-icon-btn svg{flex:0 0 auto}.comic-creator .comic-link-btn{border:none;background:transparent;color:#c97d0a;cursor:pointer;font-size:12px}.comic-creator .comic-scenario-note{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding:8px 10px;border-radius:8px;background:#f39c120f;color:#8a5a12;font-size:12px;line-height:1.45}.comic-creator .comic-scenario-note strong{flex:0 0 auto;color:#c97d0a}.comic-creator .comic-scenario-note span{min-width:0;text-align:right}.comic-creator .comic-pdf-row{display:flex;align-items:center;gap:8px;min-height:34px}.comic-creator .comic-pdf-upload-btn{flex:0 0 auto;min-height:32px;padding:7px 10px;border:1px solid rgba(201,125,10,.22);border-radius:8px;background:#f39c1214;color:#9a6108;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.comic-creator .comic-pdf-upload-btn:disabled{cursor:not-allowed;opacity:.55}.comic-creator .comic-pdf-file{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;padding:6px 8px;border-radius:8px;background:#f7f7f7;color:#555;font-size:12px}.comic-creator .comic-pdf-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comic-creator .comic-pdf-hint{color:#999;font-size:12px}.comic-creator .comic-icon-btn{width:22px;height:22px;padding:0;border:none;border-radius:6px;background:transparent;color:#888;cursor:pointer}.comic-creator .comic-icon-btn:hover{background:#0000000f;color:#c97d0a}.comic-creator .comic-prompt-optimize-btn{flex:0 0 auto}.comic-creator .comic-prompt-optimize-btn:disabled{cursor:not-allowed;opacity:.55}.comic-creator .comic-primary-btn{border:none;border-radius:8px;padding:8px 12px;background:#f39c12;color:#fff;cursor:pointer;font-weight:600}.comic-creator .comic-outline-preview{display:grid;gap:12px;max-height:min(58vh,720px);min-height:0;overflow:auto;padding-right:4px}.comic-creator .comic-outline-preview strong{display:block;margin-bottom:6px;color:#333;font-size:14px;line-height:1.45}.comic-creator .comic-outline-preview__item{min-width:0;padding:10px 12px;border:1px solid rgba(0,0,0,.06);border-radius:8px;background:#fff}.comic-creator .comic-outline-preview__item--common{background:#f39c120d;border-color:#f39c1229}.comic-creator .comic-outline-preview__content{margin:0;max-width:100%;overflow:auto;color:#666;font-family:inherit;font-size:13px;line-height:1.62;white-space:pre-wrap;overflow-wrap:anywhere}.comic-creator .comic-outline-preview__content--json{padding:10px;border-radius:7px;background:#f8f8f8;color:#3f3f3f;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.55;white-space:pre}.comic-creator .comic-segmented{display:inline-flex;padding:3px;border-radius:8px;background:#f0f0f0}.comic-creator .comic-segmented button{min-width:52px;border:none;border-radius:6px;padding:6px 10px;background:transparent;color:#666;cursor:pointer}.comic-creator .comic-segmented button.active{background:#fff;color:#c97d0a;font-weight:600;box-shadow:0 1px 3px #00000014}.comic-creator .comic-segmented button:disabled{cursor:not-allowed;opacity:.55}.comic-creator .comic-segmented--mode{background:#f5f1eb}.comic-creator .comic-segmented--mode button{min-width:108px;padding:7px 12px;font-size:12px}.comic-creator .comic-plan-control-row{display:grid;grid-template-columns:minmax(300px,auto) minmax(240px,1fr);align-items:center;gap:12px;min-height:38px;padding:8px 10px;border-radius:8px;background:#fff;border:1px solid rgba(0,0,0,.06)}.comic-creator .comic-mode-control{display:flex;align-items:center;gap:10px;min-width:0}.comic-creator .comic-mode-control>span{flex:0 0 auto;font-size:12px;font-weight:600;color:#555}.comic-creator .comic-field--inline-model{width:min(100%,520px);justify-self:end}.comic-creator .comic-plan-progress{margin:0;padding:9px 12px}.comic-creator .comic-plan-actions{padding-top:0;gap:12px}.comic-creator .comic-plan-actions button{min-height:42px;font-size:12px;font-weight:600;white-space:nowrap}.comic-creator .comic-batch-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;border-radius:8px;background:#fafafa;border:1px solid rgba(0,0,0,.05)}.comic-creator .comic-batch-bar button{border:none;border-radius:8px;padding:8px 12px;background:#f4f4f4;color:#555;cursor:pointer}.comic-creator .comic-batch-bar button:hover{background:#f39c121a}.comic-creator .comic-batch-bar--generation{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px}.comic-creator .comic-batch-bar--generation .comic-knowledge-context-selector{flex:1 1 240px;min-width:220px}.comic-creator .comic-batch-bar--generation .comic-selection-check{min-height:36px;margin-right:auto}.comic-creator .comic-batch-bar--generation button{min-height:36px;white-space:nowrap;flex:0 0 auto}.comic-creator .comic-batch-bar--generation>.comic-primary-btn{min-width:112px;background:#f39c12;color:#fff;font-weight:600}.comic-creator .comic-batch-bar--generation>.comic-primary-btn:hover{background:#e58d05}.comic-creator .comic-generation-model{display:inline-flex;flex:0 0 auto;min-width:0}.comic-creator .comic-generation-model .model-dropdown__trigger--minimal{min-height:36px;padding:6px 10px;border-radius:8px;background:#f4f4f4}.comic-creator .comic-generation-model .model-dropdown__trigger--minimal:hover{background:#f39c121a}.comic-creator .comic-generation-params{display:inline-flex;flex:0 1 auto;min-width:0;max-width:180px}.comic-creator .comic-generation-mode-check{min-height:36px;display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;padding:0 10px;border-radius:8px;background:#f4f4f4;color:#555;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.comic-creator .comic-generation-mode-check input{cursor:pointer}.comic-creator .comic-generation-mode-check input:disabled{cursor:not-allowed}.comic-creator .comic-generation-mode-check:hover{background:#f39c121a}.comic-creator .comic-generation-mode-check.is-disabled{cursor:not-allowed;opacity:.55}.comic-creator .comic-generation-count{min-height:36px;display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;padding:0 8px;border-radius:8px;background:#f4f4f4;color:#666;font-size:12px;white-space:nowrap}.comic-creator .comic-generation-count:hover{background:#f39c121a}.comic-creator .comic-generation-count-select{min-width:58px;border:none;background:transparent;color:#333;font:inherit;font-weight:600;outline:none;cursor:pointer}.comic-creator .comic-generation-count-select:disabled{cursor:not-allowed;opacity:.55}.comic-creator .comic-check{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#666;white-space:nowrap}.comic-creator .comic-check input[type=checkbox],.comic-creator .comic-generation-mode-check input[type=checkbox]{position:relative;flex:0 0 16px;width:16px;height:16px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid rgba(15,23,42,.24);border-radius:4px;background:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.comic-creator .comic-check input[type=checkbox]:after,.comic-creator .comic-generation-mode-check input[type=checkbox]:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;opacity:0;transform:rotate(45deg)}.comic-creator .comic-check input[type=checkbox]:checked,.comic-creator .comic-generation-mode-check input[type=checkbox]:checked{border-color:#f39c12;background:#f39c12;box-shadow:0 2px 6px #f39c1238}.comic-creator .comic-check input[type=checkbox]:checked:after,.comic-creator .comic-generation-mode-check input[type=checkbox]:checked:after{opacity:1}.comic-creator .comic-check input[type=checkbox]:focus-visible,.comic-creator .comic-generation-mode-check input[type=checkbox]:focus-visible{outline:2px solid rgba(243,156,18,.28);outline-offset:2px}.comic-creator .comic-check input[type=checkbox]:disabled,.comic-creator .comic-generation-mode-check input[type=checkbox]:disabled{cursor:not-allowed;opacity:.55}.comic-creator .comic-page-list,.comic-creator .comic-history-list{display:flex;flex-direction:column;gap:10px}.comic-creator .comic-page-card{border-radius:8px;background:#fff;border:1px solid rgba(0,0,0,.07);overflow:hidden}.comic-creator .comic-page-card__head{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#fafafa;border-bottom:1px solid rgba(0,0,0,.05)}.comic-creator .comic-page-title-row{display:inline-flex;align-items:center;gap:6px;min-width:0;margin-right:auto}.comic-creator .comic-page-title-row .comic-check{flex:0 0 auto;font-weight:600;color:#333}.comic-creator .comic-page-title-label{min-width:0;overflow:hidden;color:#555;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.comic-creator .comic-page-add-btn{flex:0 0 auto}.comic-creator .comic-page-card__body{display:grid;grid-template-columns:minmax(240px,32%) minmax(0,1fr);align-items:stretch;min-height:384px;gap:14px;padding:12px}.comic-creator .comic-page-preview-pane{display:flex;height:100%;min-width:0;flex-direction:column;gap:8px}.comic-creator .comic-page-preview{position:relative;flex:1 1 280px;min-height:240px;border-radius:8px;overflow:hidden;background:#f4f4f4}.comic-creator .comic-page-preview img{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain;background:#111}.comic-creator .comic-page-preview-image-btn{width:100%;height:100%;display:block;padding:0;border:none;background:transparent;cursor:zoom-in}.comic-creator .comic-page-preview-image-btn:focus-visible{outline:2px solid rgba(243,156,18,.75);outline-offset:-2px}.comic-creator .comic-page-preview-action{position:absolute;right:8px;bottom:8px;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;padding:6px 10px;border:none;border-radius:8px;background:#ffffffeb;color:#c97d0a;cursor:pointer;font-size:12px;font-weight:600;box-shadow:0 4px 14px #00000024}.comic-creator .comic-page-preview-action svg{flex:0 0 auto}.comic-creator .comic-page-preview-action:hover:not(:disabled){background:#fff7ec;color:#b56f05}.comic-creator .comic-page-preview-action:disabled{cursor:not-allowed;opacity:.55}.comic-creator .comic-page-assets-row{display:flex;align-items:center;gap:8px;min-width:0}.comic-creator .comic-page-variant-strip{display:flex;flex:1 1 auto;min-width:0;gap:6px;overflow-x:auto;padding:2px}.comic-creator .comic-page-variant-strip--empty{min-height:48px;padding:0}.comic-creator .comic-page-library-fallback{display:flex;flex:0 0 auto;justify-content:flex-end}.comic-creator .comic-page-library-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(243,156,18,.22);border-radius:8px;background:#fff;color:#c97d0a;cursor:pointer;box-shadow:0 2px 8px #0000000f}.comic-creator .comic-page-library-btn svg{flex:0 0 auto}.comic-creator .comic-page-library-btn:hover{border-color:#f39c1275;background:#fff7ec;color:#b56f05}.comic-creator .comic-page-library-btn:focus-visible{outline:2px solid rgba(243,156,18,.65);outline-offset:2px}.comic-creator .comic-page-variant-thumb{position:relative;width:72px;height:48px;flex:0 0 auto;overflow:hidden;padding:0;border:2px solid transparent;border-radius:6px;background:#eee;cursor:pointer}.comic-creator .comic-page-variant-thumb img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.comic-creator .comic-page-variant-thumb span{position:absolute;right:3px;bottom:2px;min-width:14px;padding:1px 4px;border-radius:999px;background:#0009;color:#fff;font-size:10px;line-height:1.2}.comic-creator .comic-page-variant-thumb:hover:not(:disabled){border-color:#f39c1273}.comic-creator .comic-page-variant-thumb:disabled{cursor:not-allowed;opacity:.6}.comic-creator .comic-page-variant-thumb--active{border-color:#f39c12}.comic-creator .comic-page-placeholder{width:100%;height:100%;min-height:100px;display:flex;align-items:center;justify-content:center;color:#aaa;background:repeating-linear-gradient(45deg,#f6f6f6,#f6f6f6 8px,#efefef 8px,#efefef 16px)}.comic-creator .comic-page-editor{display:flex;height:100%;min-width:0;flex-direction:column;gap:8px}.comic-creator .comic-page-unified-prompt{flex:1 1 auto;min-height:320px;line-height:1.55}.comic-creator .comic-status{padding:3px 7px;border-radius:999px;font-size:11px;color:#777;background:#eee}.comic-creator .comic-status--running,.comic-creator .comic-status--queued{color:#c97d0a;background:#f39c121f}.comic-creator .comic-status--succeeded{color:#16825d;background:#16825d1f}.comic-creator .comic-status--failed,.comic-creator .comic-status--cancelled{color:#c0392b;background:#e74c3c1a}.comic-creator .comic-export-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.comic-creator .comic-export-card{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(0,0,0,.06);border-radius:8px;background:#fff;color:#555;cursor:pointer}.comic-creator .comic-export-card:hover:not(:disabled){border-color:#f39c1259;color:#c97d0a}.comic-creator .comic-export-card:disabled{cursor:not-allowed;opacity:.55}.comic-creator .comic-history-filters{display:grid;grid-template-columns:1fr 120px;gap:8px}.comic-creator .comic-history-empty{min-height:180px}.comic-creator .comic-history-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-radius:8px;background:#fafafa;border:1px solid rgba(0,0,0,.05)}.comic-creator .comic-history-main{min-width:0;border:none;background:transparent;text-align:left;cursor:pointer}.comic-creator .comic-history-main strong,.comic-creator .comic-history-main span,.comic-creator .comic-history-main p{display:block}.comic-creator .comic-history-main strong{color:#333;margin-bottom:4px}.comic-creator .comic-history-main span{color:#999;font-size:12px;margin-bottom:4px}.comic-creator .comic-history-main p{margin:0;color:#666;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comic-creator .comic-history-actions{display:flex;gap:4px}.comic-creator .comic-history-actions button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.06);border-radius:6px;background:#fff;color:#888;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.comic-creator .comic-history-actions button:hover{border-color:#f39c1259;background:#f39c1214;color:#c97d0a;transform:translateY(-1px)}.comic-creator .comic-history-actions .comic-history-star.is-starred{border-color:#f39c1252;background:#f39c121a;color:#d98200}.comic-creator .comic-history-actions .comic-history-delete:hover{border-color:#e34d5952;background:#e34d5914;color:var(--td-error-color, #e34d59)}@media(max-width:640px){.comic-creator .comic-config-grid,.comic-creator .comic-toolbar,.comic-creator .comic-page-card__body,.comic-creator .comic-plan-control-row,.comic-creator .comic-history-filters{grid-template-columns:1fr}.comic-creator .comic-plan-control-row,.comic-creator .comic-mode-control,.comic-creator .comic-batch-bar--generation,.comic-creator .comic-pdf-row,.comic-creator .comic-scenario-note{align-items:stretch;flex-direction:column}.comic-creator .comic-batch-bar--generation{flex-wrap:wrap}.comic-creator .comic-batch-bar--generation .comic-generation-model,.comic-creator .comic-batch-bar--generation .comic-generation-params,.comic-creator .comic-batch-bar--generation .comic-generation-count,.comic-creator .comic-batch-bar--generation .comic-generation-mode-check,.comic-creator .comic-batch-bar--generation .comic-segmented,.comic-creator .comic-batch-bar--generation button{width:100%}.comic-creator .comic-batch-bar--generation .comic-selection-check{margin-right:0}.comic-creator .comic-batch-bar--generation .comic-generation-params{max-width:none}.comic-creator .comic-scenario-note span{text-align:left}.comic-creator .comic-export-grid{grid-template-columns:1fr}.comic-creator .comic-page-card__body{min-height:auto}.comic-creator .comic-page-preview{flex-basis:auto;min-height:180px;aspect-ratio:16/9}.comic-creator .comic-page-unified-prompt{min-height:220px}.comic-creator .comic-field--inline-model{width:100%;justify-self:stretch}}