.app-shell{display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:32px;max-width:1680px;width:100%;margin:24px auto 0}.app-header{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:flex-start;gap:32px;width:100%;padding:16px 32px;background-color:#fff}.app-header h1{font-size:1.35rem;margin:0;letter-spacing:.04em}.operations-summary{display:flex;flex-direction:column;gap:12px;flex:1}.operations-heading{display:flex;align-items:center;justify-content:space-between}.operations-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.operations-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.operations-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:9999px;background-color:#f3f4f6;color:#111827;font-size:.85rem;line-height:1.2}.operations-chip-text{word-break:break-all}.operations-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.copy-button{border:none;background:none;padding:2px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;color:#4b5563;cursor:pointer;transition:background-color .15s ease,color .15s ease;position:relative}.copy-button:disabled{opacity:.4;cursor:not-allowed}.copy-button:not(:disabled):hover{background-color:#e5e7eb;color:#111827}.copy-button[data-copied=true]:after{content:"Copied";position:absolute;bottom:calc(100% + 4px);right:0;background-color:#111827;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:6px;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.operations-actions{display:none}.artist-select select{border:1px solid #d1d5db;border-radius:10px;padding:10px 32px 10px 12px;font-size:.95rem;color:#111827;background-color:#fff;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.artist-select select:disabled{background-color:#f3f4f6;color:#9ca3af}.panel-input{display:flex;flex-direction:column;gap:6px}.panel-input span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.panel-input textarea{border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:.9rem;color:#111827;background-color:#fff;resize:vertical;min-height:68px}.panel-input input[type=text]{border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:.9rem;color:#111827;background-color:#fff}.panel-input select{border:1px solid #d1d5db;border-radius:10px;padding:10px 32px 10px 12px;font-size:.9rem;color:#111827;background-color:#fff;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.panel-input select:focus,.panel-input input[type=text]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.panel-input textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.actions-dropdown{position:relative}.actions-dropdown .ghost-button{display:inline-flex;align-items:center;gap:8px}.actions-menu{position:absolute;top:calc(100% + 8px);right:0;display:flex;flex-direction:column;gap:4px;min-width:220px;padding:8px;border:1px solid #d1d5db;border-radius:12px;background-color:#fff;box-shadow:0 18px 32px #0f172a26;z-index:45}.actions-menu button{border:none;background:none;text-align:left;padding:8px 12px;font-size:.95rem;color:#1f2937;border-radius:8px;cursor:pointer}.actions-menu button:hover:not(:disabled){background-color:#f3f4f6}.actions-menu button:disabled{cursor:not-allowed;opacity:.6}.ship-orders-modal{width:min(720px,100%)}.ship-modal-form{gap:20px}.ship-modal-section{display:flex;flex-direction:column;gap:12px}.ship-shipping-details{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0}.ship-shipping-details dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.ship-shipping-details dd{margin:2px 0 0;display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:#111827}.ship-orders-list{display:flex;flex-direction:column;gap:12px}.ship-order-card{border:1px solid #d1d5db;border-radius:12px;padding:14px;background-color:#fff;display:flex;flex-direction:column;gap:12px}.ship-order-card.is-blocking{border-color:#fca5a5;background-color:#fef2f2}.ship-order-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.ship-order-id{font-weight:600;color:#111827}.ship-order-meta{margin-left:8px;font-size:.85rem;color:#6b7280}.ship-order-checkbox{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:#1f2937}.ship-order-note{font-size:.85rem;color:#b45309;background-color:#fef3c7;border-radius:999px;padding:4px 10px}.ship-order-books{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ship-order-books li{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;color:#1f2937}.ship-book-status{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#2563eb}.ship-book-status--ready{color:#047857}.ship-book-status--queued,.ship-book-status--waiting_for_customer_feedback{color:#b45309}.ship-book-status--draft,.ship-book-status--created{color:#6b7280}.ship-book-status--accepted{color:#0f766e}.ship-book-status--discarded{color:#b91c1c}.ship-order-address{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:#374151}.ship-delay-control{display:flex;flex-direction:column;gap:8px}.ship-delay-control span{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.9rem;color:#1f2937}.ship-delay-control input[type=range]{width:100%}.ship-block-toggle{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:#1f2937}.ship-warning{font-size:.85rem;color:#b45309;background-color:#fef3c7;border-radius:10px;padding:8px 12px}.illustrations-modal-form{gap:18px}.illustrations-checkbox{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:#1f2937}.illustrations-checkbox input{margin-top:4px}.illustrations-checkbox span{font-weight:600;display:block}.illustrations-checkbox p{margin:2px 0 0;font-size:.8rem;color:#6b7280}.illustrations-checkbox.has-warning{border:1px solid #f59e0b;border-radius:12px;padding:12px;background-color:#fffbeb}.illustrations-reset-reminder{margin-top:6px;font-size:.78rem;color:#b45309;font-weight:600}.preview-modal-backdrop{position:fixed;inset:0;background-color:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:60;padding:24px}.preview-modal{background-color:#fff;border-radius:16px;width:min(720px,100%);display:flex;flex-direction:column;box-shadow:0 24px 48px #0f172a3d}.order-logs-modal{max-width:760px;max-height:80vh;display:flex;flex-direction:column}.order-logs-content{display:flex;flex-direction:column;gap:24px;padding:0 24px 24px;flex:1;min-height:0}.order-logs-create form{display:flex;flex-direction:column;gap:12px}.order-logs-create-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.order-logs-create-row label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:#4b5563}.order-logs-create-row select{border:1px solid #d1d5db;border-radius:10px;padding:8px 10px;font-size:.9rem;color:#111827;background-color:#fff}.order-logs-actions{display:flex;justify-content:flex-end}.order-logs-list{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow-y:auto;padding-right:4px}.order-logs-list-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;position:sticky;top:0;background-color:#fff;padding-top:4px;padding-bottom:8px;z-index:1}.order-logs-list-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.order-log-item{border:1px solid #e5e7eb;border-radius:12px;padding:12px;background-color:#f9fafb;display:flex;flex-direction:column;gap:10px}.order-log-item.editing{background-color:#eef2ff;border-color:#c7d2fe}.order-log-item header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.order-log-meta{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}.order-log-badges{display:flex;gap:8px;flex-wrap:wrap}.order-log-badge{background-color:#e0e7ff;color:#3730a3;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase}.order-log-badge.status{background-color:#fee2e2;color:#b91c1c}.order-log-item p{margin:0;font-size:.9rem;color:#111827;white-space:pre-wrap}.order-logs-item-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:8px}.order-logs-item-actions button{padding:6px 12px;font-size:.85rem}.order-logs-item-actions .danger{color:#b91c1c}.preview-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 12px}.preview-modal-header h2{margin:0;font-size:1.1rem}.preview-modal-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:#374151}.preview-modal-close:disabled{cursor:not-allowed;opacity:.6}.preview-modal-form{display:flex;flex-direction:column;gap:16px;padding:0 24px 24px}.preview-modal-actions{display:flex;justify-content:flex-end;gap:12px}.app-main{display:flex;flex-direction:column;gap:24px}.filters-section{display:flex;flex-direction:column;gap:12px}.filter-toolbar{display:flex;flex-direction:column;gap:12px;padding:12px 18px;border-radius:14px;border:1px solid #d1d5db;background-color:#fff;box-shadow:0 6px 18px #0f172a14}.filter-toolbar-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.filter-toolbar h2{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#4b5563;margin:0}.filter-clear-link{border:none;background:none;padding:0;font-size:.85rem;color:#2563eb;cursor:pointer}.filter-clear-link:disabled{opacity:.5;cursor:not-allowed}.filter-toolbar-controls{display:flex;flex-wrap:wrap;gap:12px}.filter-toolbar-main{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.filter-apply-button{align-self:flex-start;height:44px;padding:0 20px}.filter-dropdown{display:flex;flex-direction:column;gap:6px;min-width:220px}.filter-field-label{display:block;min-height:16px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.filter-field{display:flex;flex-direction:column;gap:6px;min-width:220px}.filter-field input{border:1px solid #d1d5db;border-radius:10px;padding:0 12px;height:44px;font-size:.9rem;color:#111827;background-color:#fff}.filter-field input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.filter-field--button{flex:0 0 auto;min-width:120px}.filter-field-label--hidden{visibility:hidden;min-height:16px;margin:0}.filter-dropdown{position:relative;display:flex;flex-direction:column;gap:6px;min-width:220px;width:100%}.filter-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;height:44px;border-radius:10px;border:1px solid #d1d5db;background-color:#fff;box-shadow:0 4px 10px #0f172a0f;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.filter-dropdown-trigger:hover:not(:disabled){border-color:#2563eb;box-shadow:0 8px 18px #2563eb1f}.filter-dropdown-trigger:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.filter-dropdown-label{font-weight:600;color:#111827}.filter-dropdown-summary{font-size:.85rem;color:#4b5563;flex:1;text-align:left}.filter-dropdown-caret{font-size:.75rem;color:#6b7280}.filter-dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;max-width:280px;border-radius:12px;border:1px solid #d1d5db;background-color:#fff;box-shadow:0 18px 32px #0f172a2e;padding:12px;z-index:30}.filter-dropdown-options{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.filter-dropdown-option{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#111827}.filter-dropdown-option input{width:16px;height:16px}.filter-warning{background-color:#fef3c7;border:1px solid #fbbf24;color:#92400e;border-radius:12px;padding:12px 16px;font-size:.9rem}.orders-column{display:flex;flex-direction:column;gap:16px;width:100%;align-self:stretch}.orders-toolbar{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:16px}.orders-summary{font-size:.85rem;color:#4b5563;margin:2px 0}.orders-summary--secondary{font-size:.78rem;color:#6b7280}.orders-toolbar-actions{display:flex;align-items:center;gap:12px}.status-actions-select{position:relative;display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#4b5563;min-width:220px}.status-actions-select select{padding:12px 44px 12px 16px;border-radius:12px;border:1px solid #d1d5db;background-color:#fff;font-size:.95rem;color:#111827;box-shadow:0 8px 16px #0f172a14;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:border-color .2s ease,box-shadow .2s ease}.status-actions-select select[data-placeholder=true]{color:#6b7280}.status-actions-select select:hover{border-color:#2563eb;box-shadow:0 10px 20px #2563eb1a}.status-actions-select select:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.status-actions-select:after{content:"▾";position:absolute;right:16px;top:50%;transform:translateY(6px);pointer-events:none;color:#6b7280;font-size:.85rem}.status-actions-select[data-disabled=true]:after{color:#9ca3af;opacity:.7}.status-actions-select[data-disabled=true] span{color:#9ca3af}.status-actions-select span{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.orders-toolbar h2{margin-bottom:4px}.orders-dropdown{position:relative;min-width:420px}.dropdown-trigger{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:12px;padding:12px 16px;background-color:#fff;border-radius:12px;border:1px solid #d1d5db;box-shadow:0 8px 16px #0f172a14;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.dropdown-trigger:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.dropdown-trigger:hover:not(:disabled){border-color:#2563eb;box-shadow:0 10px 20px #2563eb1a}.dropdown-trigger-content{position:relative;flex:1;padding-left:18px;display:flex;flex-direction:column;gap:2px;overflow:hidden}.dropdown-text{display:flex;flex-direction:column;gap:2px;overflow:hidden;text-align:left}.dropdown-primary{font-weight:600;color:#111827;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dropdown-secondary{font-size:.85rem;color:#4b5563;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dropdown-status-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:9999px}.dropdown-placeholder{color:#6b7280}.dropdown-caret{font-size:.9rem;color:#4b5563;margin-left:auto}.dropdown-panel{position:absolute;top:calc(100% + 8px);right:0;width:max(420px,100%);max-height:360px;overflow-y:auto;border-radius:12px;border:1px solid #d1d5db;background-color:#fff;box-shadow:0 18px 30px #0f172a29;padding:8px;z-index:20}.dropdown-search{padding:4px 4px 12px}.dropdown-search input{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:.9rem;color:#111827}.dropdown-search input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.dropdown-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:none;border:none;text-align:left;border-radius:10px;cursor:pointer;transition:background-color .2s ease}.dropdown-option:hover,.dropdown-option:focus{background-color:#f3f4f6}.dropdown-option.is-active{background-color:#eef2ff;border-left:3px solid #4f46e5}.dropdown-status-group{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.dropdown-status-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.dropdown-book-statuses{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.dropdown-book-status{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:999px;background-color:#e5e7eb;color:#374151}.dropdown-empty{padding:16px;text-align:center;font-size:.9rem;color:#6b7280}.status-dot{display:inline-block;width:9px;height:9px;border-radius:9999px}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:9999px;font-size:.85rem;color:#111827}.order-details{display:flex;flex-direction:column;gap:24px;padding:24px;background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;box-shadow:0 12px 28px #0f172a1f;width:100%}.order-header{display:flex;flex-direction:column;gap:16px}.order-header h2{font-size:1.4rem;margin-bottom:8px}.section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.section-title-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px}.section-id-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.95rem;color:#111827}.section-id-value{display:inline-flex;align-items:center;gap:4px}.section-divider{color:#d1d5db}.order-status-editor{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.order-log-summary{margin-top:12px;padding:12px;background-color:#f3f4f6;border-radius:12px;display:flex;flex-direction:column;gap:6px}.order-log-summary-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.85rem;font-weight:600;color:#1f2937}.order-log-summary p{margin:0;font-size:.85rem;color:#111827}.order-log-summary-meta{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:2px}.order-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:0}.order-meta-grid dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.order-meta-grid dd{margin:2px 0 0;font-size:.95rem;color:#111827}.id-chip-grid{display:flex;flex-wrap:wrap;gap:12px}.id-chip{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:10px;border:1px solid #e5e7eb;background-color:#f9fafb;min-width:180px}.id-chip span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.id-chip div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600;color:#111827;word-break:break-all}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.info-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.info-card h3{font-size:1rem;margin:0}.info-card dl{display:grid;gap:12px;margin:0}.info-card dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}.info-card dd{margin:2px 0 0;font-size:.95rem;color:#111827}.book-selector,.character-selector{display:flex;flex-direction:column;gap:8px;font-weight:600;color:#111827}.book-selector select,.character-selector select{padding:10px 32px 10px 12px;border-radius:10px;border:1px solid #d1d5db;background-color:#fff;font-size:.95rem;color:#111827;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.character-selector--dropdown{max-width:320px}.book-selector--status{position:relative}.book-selector--status select{width:100%;padding-right:150px}.book-status-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:#111827;font-weight:600;white-space:nowrap;pointer-events:none;background-color:#fff;padding-left:6px}.book-card{gap:16px}.book-heading,.character-heading{align-items:flex-start}.character-heading-actions{display:flex;align-items:center;gap:12px}.icon-button{border:none;background:none;display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:8px;color:#4b5563;cursor:pointer;transition:background-color .15s ease,color .15s ease}.icon-button:disabled{opacity:.4;cursor:not-allowed}.icon-button:not(:disabled):hover{background-color:#e5e7eb;color:#111827}.inline-feedback{margin-top:4px}.book-inline-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0}.book-inline-details dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.book-inline-details dd{margin:2px 0 0;font-size:.95rem;color:#111827}.book-details--spaced{margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb}.book-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.book-details dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}.book-details dd{margin:2px 0 0;font-size:.9rem;color:#111827;word-break:break-word}.book-field{display:flex;flex-direction:column;gap:6px}.book-field dt{display:flex;align-items:center;gap:6px;font-weight:600}.book-field dd{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0}.book-field-text{white-space:pre-wrap;flex:1;display:block}.book-field--multiline dd{align-items:flex-start;flex-direction:column;gap:8px}.book-field--wide{grid-column:1 / -1}.book-audio-toggle{display:flex;gap:8px;flex-wrap:wrap}.book-audio-toggle button{border:1px solid #d1d5db;background-color:#f9fafb;color:#111827;border-radius:999px;padding:4px 12px;font-size:.8rem;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.book-audio-toggle button[data-active=true]{background-color:#111827;color:#fff;border-color:#111827}.book-audio-toggle button:disabled{opacity:.5;cursor:not-allowed}.book-meta-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.book-field-modal-backdrop{position:fixed;inset:0;background-color:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:60;padding:16px}.book-field-modal{background-color:#fff;border-radius:14px;border:1px solid #e5e7eb;width:min(420px,100%);display:flex;flex-direction:column;gap:12px;padding:20px;box-shadow:0 20px 40px #0f172a33}.book-field-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.book-field-modal-header h4{margin:0;font-size:1rem}.book-field-modal-close{border:none;background:none;font-size:1.4rem;cursor:pointer;color:#6b7280;border-radius:8px;width:32px;height:32px}.book-field-modal-close:disabled{opacity:.4;cursor:not-allowed}.book-field-modal-body textarea,.book-field-modal-body input{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:.95rem;color:#111827}.book-field-modal-body textarea:focus,.book-field-modal-body input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.book-field-modal-body textarea{resize:vertical;min-height:140px}.book-field-modal-actions{display:flex;justify-content:flex-end;gap:8px}.character-photos{gap:16px}.character-photos-warning{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:1px solid #fcd34d;background-color:#fef3c7;font-size:.85rem;color:#92400e;margin:0}.character-photos-warning strong{margin-left:4px}.character-photos-warning em{font-style:normal;font-weight:600;color:#b45309}.illustration-character-section{display:flex;flex-direction:column;gap:12px;margin-top:16px}.illustration-character-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.illustration-character-strip{margin-top:0}.character-info{display:flex;flex-direction:column;gap:12px}.character-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0}.character-details--spaced{margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb}.character-details dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}.character-details dd{margin:2px 0 0;font-size:.9rem;color:#111827;word-break:break-word}.character-note{grid-column:1 / -1}.character-description{padding:12px;border-radius:10px;border:1px solid #d1d5db;background-color:#fff;font-size:.9rem;color:#111827}.character-description strong{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;color:#6b7280}.character-description-json{width:100%;margin:0;background-color:#f8fafc;border:1px solid #d1d5db;border-radius:8px;padding:10px;font-size:.85rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.character-photo-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:12px;list-style:none;padding:0;margin:0}.character-photo-slot,.character-photo-tile{display:flex;flex-direction:column;gap:8px}.character-photo-image{height:168px;border-radius:12px;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.character-photo-image img{width:100%;height:100%;object-fit:contain;display:block;background-color:#fff}.character-photo-meta{display:flex;justify-content:center;gap:10px;align-items:center;font-size:.82rem}.character-photo-meta a{color:#2563eb;font-weight:600;text-decoration:none}.character-photo-meta a:hover,.character-photo-meta a:focus-visible{text-decoration:underline}.character-photo-action-button{border:none;background:none;color:#b91c1c;font-weight:600;cursor:pointer;padding:0}.character-photo-action-button:focus-visible{outline:2px solid #b91c1c;outline-offset:2px}.character-photo-action-button:disabled{opacity:.6;cursor:not-allowed}.character-photo-dropzone{height:168px;border:2px dashed #d1d5db;border-radius:12px;background-color:#f9fafb;color:#6b7280;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px;text-align:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.character-photo-dropzone p{margin:0;font-weight:600}.character-photo-dropzone span{font-size:.8rem}.character-photo-dropzone strong{font-size:.8rem;color:#1f2937}.character-photo-dropzone input{display:none}.character-photo-dropzone.is-dragging{border-color:#2563eb;background-color:#eff6ff;color:#1d4ed8}.character-photo-dropzone.is-uploading{border-color:#2563eb;background-color:#e0ebff}.character-photo-dropzone[aria-disabled=true]{cursor:not-allowed;opacity:.6}.character-photo-button{display:flex;width:100%;height:100%;border:none;background:none;padding:0;cursor:zoom-in}.character-photo-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.character-photo-strip img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.stories-section{gap:20px}.stories-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.stories-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1500px){.stories-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1080px){.stories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.stories-grid{grid-template-columns:1fr}}.story-card{display:flex;flex-direction:column;gap:12px;background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:14px;box-shadow:0 6px 18px #0f172a14}.story-card-header{display:flex;flex-direction:column;gap:4px}.story-card-header h4{margin:0;font-size:1rem;color:#111827}.story-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.story-sequence{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.story-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#1d4ed8;background-color:#dbeafe;padding:4px 8px;border-radius:999px;white-space:nowrap}.story-preview{border:1px solid #d1d5db;background-color:#f9fafb;border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.story-preview:disabled{cursor:not-allowed;opacity:.6}.story-preview img{width:100%;height:auto;object-fit:contain}.story-preview-placeholder{color:#6b7280;font-size:.9rem;padding:12px;text-align:center}.story-details{display:flex;flex-direction:column;gap:8px}.story-summary{margin:0;color:#374151;font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.story-meta dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.story-meta dd{margin:2px 0 0;font-size:.85rem;color:#111827}.story-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}.story-tags li{font-size:.75rem;padding:4px 8px;border-radius:9999px;background-color:#e0f2fe;color:#0369a1}.story-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.story-action-button{border:1px solid #2563eb;background-color:#2563eb;color:#fff;padding:8px 12px;border-radius:8px;font-size:.85rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.story-action-button:hover{background-color:#1d4ed8;border-color:#1d4ed8}.story-action-button.secondary{background-color:#fff;color:#2563eb}.story-action-button.secondary:hover{background-color:#eff6ff}.story-action-button:disabled{opacity:.6;cursor:not-allowed}.story-modal-backdrop{position:fixed;inset:0;background-color:#0f172a99;display:flex;align-items:center;justify-content:center;padding:24px;z-index:200}.story-modal{background-color:#fff;border-radius:16px;box-shadow:0 18px 36px #0f172a40;width:min(1200px,95vw);max-height:94vh;overflow:hidden;display:flex;flex-direction:column}.story-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;gap:12px}.story-modal-header h4{margin:0;font-size:1.2rem;color:#111827}.story-modal-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid #e5e7eb;background-color:#f8fafc}.story-modal-controls-left{display:flex;align-items:center;gap:12px}.story-modal-controls label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#374151}.story-modal-controls input[type=range]{accent-color:#2563eb;cursor:pointer}.story-modal-controls span{font-size:.85rem;color:#111827}.story-modal-controls a{font-size:.85rem;color:#2563eb;text-decoration:underline}.story-modal-close{background:none;border:none;font-size:1.75rem;line-height:1;cursor:pointer;color:#111827}.story-modal-body{flex:1;padding:16px 24px 24px;background-color:#0f172a;overflow:auto;display:flex;justify-content:center;align-items:flex-start}.story-modal-image-wrapper{transform-origin:top center;display:inline-block;width:min(100%,1100px)}.story-modal-image-wrapper img{display:block;width:100%;max-width:none;height:auto;box-shadow:0 12px 30px #0006}.muted{color:#6b7280}.loading-state,.error-state,.empty-state{padding:20px;border-radius:14px;border:1px solid #e5e7eb;background-color:#fff}.loading-state{color:#2563eb;border-style:dashed}.error-state{color:#b91c1c;border-color:#fca5a5;background-color:#fef2f2}.empty-state{text-align:center;color:#4b5563}.workspace-shell{display:flex;flex-direction:column;gap:20px;max-width:1600px;margin:0 auto;padding:32px}.workspace-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.workspace-header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.workspace-header-right{display:flex;gap:8px}.workspace-order-ref,.workspace-book-ref{font-size:.9rem;color:#374151}.workspace-banner{padding:12px 16px;border-radius:12px;border:1px solid #bfdbfe;background-color:#eff6ff;color:#1d4ed8}.workspace-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 10px 24px #0f172a1f;display:flex;flex-direction:column;gap:16px}.illustration-workspace{display:grid;grid-template-columns:13fr 7fr;gap:20px;align-items:start}.illustration-list{display:flex;flex-direction:column;gap:16px}.illustration-list-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-start}.story-editor header h2,.illustration-panel h2{margin:0;font-size:1.3rem}.field{display:flex;flex-direction:column;gap:8px}.field span{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.field input,.field textarea{border:1px solid #d1d5db;border-radius:12px;padding:12px;font-size:.95rem;color:#111827;background-color:#f9fafb}.field textarea{resize:vertical}.story-editor-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.primary-button{background-color:#2563eb;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:.95rem;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.primary-button:hover{background-color:#1d4ed8;box-shadow:0 12px 22px #2563eb4d}.primary-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.ghost-button{border:1px solid #d1d5db;background-color:#fff;border-radius:10px;padding:8px 14px;font-size:.9rem;color:#1f2937;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.ghost-button:hover:not(:disabled){border-color:#2563eb;box-shadow:0 8px 16px #2563eb1f}.ghost-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.feedback{font-size:.85rem}.feedback.positive{color:#047857}.feedback.negative{color:#dc2626}.illustration-panel{gap:20px}.illustration-header{display:flex;justify-content:flex-start;align-items:center;gap:12px}.illustration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.final-illustrations-panel{display:flex;flex-direction:column;gap:16px}.final-illustrations-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.final-illustrations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.final-illustration-card{background-color:#f9fafb;border:2px solid transparent;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s ease,box-shadow .2s ease}.final-illustration-card.is-selected{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.final-illustration-image-button{border:none;background:transparent;padding:0;cursor:pointer;border-radius:10px;overflow:hidden;position:relative}.final-illustration-image-button img{display:block;width:100%;height:auto}.final-illustration-selected{position:absolute;top:8px;left:8px;background-color:#2563ebe6;color:#fff;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:600}.final-illustration-actions{display:flex;gap:8px;flex-wrap:wrap}.final-illustration-actions .ghost-button{flex:1;text-align:center}.final-illustrations-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.illustration-thumb{border:2px solid transparent;border-radius:12px;padding:6px;background-color:#f9fafb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,box-shadow .2s ease}.illustration-thumb img{display:block;width:100%;height:auto;border-radius:10px}.illustration-thumb.is-pending{cursor:wait;border-style:dashed;border-color:#bfdbfe;background-color:#eff6ff}.illustration-thumb:disabled{cursor:default;opacity:.8}.illustration-thumb-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;color:#1d4ed8;font-size:.85rem;text-align:center}.thumb-spinner{width:22px;height:22px;border-radius:9999px;border:3px solid #bfdbfe;border-top-color:#2563eb;animation:thumb-spin .8s linear infinite}@keyframes thumb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.illustration-thumb:hover{border-color:#60a5fa}.illustration-thumb.is-selected{border-color:#2563eb;box-shadow:0 10px 20px #2563eb2e}.illustration-pagination{display:flex;justify-content:flex-start;align-items:center;gap:12px}.illustration-detail-pane{display:flex;flex-direction:column;gap:16px}.illustration-detail-card{display:flex;flex-direction:column;gap:20px}.illustration-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.illustration-toolbar label{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#1f2937}.illustration-toolbar input[type=range]{accent-color:#2563eb}.illustration-toolbar-actions{display:flex;gap:10px;align-items:center}.illustration-toolbar-actions a{color:#2563eb;text-decoration:underline;font-size:.9rem}.mask-canvas-wrapper{width:100%;border:1px solid #d1d5db;border-radius:16px;overflow:hidden;background-color:#111827}.mask-canvas{position:relative;width:100%;display:block}.mask-canvas img{width:100%;height:auto;display:block}.mask-canvas-overlay{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;background:none}.mask-canvas-hidden{display:none}.illustration-submit{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.illustration-metadata{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.illustration-metadata h3{margin:0 0 12px;font-size:1rem;color:#111827}.illustration-metadata dl{display:grid;gap:10px;margin:0}.illustration-metadata dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.illustration-metadata dd{margin:2px 0 0;font-size:.9rem;color:#1f2937;word-break:break-word}.feedback.warning{color:#b45309}.feedback.warning:before{content:"⚠";margin-right:6px}@media (max-width: 1080px){.orders-dropdown{min-width:100%}.illustration-workspace{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (max-width: 720px){.app-shell{padding:16px;margin-top:16px}.app-header{flex-direction:column;gap:16px;padding:12px 16px}.operations-actions,.operations-summary{width:100%}.dropdown-panel{position:static;max-height:260px}.workspace-shell{padding:16px;gap:16px}.workspace-header{flex-direction:column;align-items:flex-start;gap:12px}.workspace-header-right{width:100%;justify-content:space-between}.illustration-workspace{grid-template-columns:1fr}}:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#f9fafb}*{box-sizing:border-box}body,h1,h2,h3,h4,p,ul{margin:0}body{min-height:100vh;background-color:#f3f4f6}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}