.theme-switch{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.theme-switch-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase}.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:#ffffffb3;border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:root[data-theme=night] .theme-toggle{background:#0f172ab3;border-color:#94a3b840}.theme-switch.is-ghost .theme-toggle{background:#0f172a66;border-color:#94a3b82e}.theme-switch.is-compact .theme-toggle{padding:3px}.theme-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--text-secondary);transition:transform .2s ease,background .2s ease,color .2s ease}:root[data-theme=night] .theme-toggle-btn{color:#e2e8f0d1}.theme-switch.is-ghost .theme-toggle-btn{color:#e2e8f0c7}.theme-switch.is-compact .theme-toggle-btn{padding:5px 10px;font-size:.7rem}.theme-toggle-btn.is-active{background:var(--gradient-primary);color:#fff;transform:translateY(-1px);box-shadow:0 10px 18px -14px #0f172a80}@media(max-width:640px){.theme-switch.is-compact .theme-toggle-btn{padding:5px 8px;font-size:.68rem}}.task-form-container{padding:16px 16px 18px;border-radius:18px;height:100%;max-height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 10% 10%,rgba(59,130,246,.18),transparent 45%),radial-gradient(circle at 85% 15%,rgba(147,51,234,.12),transparent 50%),linear-gradient(180deg,#fffffff5,#f8fafcdb);border:1px solid rgba(148,163,184,.3);box-shadow:0 16px 32px #0f172a1f}.task-form-pane{overflow-y:auto}.task-form-container form{display:flex;flex-direction:column;flex:1;min-height:0;height:100%}.task-form-layout{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;height:100%}.task-form-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:999px;width:100%}.task-form-fields{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:6px;align-content:start;max-height:100%}.task-form-fields>.form-group,.task-form-fields>.form-row,.task-form-fields>.estimate-row{padding:8px 0}.task-form-fields>.form-row.submit-row{padding-top:12px;border-top:1px solid rgba(148,163,184,.2)}.task-form-fields>.estimate-row{margin-top:4px;padding-top:12px}.task-type-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-radius:999px;margin-bottom:0;flex:1 1 auto;min-width:0}.task-type-switch.tabs{background:#0f172a0a;padding:6px}.task-type-btn{height:38px;border-radius:999px;font-size:.8rem;font-weight:800;color:var(--text-secondary);letter-spacing:.14em;text-transform:uppercase;background:transparent;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease}.task-type-btn:hover{color:var(--text-primary);transform:translateY(-1px);box-shadow:0 12px 20px -18px #0f172a80}.task-type-btn.active{color:#fff;background:var(--gradient-primary);border-color:#2563eb80;box-shadow:0 12px 22px -18px #2563eba6}.task-type-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f659}.storyboard-open-btn{flex:0 0 auto;height:38px;padding:0 14px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.08em;background:#0f172a0a;border:1px solid rgba(148,163,184,.35);color:var(--text-primary);white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.storyboard-open-btn:hover{transform:translateY(-1px);background:#0f172a0f;box-shadow:0 12px 22px -18px #0f172a80}.form-group{margin-bottom:0}.form-group label{display:block;font-size:.74rem;color:var(--text-secondary);margin-bottom:8px;letter-spacing:.08em;text-transform:uppercase}.prompt-input{width:100%;resize:none;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);height:clamp(120px,18vh,180px);font-size:.93rem;line-height:1.6}.prompt-input--rich{padding:12px;border-radius:var(--input-radius);overflow-y:auto;white-space:pre-wrap;outline:none}.prompt-input--rich:empty:before{content:attr(data-placeholder);color:var(--text-secondary)}.prompt-mention-token{display:inline-block;padding:1px 8px;margin:0 2px;border-radius:10px;background:#2563eb52;border:1px solid rgba(37,99,235,.45);color:var(--text-primary);font-weight:600;white-space:nowrap}.preprompt-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.preprompt-limit{font-size:.75rem;color:var(--text-secondary)}.preprompt-open-btn{padding:6px 14px;border-radius:999px;background:var(--gradient-primary);border:1px solid rgba(37,99,235,.35);color:#fff;font-size:.78rem;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;box-shadow:0 10px 18px -12px #2563ebb3;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.preprompt-open-btn:disabled{opacity:.6;cursor:not-allowed}.preprompt-open-btn:hover{transform:translateY(-1px);box-shadow:0 14px 20px -14px #2563ebe6}.preprompt-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;max-height:96px;overflow:auto}.prompt-label{margin-top:4px}.prompt-editor{position:relative}.prompt-mention-dropdown{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 18px 50px #0000002e;overflow:hidden}.prompt-mention-dropdown--inline{position:relative;top:0;margin-top:10px}.prompt-mention-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:.85rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.prompt-mention-loading{font-size:.75rem}.prompt-mention-list{max-height:240px;overflow:auto;padding:6px}.prompt-mention-item{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-primary);cursor:pointer;text-align:left}.prompt-mention-item:hover{background:#0f172a14}.prompt-mention-item.is-active{background:#2563eb1f;border-color:#2563eb4d}.prompt-mention-name{font-size:.9rem;font-weight:600}.prompt-mention-empty{padding:14px 12px;color:var(--text-secondary);font-size:.85rem}.prompt-mention-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-top:1px solid var(--border-color)}.prompt-mention-link{color:#2563ebf2;font-size:.85rem;text-decoration:none}.prompt-mention-link:hover{text-decoration:underline}.prompt-mention-hint{color:var(--text-secondary);font-size:.75rem}.prompt-fullscreen-btn{position:absolute;right:8px;bottom:12px;padding:6px 10px;border-radius:8px;background:#0f172a14;color:var(--text-secondary);font-size:.75rem}.prompt-fullscreen-btn:hover{color:var(--text-primary);background:#0f172a33}.prompt-fullscreen-overlay{position:fixed;inset:0;z-index:1400;background:#060814b3;display:flex;align-items:center;justify-content:center;padding:24px}.prompt-fullscreen-modal{width:min(960px,96vw);height:min(90vh,860px);background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-color);box-shadow:0 30px 80px #00000059;display:flex;flex-direction:column;padding:20px;gap:12px}.prompt-fullscreen-header{display:flex;align-items:center;justify-content:space-between}.prompt-fullscreen-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.prompt-fullscreen-close{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#94a3b833;color:var(--text-secondary)}.prompt-fullscreen-close:hover{color:var(--text-primary)}.prompt-fullscreen-textarea{flex:1;width:100%;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--input-radius);padding:12px;font-size:.95rem;resize:none;overflow-y:auto;white-space:pre-wrap;outline:none}.prompt-fullscreen-textarea:empty:before{content:attr(data-placeholder);color:var(--text-secondary)}.prompt-fullscreen-actions{display:flex;justify-content:flex-end}.prompt-fullscreen-done{padding:10px 18px;border-radius:var(--input-radius);background:var(--gradient-primary);color:#fff}.preprompt-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--border-color);background:#3b82f614;font-size:.78rem}.preprompt-chip-text{color:var(--text-primary);background:transparent}.preprompt-chip-text:hover{color:var(--accent-color)}.preprompt-chip-remove{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#94a3b833;color:var(--text-secondary)}.preprompt-chip-remove:hover{background:#f8717133;color:#f87171}.preprompt-modal-overlay{position:fixed;inset:0;z-index:150;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px}.preprompt-modal{width:min(560px,96vw);background:var(--bg-secondary);border-radius:18px;border:1px solid var(--border-color);box-shadow:0 24px 60px #0003;padding:20px}.preprompt-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.preprompt-modal-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.preprompt-modal-close{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#94a3b833;color:var(--text-secondary)}.preprompt-modal-close:hover{color:var(--text-primary)}.preprompt-modal-body{display:grid;gap:8px}.preprompt-field-label{font-size:.75rem;color:var(--text-secondary)}.preprompt-modal-input,.preprompt-modal-textarea{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--input-radius);padding:8px 10px;font-size:.875rem}.preprompt-modal-textarea{resize:vertical;min-height:120px}.preprompt-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.preprompt-cancel-btn{padding:8px 16px;color:var(--text-secondary)}.preprompt-save-btn{padding:8px 16px;border-radius:var(--input-radius);background:var(--gradient-primary);color:#fff}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.model-select-row{grid-template-columns:1fr}.form-row.spec-row{grid-template-columns:repeat(3,minmax(0,1fr))}.spec-flex-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.spec-flex-row .form-group{flex:1 1 180px;min-width:160px}.submit-row{justify-content:stretch}.model-select-row{margin-top:4px}.text-select-row{align-items:flex-end}.spec-row{align-items:flex-end;gap:12px}.spec-row .form-group{margin-bottom:0;flex:1 1 0}.spec-row .model-select-group{flex:0 1 auto}.spec-row .model-select-wrap{width:auto;min-width:0}.spec-row .model-select-trigger{width:auto;max-width:100%}.spec-row label{font-size:.75rem;margin-bottom:4px;flex-shrink:0}.text-select-wrap{position:relative}.model-select-wrap:before,.text-select-wrap:before{content:"";position:absolute;inset:0;border-radius:10px;border:none;background:transparent;pointer-events:none}.text-select-trigger{display:inline-flex;align-items:center;gap:6px;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:9px 12px;border-radius:10px;color:var(--text-primary);font-size:.9rem;font-weight:600;letter-spacing:.02em;cursor:pointer;min-width:0;box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s,background .2s,transform .2s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.text-select-trigger:focus,.text-select-trigger:focus-visible{outline:none;border-color:var(--accent-color);background-color:var(--bg-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 20%,transparent);transform:translateY(-1px)}.text-select-trigger:hover{background-color:var(--bg-tertiary);border-color:var(--accent-color);transform:translateY(-1px)}.text-select-value{white-space:nowrap}.text-select-caret{position:relative;width:8px;height:8px;font-size:0;color:transparent;display:inline-block;margin-left:2px}.text-select-caret:before{content:"";position:absolute;width:8px;height:8px;border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transform:rotate(45deg);opacity:.85}.text-select-menu{position:absolute;z-index:20;width:-moz-max-content;width:max-content;max-width:min(360px,90vw);padding:6px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:var(--shadow-md);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.text-select-option{width:100%;padding:8px 12px;border-radius:9px;text-align:left;color:var(--text-primary);white-space:nowrap;transition:background .2s,color .2s;border:1px solid transparent}.text-select-option:hover{background:var(--bg-tertiary)}.text-select-option.active{background:var(--bg-secondary);border:1px solid var(--accent-color);font-weight:700}.batch-radio-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.batch-radio{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 0;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:.82rem;font-weight:600;line-height:1;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.batch-radio span{display:inline-flex;align-items:center;justify-content:center;width:100%}.batch-radio input{position:absolute;opacity:0;pointer-events:none}.batch-radio.active{border-color:var(--accent-color);background:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.batch-radio:focus-within{outline:none;box-shadow:0 0 0 3px #3b82f640}.select-buttons{display:flex;background-color:var(--bg-tertiary);padding:4px;border-radius:var(--input-radius);gap:4px;flex-wrap:wrap}.select-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:.875rem;color:var(--text-secondary);transition:all .2s}.select-btn:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.select-btn.active{background:var(--gradient-primary)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 4px 6px -1px #9333ea40}.upload-box{border:1px dashed rgba(56,189,248,.4);border-radius:var(--input-radius);padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-secondary);cursor:pointer;transition:border-color .2s}.reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:12px;border-radius:14px}.reference-frame{display:flex;flex-direction:column;gap:8px}.reference-frame-label{font-size:.75rem;text-align:center;color:var(--text-secondary)}.reference-frame.is-disabled{opacity:.6}.reference-add{min-height:120px;padding:18px}.reference-item{position:relative;border-radius:var(--input-radius);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-secondary);aspect-ratio:1 / 1;box-shadow:0 10px 24px #02061740}.reference-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.upload-box:hover{border-color:var(--accent-color);color:var(--accent-color)}.upload-box.is-disabled{cursor:not-allowed;opacity:.6;border-color:#94a3b880;color:var(--text-secondary)}.image-preview{position:relative;width:100%;height:150px;border-radius:var(--input-radius);overflow:hidden;border:1px solid var(--border-color)}.image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.remove-btn{position:absolute;top:8px;right:8px;background:#0009;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.remove-btn:hover{background:red}.submit-btn{width:100%;margin-top:10px;position:static;z-index:1;box-shadow:0 16px 26px -18px #2563eb99}.task-form-container::-webkit-scrollbar,.prompt-input::-webkit-scrollbar{width:6px;height:6px}.task-form-container::-webkit-scrollbar-track,.prompt-input::-webkit-scrollbar-track{background:transparent}.task-form-container::-webkit-scrollbar-thumb,.prompt-input::-webkit-scrollbar-thumb{background:#9ca3af33;border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.task-form-container::-webkit-scrollbar-thumb:hover,.prompt-input::-webkit-scrollbar-thumb:hover{background:#9ca3af80}.model-select-wrap{display:flex;flex-direction:column;gap:6px;position:relative}.model-select-wrap:after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transform:translateY(-50%);transform:translateY(-50%) rotate(45deg);opacity:.85;pointer-events:none}.model-select{width:100%;appearance:none;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 36px 10px 12px;border-radius:10px;font-size:.9rem;font-weight:600;letter-spacing:.02em;box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s,background .2s,transform .2s;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.model-select:hover{background-color:var(--bg-tertiary);border-color:var(--accent-color);transform:translateY(-1px)}.model-select:focus,.model-select:focus-visible{outline:none;border-color:var(--accent-color);background-color:var(--bg-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 20%,transparent);transform:translateY(-1px)}.model-select:disabled{opacity:.6;cursor:not-allowed;transform:none}.model-select option:disabled{color:var(--text-secondary)}.model-select option{background:var(--bg-secondary);color:var(--text-primary)}:root[data-theme=night] .model-select,:root[data-theme=night] .text-select-trigger{color-scheme:dark}.helper-text{font-size:.75rem;color:var(--text-secondary)}.helper-text.error{color:#f87171}.estimate-card{margin:-4px 0 16px;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.estimate-inline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;width:100%;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent-color) 35%,transparent);font-size:.82rem;font-weight:600;color:var(--text-primary);letter-spacing:.01em}.estimate-prefix{color:var(--text-secondary)}.estimate-strike{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb,#f87171 70%,transparent);color:var(--text-secondary)}.estimate-discount{color:var(--text-primary)}.estimate-label{font-size:.875rem;color:var(--text-secondary)}.estimate-muted{font-size:.8125rem;color:var(--text-secondary)}.estimate-muted.error{color:#f87171}.estimate-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.model-estimate-row{align-items:flex-end;flex-wrap:wrap}.form-header-row{justify-content:space-between;align-items:center;gap:12px;flex-wrap:nowrap}.form-submit-group{margin-left:auto;display:flex;justify-content:flex-end;align-items:center;flex:0 0 auto}.form-submit-group .submit-btn{margin-top:0;position:static;width:auto;padding:10px 16px;height:42px;white-space:nowrap}.select-btn--chip{flex:0 0 auto;padding:8px 14px;white-space:nowrap}@media(min-width:1024px){.task-form-pane{max-height:calc(100vh - 220px)}.task-form-container{max-height:100%;overflow-y:auto}}.model-estimate-row .form-group{margin-bottom:0}.model-select-group{flex:1 1 auto;min-width:0}.model-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:10px;border:1px solid #c9d3df;background:#e7edf4;color:var(--text-primary);text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffffb3,0 1px #0f172a0a;transition:border-color .2s,box-shadow .2s,background .2s}.model-select-trigger:disabled{opacity:.6;cursor:not-allowed}.model-select-trigger:hover{color:var(--text-primary);background:#e1e8f1;border-color:#bcc7d4}.model-select-left{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-select-right{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.model-caret{font-size:.85rem;color:var(--text-secondary)}.model-select-menu{position:absolute;z-index:20;width:-moz-max-content;width:max-content;max-width:min(360px,90vw);margin-top:6px;padding:6px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:var(--shadow-md)}.model-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:9px;font-size:.9rem;color:var(--text-primary);text-align:left;white-space:nowrap;transition:background .2s,color .2s;border:1px solid transparent}.model-option:hover{background:var(--bg-tertiary)}.model-option.is-disabled,.model-option:disabled{color:var(--text-secondary);cursor:not-allowed;opacity:.6;background:var(--bg-tertiary);border-color:var(--border-color);pointer-events:none}.model-option.is-disabled:hover,.model-option:disabled:hover{background:var(--bg-tertiary)}.model-option.active{background:var(--bg-secondary);border-color:var(--accent-color);font-weight:600}.model-option-name{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.model-lock-icon{color:#94a3b8}.model-option-tags,.model-tag-row{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.model-tag{padding:2px 8px;border-radius:999px;font-size:.72rem;color:var(--text-secondary);background:#38bdf826;border:1px solid rgba(56,189,248,.25)}.model-option.is-disabled .model-tag,.model-option:disabled .model-tag{color:#94a3b8;background:#f8fafc;border-color:#e2e8f0}@media(max-width:640px){.task-form-layout{flex-direction:column}.task-form-fields{grid-template-columns:1fr}.task-section-primary{max-height:none}.task-form-container{height:auto;max-height:none}.model-estimate-row{flex-direction:column;align-items:stretch}.form-header-row{flex-wrap:wrap}}.estimate-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.875rem;color:var(--text-secondary);margin:2px 0 10px;padding:8px 12px;border-radius:999px}.estimate-row .estimate-value{font-weight:600;color:var(--text-primary);display:inline-flex;align-items:baseline;gap:6px}.estimate-original{font-size:.8rem;color:var(--text-secondary);text-decoration:line-through}.estimate-discounted{color:var(--accent-color);font-size:1rem;font-weight:700}.task-monitor-container{width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;height:auto;min-height:0;padding:24px;display:flex;flex-direction:column;overflow:hidden;background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);border-radius:16px}.task-list::-webkit-scrollbar{width:6px;height:6px}.task-list::-webkit-scrollbar-track{background:transparent}.task-list::-webkit-scrollbar-thumb{background:#9ca3af33;border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.task-list::-webkit-scrollbar-thumb:hover{background:#9ca3af80}.task-monitor-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border:2px dashed var(--border-color);border-radius:var(--card-radius);margin-right:24px}.empty-content{text-align:center}.task-list{flex:1;width:100%;max-width:100%;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:8px;min-height:0;max-height:none}.task-list-empty{display:flex;align-items:center;justify-content:center;min-height:180px;color:var(--text-secondary);border:1px dashed var(--border-color);border-radius:12px;background:var(--bg-secondary)}.task-list.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-auto-rows:max-content;align-items:start;gap:16px;padding-right:0}@media(max-width:768px){.task-monitor-container{padding:16px;height:auto}.task-monitor-empty{margin-right:0}.task-list{padding-right:0}.task-list.grid{grid-template-columns:1fr}}.task-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:16px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;flex-shrink:0;height:auto;width:100%}.task-item.grid{padding:0;display:flex;flex-direction:column;min-height:0;height:auto}.task-type-side{position:absolute;top:14px;left:0;padding:6px 10px 6px 12px;font-size:.7rem;font-weight:700;color:#fff;border-top-right-radius:12px;border-bottom-right-radius:12px;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.task-type-side.image{background:linear-gradient(135deg,#22c55e,#16a34a)}.task-type-side.video{background:linear-gradient(135deg,#3b82f6,#2563eb)}.task-type-corner{position:absolute;top:0;left:0;width:54px;height:54px;clip-path:polygon(0 0,100% 0,0 100%);z-index:2;display:flex;align-items:flex-start;justify-content:flex-start;padding:6px 0 0 6px;font-size:.7rem;font-weight:600;color:#fff;letter-spacing:.5px}.task-type-corner.image{background:linear-gradient(135deg,#22c55e,#16a34a)}.task-type-corner.video{background:linear-gradient(135deg,#3b82f6,#2563eb)}.task-media{height:160px;min-height:140px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.task-media.task-media-disabled{cursor:default}.task-media-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.task-media-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:#000}.task-media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:radial-gradient(circle at 20% 20%,rgba(96,165,250,.18),transparent 55%),radial-gradient(circle at 80% 10%,rgba(244,114,182,.18),transparent 50%),linear-gradient(135deg,#0f172ae6,#111827f2)}.task-media-emoji{font-size:42px;line-height:1;opacity:.7}.task-media-mask{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0f172a80;color:#fff;font-size:.8rem;font-weight:500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.task-countdown{font-size:.75rem;color:#ffffffd9;font-variant-numeric:tabular-nums}.task-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}.task-item:hover{background-color:var(--bg-tertiary);border-color:var(--accent-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.task-item.active{border-color:var(--accent-color)}.task-header{display:flex;justify-content:space-between;margin-bottom:8px}.task-model-badge{font-size:.7rem;background-color:var(--bg-tertiary);padding:2px 6px;border-radius:4px;color:var(--text-secondary);text-transform:uppercase}.task-storyboard-badge{font-size:.7rem;padding:2px 6px;border-radius:999px;border:1px solid rgba(37,99,235,.35);background:#2563eb14;color:var(--text-primary);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-storyboard-note{font-size:.75rem;padding:2px 6px;border-radius:999px;border:1px solid rgba(37,99,235,.28);background:#2563eb14;color:var(--text-secondary);line-height:1.2;max-width:100%;white-space:normal;word-break:break-word}.task-time{font-size:.75rem;color:var(--text-secondary)}.task-prompt{font-size:.9rem;color:var(--text-primary);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.task-specs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.task-spec-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-tertiary);font-size:.72rem;color:var(--text-secondary)}.task-spec-label{color:var(--text-secondary)}.task-spec-value{color:var(--text-primary);font-weight:600}.progress-container{display:flex;align-items:center;gap:10px;margin-bottom:10px}.progress-bar-bg{flex:1;height:6px;background-color:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--accent-color);border-radius:3px;transition:width .3s ease}.progress-text{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--accent-color)}.task-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}.task-footer-left{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;flex-wrap:wrap}.task-footer-actions{display:flex;align-items:center;gap:6px}.task-error-hint{display:inline-flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;font-size:.72rem;color:#ef4444;transition:color .2s ease,background-color .2s ease}.task-error-hint:hover{color:#dc2626;background:#ef444414}.task-toolbar{display:flex;align-items:center;gap:12px}.task-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-filter-group{display:flex;align-items:center;gap:8px}.task-filter-label{font-size:.7rem;color:var(--text-secondary)}.task-filter-select{min-width:120px;padding:6px 10px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem}.task-monitor-header{flex-wrap:wrap;gap:12px}@media(max-width:640px){.task-monitor-header{flex-direction:column;align-items:stretch}.task-toolbar,.task-filters{width:100%;flex-direction:column;align-items:stretch;gap:10px}.task-filter-group{flex-direction:column;align-items:stretch;gap:6px}.task-filter-select{width:100%;min-width:0}.task-toolbar>button{align-self:flex-end}}.view-toggle{display:flex;align-items:center;gap:6px;padding:4px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-tertiary)}.view-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;border-radius:8px;color:var(--text-secondary);transition:all .2s}.view-btn.active{color:var(--text-primary);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.task-pagination{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:12px}.page-btn{padding:6px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-indicator{font-size:.75rem;color:var(--text-secondary)}.status-badge{font-size:.75rem;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-weight:500}.status-badge.pending{background:var(--bg-tertiary);color:var(--text-secondary)}.status-badge.running{background:#3b82f61a;color:var(--accent-color)}.status-badge.completed{background:#10b9811a;color:#10b981}.status-badge.failed{background:#ef44441a;color:#ef4444}.status-badge.expired{background:#f59e0b1f;color:#f59e0b}.task-item.running .progress-bar-fill{background:linear-gradient(90deg,var(--accent-color),#60a5fa);box-shadow:0 0 10px #3b82f64d}.assets-shell{display:flex;flex-direction:column;gap:16px;min-height:100%;height:100%;overflow-y:auto;padding-right:4px}.assets-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:16px;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop)}.assets-title{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.assets-count{margin-top:4px;font-size:.8rem;color:var(--text-secondary)}.assets-toolbar{display:inline-flex;align-items:center;gap:8px}.assets-filter-label{font-size:.72rem;color:var(--text-secondary)}.assets-filter-select{min-width:140px;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem}.assets-export-btn{padding:6px 12px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem;font-weight:600}.assets-export-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0f172a73;z-index:60}.assets-export-modal{width:min(640px,92vw);max-height:80vh;overflow:hidden;border-radius:16px;border:1px solid var(--glass-border);background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.assets-export-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.assets-export-title{font-size:1rem;font-weight:700}.assets-export-close{border:none;background:none;color:var(--text-secondary);font-size:.75rem}.assets-export-section{padding:16px 20px;border-bottom:1px solid var(--border-color)}.assets-export-section-title{font-size:.8rem;font-weight:600;margin-bottom:8px}.assets-export-options{display:flex;gap:16px;flex-wrap:wrap}.assets-export-option{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-secondary)}.assets-export-actions{display:flex;gap:8px;margin-bottom:10px}.assets-export-action{padding:4px 10px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);font-size:.72rem;color:var(--text-primary)}.assets-export-models{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-height:220px;overflow-y:auto;padding-right:4px}.assets-export-empty{font-size:.75rem;color:var(--text-secondary)}.assets-export-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px}.assets-export-secondary,.assets-export-primary{padding:6px 14px;border-radius:10px;font-size:.75rem;border:1px solid var(--border-color)}.assets-export-secondary{background:var(--bg-secondary);color:var(--text-primary)}.assets-export-primary{background:var(--accent-color);color:#fff;border-color:transparent}.assets-export-secondary:disabled,.assets-export-primary:disabled{opacity:.6;cursor:not-allowed}.assets-empty{padding:24px;border-radius:16px;border:1px dashed var(--glass-border);background:var(--glass-bg);text-align:center;color:var(--text-secondary);font-size:.9rem}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.asset-card{display:flex;flex-direction:column;text-align:left;padding:0;cursor:pointer;border-radius:16px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-secondary);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.asset-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent-color) 60%,transparent);box-shadow:var(--shadow-md)}.asset-card:disabled{cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}.asset-thumb{position:relative;width:100%;aspect-ratio:4 / 3;background:var(--bg-tertiary);overflow:hidden}.asset-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;inset:0}.asset-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.8rem}.asset-video-badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:.7rem;background:#0f172abf;color:#fff}.asset-expired{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f172abf;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.asset-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;font-size:.72rem;color:var(--text-secondary)}.asset-type{font-weight:600;color:var(--text-primary)}.asset-time{font-variant-numeric:tabular-nums}.assets-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding-bottom:12px}.assets-page-btn{padding:6px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem}.assets-page-btn:disabled{opacity:.5;cursor:not-allowed}.assets-page-indicator{font-size:.75rem;color:var(--text-secondary)}@media(max-width:768px){.assets-header{padding:14px}.assets-toolbar{width:100%;justify-content:space-between}.assets-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.modal-overlay{position:fixed;inset:0;background-color:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{width:500px;background:var(--bg-secondary);padding:30px;border-radius:var(--card-radius);border:1px solid var(--border-color);box-shadow:0 20px 50px #00000026}.qr-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.qr-modal{position:relative;background:var(--bg-secondary);border-radius:16px;padding:16px;max-width:min(420px,90vw);box-shadow:0 18px 40px #0003}.qr-modal-image{width:min(360px,80vw);height:auto;display:block;border-radius:12px}.qr-modal-close{position:absolute;top:8px;right:8px;font-size:.8rem;color:var(--text-secondary)}.qr-modal-close:hover{color:var(--text-primary)}.modal-content input{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.modal-content input:focus{background-color:var(--bg-secondary);border-color:var(--accent-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-color) 25%,transparent)}.modal-content label{display:block;margin-bottom:8px;font-weight:500;width:120px;height:120px;color:var(--text-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:30px}.cancel-btn{padding:10px 20px;color:var(--text-secondary);font-weight:500}.cancel-btn:hover{color:var(--text-primary)}.icon-btn{background-color:var(--bg-tertiary);width:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--input-radius);border:1px solid var(--border-color);color:var(--text-primary)}.icon-btn:hover{background-color:var(--bg-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-invite-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.auth-invite-link{font-size:.75rem;color:var(--accent-color);text-decoration:underline}.auth-invite-link:hover{color:var(--accent-hover)}.auth-modal-content label{width:auto;height:auto}.explore-shell{display:flex;flex-direction:column;gap:16px;min-height:100%;height:100%;overflow-y:auto;padding-right:4px}.explore-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:16px;border:1px solid var(--glass-border);background:#ffffffbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.explore-title{display:inline-flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:700}.explore-subtitle{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.explore-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.explore-count{font-size:.85rem;color:var(--text-secondary)}.explore-pagination{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--glass-border);background:#ffffffb3}.explore-page-btn{font-size:.75rem;padding:4px 10px;border-radius:999px;border:1px solid var(--border-color);color:var(--text-primary);background:#fff}.explore-page-btn:disabled{opacity:.5;cursor:not-allowed}.explore-page-indicator{font-size:.75rem;color:var(--text-secondary)}.explore-loading,.explore-error,.explore-empty{padding:24px;border-radius:16px;border:1px dashed var(--glass-border);background:#ffffffa6;text-align:center;color:var(--text-secondary);font-size:.9rem}.explore-grid{-moz-column-count:4;column-count:4;-moz-column-gap:16px;column-gap:16px}.explore-card{display:inline-block;width:100%;margin:0 0 16px;border-radius:16px;background:#ffffffd9;overflow:hidden;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.explore-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.explore-media{position:relative;width:100%;overflow:hidden;background:#0f172a0a}.explore-media:before{content:"";display:block;padding-top:calc(100% / var(--media-ratio, 1.3333))}.explore-media img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;position:absolute;inset:0}.explore-media-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.8rem;position:absolute;inset:0}.explore-video-badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:.7rem;background:#0f172abf;color:#fff}.explore-model-badge{position:absolute;bottom:10px;left:10px;display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.7rem;background:#0f172aa6;color:#fff;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explore-modal-mask{position:fixed;inset:0;background:color-mix(in srgb,var(--bg-primary) 65%,transparent);z-index:60;display:flex;align-items:center;justify-content:center;padding:16px}.explore-modal{width:min(960px,92vw);max-height:90vh;overflow:hidden;border-radius:18px;background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:0 24px 60px #0f172a3d;display:flex;flex-direction:column}.explore-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-size:.92rem;font-weight:700;letter-spacing:.02em}.explore-modal-header button{width:30px;height:30px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,color .2s ease,background .2s ease}.explore-modal-header button:hover{transform:scale(1.05);color:var(--text-primary);background:var(--bg-secondary)}.explore-modal-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;padding:18px;overflow-y:auto}.explore-modal-media{border-radius:16px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color)}.explore-modal-media video,.explore-modal-media img{width:100%;max-height:60vh;border-radius:12px;background:#0b0b0b;-o-object-fit:contain;object-fit:contain}.explore-modal-info{display:flex;flex-direction:column;gap:12px;background:var(--bg-secondary);border-radius:16px;padding:14px 16px;border:1px solid var(--border-color)}.explore-modal-author{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-tertiary)}.explore-modal-author-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.explore-modal-author-value{font-size:.9rem;font-weight:600;color:var(--text-primary);word-break:break-all}.explore-modal-prompt{display:grid;gap:8px;padding:14px 16px 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent-color) 35%,transparent);background:color-mix(in srgb,var(--accent-color) 12%,transparent);box-shadow:var(--shadow-sm)}.explore-modal-prompt-label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.explore-modal-prompt-text{font-size:.93rem;font-weight:500;line-height:1.65;color:var(--text-primary);white-space:pre-wrap;max-height:240px;overflow-y:auto}.explore-modal-specs{display:flex;flex-wrap:wrap;gap:8px;font-size:.78rem;color:var(--text-secondary)}.explore-modal-specs span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-tertiary)}.explore-edit-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:linear-gradient(120deg,#3b82f6f2,#0e7490f2);color:#fff;font-weight:600;box-shadow:var(--shadow-sm)}.explore-edit-hint{margin-top:8px;font-size:.8rem;color:#f97316}.explore-footer-message{margin:28px 0 36px;text-align:center;font-size:.95rem;color:var(--text-secondary);letter-spacing:.02em;animation:explore-breathe 2.8s ease-in-out infinite}@keyframes explore-breathe{0%{opacity:.55;text-shadow:0 0 0 rgba(59,130,246,0)}50%{opacity:1;text-shadow:0 0 12px rgba(59,130,246,.35)}to{opacity:.6;text-shadow:0 0 0 rgba(59,130,246,0)}}@media(max-width:1024px){.explore-grid{-moz-column-count:2;column-count:2}.explore-modal-body{grid-template-columns:1fr}}@media(max-width:640px){.explore-grid{-moz-column-count:1;column-count:1}.explore-header{padding:14px}}.contact-page{width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box}.contact-layout{width:min(980px,92vw);display:flex;flex-direction:column;gap:14px}.contact-page-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.contact-modules{display:grid;grid-template-columns:360px 1fr;gap:18px;align-items:start}.contact-card{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:18px;padding:18px}.contact-title{font-size:20px;font-weight:800;letter-spacing:.2px;background:var(--sidebar-title-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.contact-qr-panel{width:100%;background:color-mix(in srgb,var(--glass-bg) 70%,transparent);border:1px solid color-mix(in srgb,var(--glass-border) 85%,transparent);border-radius:16px;padding:12px;box-shadow:var(--shadow-sm)}.contact-qr{width:100%;height:auto;border-radius:12px;display:block}.contact-qr-caption{margin-top:10px;font-size:12px;font-weight:600;color:var(--text-secondary);text-align:center}.contact-section-title{font-size:18px;font-weight:800;color:var(--text-primary)}.contact-section-desc{font-size:13px;line-height:1.6;color:var(--text-secondary)}.contact-feature-grid{margin-top:4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contact-feature-item{position:relative;padding:12px 12px 12px 38px;border-radius:14px;border:1px solid color-mix(in srgb,var(--glass-border) 85%,transparent);background:color-mix(in srgb,var(--glass-bg) 58%,transparent);color:var(--text-primary);font-size:13px;line-height:1.55;box-shadow:var(--shadow-sm)}.contact-feature-item:before{content:"";position:absolute;left:12px;top:12px;width:18px;height:18px;border-radius:9px;background:color-mix(in srgb,var(--accent-color) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent-color) 55%,transparent)}.contact-feature-item:after{content:"";position:absolute;left:18px;top:18px;width:7px;height:4px;border-left:2px solid var(--accent-color);border-bottom:2px solid var(--accent-color);transform:rotate(-45deg)}@media(max-width:768px){.contact-page{padding:16px 12px}.contact-card{padding:12px;border-radius:16px;gap:12px}.contact-title{font-size:18px}.contact-modules,.contact-feature-grid{grid-template-columns:1fr}}.invite-page{position:relative;overflow-x:hidden;min-height:100%;background:transparent;color:var(--text-primary)}.invite-page:before{content:"";position:absolute;inset:0;background:var(--invite-overlay);opacity:.9;pointer-events:none}.invite-page:after{content:"";position:absolute;inset:-40% -10% auto;height:65%;background:var(--invite-pattern);opacity:.6;pointer-events:none}.invite-page-inner{position:relative;z-index:1}:root{--invite-page-bg: #ffffff;--invite-overlay: none;--invite-pattern: none;--invite-hero-bg: linear-gradient(120deg, #0f172a 0%, #1d4ed8 55%, #9333ea 120%);--invite-hero-shadow: 0 30px 70px -36px rgba(15, 23, 42, .7);--invite-chip-bg: rgba(255, 255, 255, .18);--invite-chip-border: rgba(255, 255, 255, .3);--invite-chip-text: rgba(255, 255, 255, .85);--invite-step-bg: rgba(37, 99, 235, .14);--invite-step-text: #1d4ed8;--invite-card-shadow: 0 18px 38px -30px rgba(15, 23, 42, .45);--invite-warm: #2563eb;--invite-cool: #7c3aed;--invite-accent: #38bdf8}:root[data-theme=night]{--invite-page-bg: linear-gradient(160deg, #0b1020 0%, #0b1a2d 45%, #102a22 100%);--invite-overlay: none;--invite-pattern: none;--invite-hero-bg: linear-gradient(120deg, #0b1120 0%, #0f172a 50%, #0e7490 115%);--invite-hero-shadow: 0 36px 80px -40px rgba(6, 10, 20, .9);--invite-chip-bg: rgba(255, 255, 255, .08);--invite-chip-border: rgba(148, 163, 184, .28);--invite-chip-text: rgba(226, 232, 240, .9);--invite-step-bg: rgba(14, 116, 144, .2);--invite-step-text: #38bdf8;--invite-card-shadow: 0 20px 46px -36px rgba(3, 7, 18, .85);--invite-warm: #fbbf24;--invite-cool: #22d3ee;--invite-accent: #34d399}.invite-hero{position:relative;overflow:hidden;border-radius:28px;padding:28px 30px;color:#fff;background:var(--invite-hero-bg);box-shadow:var(--invite-hero-shadow)}.invite-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 60%);pointer-events:none}.invite-hero-content{position:relative;z-index:1}.invite-hero-orb{position:absolute;border-radius:999px;filter:blur(40px);opacity:.6}.invite-hero-orb--a{top:-60px;right:-40px;width:220px;height:220px;background:#fff3}.invite-hero-orb--b{bottom:-90px;left:40px;width:260px;height:260px;background:#38bdf84d}.invite-hero-label{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;text-transform:uppercase;letter-spacing:.3em;color:#ffffffbf}.invite-hero-title{font-size:clamp(2rem,3vw,2.6rem);font-weight:700}.invite-hero-subtitle{font-size:.95rem;max-width:560px;color:#fffc;line-height:1.7}.invite-hero-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:.85rem}.invite-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid var(--invite-chip-border);background:var(--invite-chip-bg);color:var(--invite-chip-text)}.invite-card{position:relative;border-radius:20px;border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:var(--invite-card-shadow);overflow:hidden}.invite-card:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.24),transparent 55%);opacity:.7;pointer-events:none}.invite-card-header{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);position:relative;z-index:1}.invite-card-header svg{color:var(--invite-accent)}.invite-card--warm .invite-card-header svg{color:var(--invite-warm)}.invite-card--cool .invite-card-header svg{color:var(--invite-cool)}.invite-card--accent .invite-card-header svg{color:var(--invite-accent)}.invite-card-value{margin-top:12px;font-size:1.8rem;font-weight:700;color:var(--text-primary);position:relative;z-index:1}.invite-card-value span{font-size:.9rem;color:var(--text-secondary)}.invite-card-note{margin-top:6px;font-size:.75rem;color:var(--text-secondary);position:relative;z-index:1}.invite-panel{border:1px solid var(--glass-border);box-shadow:var(--invite-card-shadow);background:var(--glass-bg)}.invite-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.invite-panel-title{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.invite-panel-subtitle{margin-top:6px;font-size:.8rem;color:var(--text-secondary)}.invite-copy-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid var(--glass-border);background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.invite-copy-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px -14px #0f172a80}.invite-copy-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.invite-code-box{margin-top:16px;border-radius:14px;border:1px dashed var(--glass-border);background:var(--bg-secondary);padding:12px 16px;font-size:1.1rem;font-weight:600;letter-spacing:.2em;color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.invite-panel-hint{margin-top:14px;font-size:.85rem;color:var(--text-secondary)}.invite-steps{margin-top:14px;display:grid;gap:10px;font-size:.8rem;color:var(--text-secondary)}.invite-step{display:flex;align-items:center;gap:10px}.invite-step-index{width:26px;height:26px;border-radius:999px;background:var(--invite-step-bg);color:var(--invite-step-text);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.invite-reveal{animation:invite-rise .6s ease both}.invite-delay-1{animation-delay:.08s}.invite-delay-2{animation-delay:.16s}@keyframes invite-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.invite-hero{padding:24px}.invite-panel-header{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.invite-hero-label{letter-spacing:.2em}.invite-code-box{font-size:.95rem;letter-spacing:.12em}}.site-home{--home-text: #11253f;--home-muted: #536784;--home-card-bg: rgba(255, 255, 255, .72);--home-card-border: rgba(15, 23, 42, .12);--home-strong-bg: rgba(255, 255, 255, .84);--home-shadow: 0 18px 42px rgba(15, 23, 42, .1);--home-tag-public-text: #0f766e;--home-tag-public-bg: rgba(16, 185, 129, .14);--home-tag-member-text: #2563eb;--home-tag-member-bg: rgba(37, 99, 235, .14);position:relative;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;color:var(--home-text);border-radius:20px}:root[data-theme=night] .site-home{--home-text: #e8eefc;--home-muted: #9aa9c6;--home-card-bg: rgba(11, 24, 46, .66);--home-card-border: rgba(114, 140, 184, .3);--home-strong-bg: rgba(13, 29, 56, .78);--home-shadow: 0 20px 46px rgba(1, 6, 17, .55);--home-tag-public-text: #67e8f9;--home-tag-public-bg: rgba(14, 116, 144, .3);--home-tag-member-text: #c4b5fd;--home-tag-member-bg: rgba(99, 102, 241, .28)}.site-home,.site-home *{font-family:Outfit,Space Grotesk,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.site-home-shell{position:relative;z-index:1;width:min(1160px,94vw);margin:0 auto;padding:20px 0 42px;display:grid;gap:14px}.site-home-hero,.site-home-metrics,.site-home-section{border:1px solid var(--home-card-border);background:var(--home-card-bg);backdrop-filter:blur(15px) saturate(130%);-webkit-backdrop-filter:blur(15px) saturate(130%);box-shadow:var(--home-shadow)}.site-home-hero{border-radius:22px;padding:18px;display:grid;gap:14px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.site-home-brand{border:1px solid var(--home-card-border);border-radius:16px;padding:16px;background:linear-gradient(145deg,#ffffff8c,#ffffff38)}:root[data-theme=night] .site-home-brand{background:linear-gradient(145deg,#142745b8,#0b172c80)}.site-home-kicker{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;color:#0b63eb;background:#3b82f61f;border:1px solid rgba(37,99,235,.24)}:root[data-theme=night] .site-home-kicker{color:#7dd3fc;background:#0e749042;border-color:#38bdf86b}.site-home-title{margin:12px 0 0;font-size:clamp(32px,5vw,54px);line-height:1;letter-spacing:-.03em;font-weight:800}.site-home-subtitle{margin:9px 0 0;font-size:clamp(17px,2.7vw,27px);line-height:1.14;font-weight:700;background:linear-gradient(98deg,#0c6cf2,#06b6d4 52%,#0f766e);-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-theme=night] .site-home-subtitle{background:linear-gradient(98deg,#93c5fd,#67e8f9 52%,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.site-home-desc{margin:12px 0 0;max-width:690px;color:var(--home-muted);font-size:14px;line-height:1.8}.site-home-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.site-home-btn{border-radius:14px;border:1px solid transparent;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease}.site-home-btn:hover{transform:translateY(-1px)}.site-home-btn.primary{color:#fff;background:linear-gradient(115deg,#0b63eb,#0ea5e9);box-shadow:0 10px 22px #0b63eb4d}:root[data-theme=night] .site-home-btn.primary{background:linear-gradient(115deg,#1d4ed8,#0891b2);box-shadow:0 10px 24px #0206178c}.site-home-btn.ghost{color:var(--home-text);border-color:var(--home-card-border);background:var(--home-strong-bg)}.site-home-panel{border:1px solid var(--home-card-border);border-radius:16px;padding:14px;background:radial-gradient(130% 120% at 100% 0%,rgba(14,165,233,.16),transparent 66%),var(--home-strong-bg)}:root[data-theme=night] .site-home-panel{background:radial-gradient(140% 120% at 100% 0%,rgba(56,189,248,.2),transparent 66%),var(--home-strong-bg)}.site-home-panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.site-home-panel-head{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--home-muted);font-weight:700}.site-home-panel-grid{margin-top:10px;display:grid;gap:8px}.site-home-panel-item{border:1px solid var(--home-card-border);border-radius:12px;background:var(--home-card-bg);padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.site-home-panel-item label{font-size:12px;color:var(--home-muted)}.site-home-panel-item strong{font-size:13px;color:var(--home-text);font-weight:700}.site-home-metrics{border-radius:18px;padding:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.site-home-metric-card{border:1px solid var(--home-card-border);border-radius:12px;background:var(--home-strong-bg);padding:11px}.site-home-metric-card .label{font-size:12px;color:var(--home-muted)}.site-home-metric-card .value{margin-top:6px;font-size:24px;line-height:1.05;letter-spacing:-.02em;font-weight:800}.site-home-content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.site-home-section{border-radius:18px;padding:14px}.site-home-section-head h2{margin:0;font-size:21px}.site-home-section-head p{margin:6px 0 0;color:var(--home-muted);font-size:13px}.site-home-feature-list{margin-top:12px;display:grid;gap:8px}.site-home-feature-item{border:1px solid var(--home-card-border);border-radius:12px;background:var(--home-strong-bg);padding:10px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px}.site-home-feature-item .icon{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#0b63eb;background:#2563eb1f;border:1px solid rgba(59,130,246,.26)}:root[data-theme=night] .site-home-feature-item .icon{color:#7dd3fc;background:#0e749047;border-color:#38bdf85c}.site-home-feature-item h3{margin:2px 0 0;font-size:14px}.site-home-feature-item p{margin:6px 0 0;font-size:13px;line-height:1.6;color:var(--home-muted)}.site-home-model-list{margin-top:12px;display:grid;gap:8px}.site-home-model-item{border:1px solid var(--home-card-border);border-radius:12px;background:var(--home-strong-bg);padding:10px 11px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px}.site-home-model-item .name{font-size:14px;font-weight:700;color:var(--home-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-home-model-item .meta{font-size:12px;color:var(--home-muted)}.site-home-model-item .tag{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.site-home-model-item .tag.member{color:var(--home-tag-member-text);background:var(--home-tag-member-bg)}.site-home-model-item .tag.public{color:var(--home-tag-public-text);background:var(--home-tag-public-bg)}.site-home-empty{border-radius:12px;border:1px dashed var(--home-card-border);padding:15px;text-align:center;font-size:13px;color:var(--home-muted);background:var(--home-card-bg)}@media(max-width:980px){.site-home{border-radius:14px}.site-home-hero,.site-home-content-grid{grid-template-columns:1fr}.site-home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.site-home-shell{width:95vw;gap:11px;padding:14px 0 34px}.site-home-hero,.site-home-metrics,.site-home-section{border-radius:14px;padding:12px}.site-home-title{font-size:clamp(26px,8.8vw,40px)}.site-home-subtitle{font-size:clamp(15px,4.6vw,22px)}.site-home-metrics{grid-template-columns:1fr}.site-home-model-item{grid-template-columns:minmax(0,1fr);align-items:start}}.storyboard-page{height:100%;min-height:0;display:flex;flex-direction:column;padding:16px;box-sizing:border-box;overflow:hidden}.storyboard-progress-header{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-secondary);position:relative;overflow:hidden}.storyboard-progress-header:before{content:"";position:absolute;inset:-120px -120px auto auto;width:360px;height:360px;background:radial-gradient(circle at 30% 30%,#3b82f647,#9333ea00 60%);pointer-events:none}.storyboard-progress-track{height:10px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:#0f172a2e;overflow:hidden}.storyboard-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#3b82f6f2,#9333eae6);box-shadow:0 14px 34px #3b82f638;transition:width .22s ease}.storyboard-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.storyboard-step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:#0f172a29;color:var(--text-primary);font-size:.86rem;font-weight:900;letter-spacing:.02em;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease,opacity .12s ease}.storyboard-step:disabled{opacity:.45;cursor:not-allowed}.storyboard-step:not(:disabled):hover{transform:translateY(-1px);background:#0f172a42}.storyboard-step.is-active{border-color:#3b82f68c;box-shadow:0 16px 40px #3b82f624;background:linear-gradient(180deg,#3b82f61f,#9333ea0d)}.storyboard-step.is-done{border-color:#22c55e66}.storyboard-step-dot{width:34px;height:34px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#0f172a59;border:1px solid rgba(148,163,184,.25);flex:0 0 auto}.storyboard-step.is-active .storyboard-step-dot{background:linear-gradient(135deg,#3b82f6eb,#9333ead6);border-color:#ffffff2e;color:#fff}.storyboard-step.is-done .storyboard-step-dot{background:#22c55e24;border-color:#22c55e59}.storyboard-step-text{white-space:nowrap;font-size:.82rem;color:var(--text-secondary);font-weight:900}.storyboard-step.is-active .storyboard-step-text,.storyboard-step.is-done .storyboard-step-text{color:var(--text-primary)}.storyboard-flow-meta{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.storyboard-flow-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid var(--border-color);background:#0f172a33;color:var(--text-primary);font-size:.82rem;font-weight:800}.storyboard-page-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.storyboard-page-group{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:var(--bg-tertiary);border:1px solid var(--border-color)}.storyboard-page-group--right{margin-left:auto}.storyboard-page-label{color:var(--text-secondary);font-size:.8rem;font-weight:700;letter-spacing:.06em}.storyboard-page-select{min-width:180px;max-width:340px;padding:8px 10px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}.storyboard-page-select--wide{min-width:min(520px,92vw);max-width:720px}.storyboard-stage{height:100%;min-height:0;display:flex;align-items:stretch;justify-content:center;padding:8px 0 0}.storyboard-stage-grid{width:100%;max-width:1100px;display:grid;grid-template-columns:1fr;gap:14px;align-content:flex-start;min-height:0}.storyboard-stage-card{width:100%;border-radius:20px;border:1px solid var(--border-color);background:linear-gradient(180deg,#0f172a38,#0f172a14);position:relative;overflow:hidden;box-shadow:0 18px 46px #00000040}.storyboard-stage-card:before{content:"";position:absolute;inset:-120px auto auto -120px;width:320px;height:320px;background:radial-gradient(circle at 30% 30%,#9333ea38,#3b82f600 60%);pointer-events:none}.storyboard-stage-head{display:flex;align-items:center;gap:12px;padding:16px 16px 12px;border-bottom:1px solid rgba(148,163,184,.14);background:#0f172a2e}.storyboard-stage-icon{width:42px;height:42px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#3b82f6e0,#3b82f659);flex:0 0 auto}.storyboard-stage-icon--blue{background:linear-gradient(135deg,#3b82f6e6,#0ea5e959)}.storyboard-stage-icon--purple{background:linear-gradient(135deg,#9333eae6,#ec489952)}.storyboard-stage-title{font-size:.98rem;font-weight:900;color:var(--text-primary);line-height:1.2}.storyboard-stage-desc{margin-top:4px;font-size:.85rem;color:var(--text-secondary);font-weight:600}.storyboard-stage-body{padding:14px 16px 16px}.storyboard-stage-field{margin-bottom:14px}.storyboard-stage-label{display:block;font-size:.78rem;color:var(--text-secondary);letter-spacing:.08em;font-weight:800;text-transform:uppercase;margin-bottom:8px}.storyboard-stage-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.storyboard-project-list{display:flex;flex-direction:column;gap:10px}.storyboard-project-empty{padding:12px;border-radius:14px;border:1px dashed rgba(148,163,184,.35);background:#0f172a38;color:var(--text-secondary);font-weight:700}.storyboard-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.storyboard-project-card{text-align:left;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:#0f172a38;padding:12px 12px 10px;color:var(--text-primary);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease}.storyboard-project-card:not(:disabled):hover{transform:translateY(-1px);border-color:#3b82f659;box-shadow:0 16px 40px #3b82f61a;background:#0f172a4d}.storyboard-project-card:disabled{opacity:.55;cursor:not-allowed}.storyboard-project-card.is-selected{border-color:#3b82f68c;box-shadow:0 22px 52px #3b82f624;background:linear-gradient(180deg,#3b82f624,#9333ea0f)}.storyboard-project-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.storyboard-project-card-title{font-size:.95rem;font-weight:950;letter-spacing:.01em;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storyboard-project-card-actions{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.storyboard-project-icon-btn{width:34px;height:34px;border-radius:12px;border:1px solid rgba(148,163,184,.18);background:#0f172a59;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease,transform .12s ease}.storyboard-project-icon-btn:not(:disabled):hover{background:#0f172a80;color:var(--text-primary);transform:translateY(-1px)}.storyboard-project-icon-btn--danger{border-color:#ef444447;color:#ef4444f2;background:#ef444414}.storyboard-project-icon-btn--danger:not(:disabled):hover{background:#ef44441f}.storyboard-project-card-meta{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.storyboard-project-card-id{color:var(--text-secondary);font-size:.78rem;font-weight:700}.storyboard-project-card-selected{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(34,197,94,.3);background:#22c55e1f;color:#22c55ef2;font-size:.8rem;font-weight:900}.storyboard-project-card-enter{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:800;color:var(--text-secondary)}.storyboard-stage-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.storyboard-primary{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;border:1px solid rgba(59,130,246,.5);background:linear-gradient(135deg,#3b82f6eb,#9333ead9);color:#fff;font-size:.88rem;font-weight:900;box-shadow:0 18px 46px #3b82f638}.storyboard-primary:disabled{opacity:.5;cursor:not-allowed}.storyboard-primary:not(:disabled):hover{filter:brightness(1.05)}.storyboard-stage-loading{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary);font-weight:700}.storyboard-spin{animation:storyboardSpin .9s linear infinite}@keyframes storyboardSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.storyboard-stage-chip{display:inline-flex;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#0f172a4d;color:var(--text-primary);font-size:.95rem;font-weight:900;letter-spacing:.01em;margin-bottom:12px}.storyboard-page-error{margin-top:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(239,68,68,.35);background:#ef444414;color:#ef4444;font-size:.85rem;line-height:1.4}.storyboard-page-hint{margin-top:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(37,99,235,.3);background:#2563eb14;color:var(--text-primary);font-size:.85rem;line-height:1.4}.storyboard-page-body{flex:1;min-height:0;overflow:auto}.storyboard-page-loading{padding:12px;color:var(--text-secondary)}.storyboard-project-page{height:100%}.storyboard-project-header{padding:14px;border-radius:18px;border:1px solid var(--border-color);background:linear-gradient(135deg,#3b82f60f,#9333ea0f);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.storyboard-project-title-block{display:flex;flex-direction:column;gap:6px}.storyboard-project-title{font-size:1.05rem;font-weight:900;color:var(--text-primary)}.storyboard-project-subtitle{font-size:.8rem;color:var(--text-secondary);letter-spacing:.02em}.storyboard-project-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.storyboard-project-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.storyboard-project-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-tertiary);font-size:.8rem;font-weight:800;color:var(--text-primary)}.storyboard-project-empty{padding:10px 12px;border-radius:12px;border:1px solid var(--border-color);background:#0f172a33;color:var(--text-secondary);font-size:.85rem}.storyboard-plan-list{display:flex;flex-direction:column;gap:12px}.storyboard-plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.storyboard-plan-card{text-align:left;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:#0f172a38;padding:12px;color:var(--text-primary);display:flex;flex-direction:column;gap:10px;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease}.storyboard-plan-card:not(:disabled):hover{transform:translateY(-1px);border-color:#3b82f659;box-shadow:0 16px 40px #3b82f61a;background:#0f172a4d}.storyboard-plan-card:disabled{opacity:.55;cursor:not-allowed}.storyboard-plan-card.is-selected{border-color:#3b82f68c;box-shadow:0 22px 52px #3b82f624;background:linear-gradient(180deg,#3b82f624,#9333ea0f)}.storyboard-plan-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.storyboard-plan-card-title{font-size:.95rem;font-weight:900;line-height:1.2}.storyboard-plan-card-actions{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.storyboard-plan-card-meta{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:var(--text-secondary)}.storyboard-plan-card-enter{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:800;color:var(--text-primary)}.storyboard-plan-card-id,.storyboard-plan-card-time{color:var(--text-secondary)}.storyboard-auto-save{margin-top:8px;padding:8px 10px;border-radius:12px;border:1px solid rgba(59,130,246,.3);background:#3b82f614;color:var(--text-primary);font-size:.8rem;font-weight:800}@media(min-width:900px){.storyboard-stage-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}.storyboard-modal{width:min(1100px,92vw);padding:18px}.storyboard-modal--page{width:100%;max-width:100%;height:100%;min-height:0;margin:0 auto;display:flex;flex-direction:column}.storyboard-page-shell{height:100%;min-height:0;display:flex;flex-direction:column}.storyboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.storyboard-header-actions{display:inline-flex;align-items:center;gap:10px}.storyboard-back{padding:8px 12px}.storyboard-title{font-size:1rem;font-weight:800;color:var(--text-primary);letter-spacing:.04em}.storyboard-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.storyboard-close:hover{color:var(--text-primary);background:var(--bg-secondary)}.storyboard-body{min-height:0}.storyboard-modal--page .storyboard-body{flex:1;overflow:auto}.storyboard-stepper{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:8px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-tertiary)}.storyboard-step-tab{padding:8px 14px;border-radius:999px;font-size:.85rem;font-weight:800;color:var(--text-secondary);background:transparent;border:1px solid transparent;transition:background .15s ease,color .15s ease,transform .15s ease}.storyboard-step-tab:hover:not(:disabled){transform:translateY(-1px);color:var(--text-primary)}.storyboard-step-tab.active{color:#fff;background:var(--gradient-primary);border-color:#2563eb73}.storyboard-step-tab:disabled{opacity:.5;cursor:not-allowed}.storyboard-step-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.storyboard-step-title{font-size:.95rem;font-weight:800;color:var(--text-primary)}.storyboard-step-meta{margin-top:2px;font-size:.8rem;color:var(--text-secondary)}.storyboard-actions--step{margin-bottom:10px}.storyboard-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-height:0}.storyboard-left{display:flex;flex-direction:column;gap:10px;min-height:0}.storyboard-right{min-height:0}.storyboard-label{display:block;font-size:.74rem;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.08em;text-transform:uppercase}.storyboard-textarea{width:100%;min-height:220px;resize:vertical;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;padding:10px 12px;font-size:.9rem;line-height:1.5}.storyboard-textarea--small{min-height:110px}.storyboard-controls{display:flex;flex-direction:column;gap:10px}.storyboard-control .storyboard-label{margin-bottom:6px}.storyboard-select{width:100%;padding:8px 10px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.85rem}.storyboard-toggle-row{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-tertiary)}.storyboard-ref-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.storyboard-ref-hint{font-size:.8rem;color:var(--text-secondary)}.storyboard-ref-grid{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.storyboard-ref-item{position:relative;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-tertiary);overflow:hidden;aspect-ratio:1 / 1}.storyboard-ref-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.storyboard-ref-remove{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:10px;border:1px solid var(--border-color);background:#0f172a8c;color:#fff;display:inline-flex;align-items:center;justify-content:center}.storyboard-ref-remove:hover{background:#0f172ab3}.storyboard-toggle{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-primary)}.storyboard-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.storyboard-actions .premium-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px}.storyboard-secondary,.storyboard-danger{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:.85rem;font-weight:700}.storyboard-secondary:hover{background:var(--bg-secondary)}.storyboard-danger{border-color:#ef444459;background:#ef444414;color:#ef4444}.storyboard-danger:hover{background:#ef44441f}.storyboard-error{padding:10px 12px;border-radius:12px;border:1px solid rgba(239,68,68,.35);background:#ef444414;color:#ef4444;font-size:.85rem;line-height:1.4}.storyboard-status{padding:10px 12px;border-radius:12px;border:1px solid rgba(37,99,235,.3);background:#2563eb14;color:var(--text-primary);font-size:.85rem;line-height:1.4}.storyboard-table{border:1px solid var(--border-color);border-radius:14px;overflow:hidden;background:var(--bg-secondary);min-height:0}.storyboard-table-head{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:10px 12px;font-size:.75rem;font-weight:800;color:var(--text-secondary);background:var(--bg-tertiary);letter-spacing:.08em;text-transform:uppercase}.storyboard-table-body{max-height:min(70vh,620px);overflow:auto}.storyboard-modal--page .storyboard-table-body{max-height:none}.storyboard-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border-color)}.story-shot-cell{padding:10px 12px;display:flex;flex-direction:column;gap:4px}.story-shot-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.story-shot-delete{border-color:#ef444459;color:#ef4444}.story-shot-delete:hover:not(:disabled){background:#ef44441f;color:#ef4444}.story-shot-number{font-weight:800;font-size:.85rem;color:var(--text-primary)}.story-shot-title{font-size:.78rem;color:var(--text-secondary);line-height:1.3}.story-frame-cell,.story-video-cell{padding:10px 12px;display:flex;flex-direction:column;gap:8px;border-left:1px solid var(--border-color);min-width:0}.story-frame-meta{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.story-frame-title{font-size:.78rem;font-weight:800;color:var(--text-primary);white-space:nowrap}.story-frame-status{font-size:.72rem;color:var(--text-secondary);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.story-frame-thumb-link{display:inline-flex;align-items:center;justify-content:flex-start;min-width:0}.story-frame-thumb-wrap{position:relative;display:inline-flex;align-items:flex-start;justify-content:flex-start}.story-frame-thumb{width:100%;max-width:220px;height:96px;-o-object-fit:cover;object-fit:cover;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-tertiary)}.story-frame-thumb--empty{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.story-frame-manual-actions{display:flex;flex-wrap:wrap;gap:6px}.story-frame-manual-btn{height:28px;padding:0 10px;border-radius:10px;border:1px dashed var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:.72rem;font-weight:700}.story-frame-manual-btn:hover:not(:disabled){background:var(--bg-secondary)}.story-frame-manual-btn:disabled{opacity:.55;cursor:not-allowed}.story-frame-complete-badge{position:absolute;right:6px;bottom:6px;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#10b981f2;color:#fff;font-size:.72rem;font-weight:700;box-shadow:0 6px 14px #0f172a33}.story-frame-complete-main{display:inline-flex;align-items:center;gap:6px}.story-frame-complete-dismiss{width:18px;height:18px;border-radius:999px;border:none;background:#0f172a40;color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0}.story-frame-complete-dismiss:hover:not(:disabled){background:#0f172a66}.story-frame-inherit{padding:6px 8px;border-radius:10px;background:#3b82f61f;border:1px dashed rgba(59,130,246,.4);color:var(--text-secondary);font-size:.75rem}.story-status-icon{display:inline-flex;align-items:center;justify-content:center;color:inherit}.story-frame-error{font-size:.72rem;color:#ef4444;line-height:1.3;word-break:break-word}.story-prompt-btn{width:100%;padding:8px 10px;border-radius:10px;border:1px dashed var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.78rem;display:inline-flex;align-items:center;justify-content:center;gap:6px}.story-prompt-btn--filled{border-style:solid;color:var(--text-primary)}.story-prompt-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.story-prompt-btn:disabled{opacity:.6;cursor:not-allowed}.story-ref-controls{display:flex;flex-direction:column;gap:6px}.story-ref-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary)}.story-ref-asset-btn{width:-moz-fit-content;width:fit-content;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:.72rem;font-weight:700}.story-ref-asset-btn:hover:not(:disabled){background:var(--bg-secondary)}.story-ref-asset-btn:disabled{opacity:.6;cursor:not-allowed}.story-ref-options{display:flex;flex-wrap:wrap;gap:6px}.story-ref-option{width:40px;height:40px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-tertiary);padding:0;overflow:hidden}.story-ref-option img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.story-ref-option.active{border-color:var(--accent-color);box-shadow:0 0 0 2px #2563eb33}.story-ref-empty{font-size:.72rem;color:var(--text-secondary)}.story-ref-selected{display:flex;flex-wrap:wrap;gap:6px}.story-ref-selected-item{width:34px;height:34px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-tertiary);overflow:hidden}.story-ref-selected-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.story-history{display:flex;flex-direction:column;gap:6px}.story-history-label{font-size:.72rem;color:var(--text-secondary)}.story-history-list{display:flex;flex-wrap:wrap;gap:6px}.story-history-item{width:34px;height:34px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-tertiary);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.7rem}.story-history-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.story-history-item--empty{padding:0 6px}.story-history-list--links{gap:8px}.story-history-link{font-size:.72rem;color:var(--accent-color);text-decoration:underline}.story-history-link--empty{text-decoration:none;color:var(--text-secondary)}.story-history-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:60}.story-history-modal{width:min(860px,94vw);max-height:85vh;background:var(--bg-primary);border-radius:16px;border:1px solid var(--border-color);padding:16px;box-shadow:0 20px 50px #00000059;display:flex;flex-direction:column;gap:12px;overflow:hidden}.story-history-modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.story-history-modal-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.story-history-modal-close{width:32px;height:32px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.story-history-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;overflow:auto;padding-right:4px}.story-history-modal-card{border-radius:14px;border:1px solid var(--border-color);background:var(--bg-tertiary);overflow:hidden;text-decoration:none;color:inherit}.story-history-modal-card img{width:100%;height:140px;-o-object-fit:cover;object-fit:cover;display:block}.story-history-modal-meta{padding:8px 10px;font-size:.78rem;color:var(--text-secondary)}.story-history-modal-placeholder{height:140px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.85rem}.story-history-modal-empty{padding:16px;border-radius:12px;border:1px dashed var(--border-color);color:var(--text-secondary);text-align:center;font-size:.85rem}.story-prompt-input{display:none}.story-prompt-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:60}.story-prompt-modal{width:min(760px,92vw);background:var(--bg-primary);border-radius:16px;border:1px solid var(--border-color);padding:16px;box-shadow:0 20px 50px #00000059;display:flex;flex-direction:column;gap:12px}.story-prompt-modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.story-prompt-modal-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.story-prompt-modal-close{width:32px;height:32px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.story-prompt-modal-textarea{width:100%;min-height:220px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:.9rem;line-height:1.5;padding:10px 12px;resize:vertical}.story-prompt-modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.story-asset-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:60}.story-asset-modal{width:min(820px,94vw);max-height:85vh;height:85vh;min-height:0;background:var(--bg-primary);border-radius:16px;border:1px solid var(--border-color);padding:16px;box-shadow:0 20px 50px #00000059;display:flex;flex-direction:column;gap:12px;overflow:hidden}.story-asset-modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.story-asset-modal-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.story-asset-modal-close{width:32px;height:32px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.story-asset-modal-sub{font-size:.78rem;color:var(--text-secondary);flex-shrink:0}.story-asset-scroll{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:16px;padding-right:4px}.story-asset-section-title{font-size:.8rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.story-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;align-content:start}.story-asset-card{position:relative;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-tertiary);overflow:hidden;aspect-ratio:1 / 1;padding:0;cursor:pointer;display:block}.story-asset-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.story-asset-check-input{position:absolute;inset:0;opacity:0;pointer-events:none}.story-asset-card.active{border-color:var(--accent-color);box-shadow:0 0 0 2px #2563eb33}.story-asset-check{position:absolute;right:8px;top:8px;padding:2px 6px;border-radius:999px;background:#2563ebd9;color:#fff;font-size:.68rem;font-weight:700}.story-asset-empty{padding:16px;border-radius:12px;border:1px dashed var(--border-color);color:var(--text-secondary);text-align:center;font-size:.85rem}.story-asset-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex-shrink:0}.story-asset-count{margin-right:auto;font-size:.78rem;color:var(--text-secondary)}.story-asset-pagination{display:inline-flex;align-items:center;gap:8px}.story-asset-page-btn{padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:.75rem;font-weight:700}.story-asset-page-btn:disabled{opacity:.6;cursor:not-allowed}.story-asset-page-btn:hover:not(:disabled){background:var(--bg-secondary)}.story-asset-page-indicator,.story-asset-loading{font-size:.75rem;color:var(--text-secondary)}.story-frame-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;align-items:center}.story-frame-model-select{height:32px;padding:0 8px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:.72rem;max-width:170px}.story-frame-model-select:disabled{opacity:.55;cursor:not-allowed}.story-edit-btn{height:32px;padding:0 10px;border-radius:10px;border:1px dashed var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.72rem;font-weight:600}.story-edit-btn--filled{border-style:solid;color:var(--text-primary)}.story-edit-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.story-edit-btn:disabled{opacity:.55;cursor:not-allowed}.story-icon-btn{width:32px;height:32px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.story-icon-btn:disabled{opacity:.55;cursor:not-allowed}.story-icon-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.story-video-link{display:inline-flex;align-items:center;justify-content:center;height:96px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--accent-color);font-weight:700;font-size:.85rem;text-decoration:underline}.story-video-link--empty{color:var(--text-secondary);text-decoration:none}.storyboard-empty{padding:16px;color:var(--text-secondary);font-size:.9rem}.storyboard-mode-tabs{display:inline-flex;align-items:center;gap:6px;padding:5px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-tertiary);width:-moz-fit-content;width:fit-content}.storyboard-mode-tab{height:34px;padding:0 14px;border-radius:999px;font-size:.8rem;font-weight:800;color:var(--text-secondary);letter-spacing:.06em;background:transparent;border:1px solid transparent;transition:background .15s ease,color .15s ease,transform .15s ease}.storyboard-mode-tab:hover{transform:translateY(-1px);color:var(--text-primary)}.storyboard-mode-tab.active{color:#fff;background:var(--gradient-primary);border-color:#2563eb73}@media(max-width:960px){.storyboard-grid{grid-template-columns:1fr}.storyboard-ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storyboard-table-head,.storyboard-row{grid-template-columns:1fr}.story-frame-cell,.story-video-cell{border-left:none;border-top:1px solid var(--border-color)}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.left-0{left:0}.left-2{left:.5rem}.right-2{right:.5rem}.right-4{right:1rem}.top-2{top:.5rem}.top-4{top:1rem}.z-30{z-index:30}.z-40{z-index:40}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.h-16{height:4rem}.h-24{height:6rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[60vh\]{max-height:60vh}.min-h-0{min-height:0px}.min-h-screen{min-height:100vh}.w-24{width:6rem}.w-28{width:7rem}.w-64{width:16rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-2xl{max-width:42rem}.max-w-6xl{max-width:72rem}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.border-\[var\(--glass-border\)\]{border-color:var(--glass-border)}.bg-\[var\(--bg-primary\)\]{background-color:var(--bg-primary)}.bg-\[var\(--bg-secondary\)\]{background-color:var(--bg-secondary)}.bg-\[var\(--glass-border\)\]{background-color:var(--glass-border)}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-black\/70{background-color:#000000b3}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pr-1{padding-right:.25rem}.pr-3{padding-right:.75rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tracking-tight{letter-spacing:-.025em}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-rose-500{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.text-rose-600{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.text-sky-500{--tw-text-opacity: 1;color:rgb(14 165 233 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text-primary: #1a1a1a;--text-secondary: #4b5563;--accent-color: #3b82f6;--accent-hover: #2563eb;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #9333ea 100%);--gradient-hover: linear-gradient(135deg, #1d4ed8 0%, #7e22ce 100%);--app-bg-base: linear-gradient(135deg, #f6f3ff 0%, #ecebff 40%, #e6f1ff 100%);--app-bg-glow: radial-gradient(900px 560px at 20% 18%, rgba(147, 51, 234, .14), transparent 70%), radial-gradient(900px 560px at 80% 18%, rgba(59, 130, 246, .12), transparent 72%), radial-gradient(1100px 760px at 50% 92%, rgba(14, 165, 233, .1), transparent 75%);--app-bg-grid: linear-gradient(to right, rgba(148, 163, 184, .1) 1px, transparent 1px), linear-gradient(to bottom, rgba(148, 163, 184, .1) 1px, transparent 1px);--border-color: rgba(255, 255, 255, .4);--card-radius: 12px;--input-radius: 8px;--font-family: system-ui, -apple-system, sans-serif;--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .5);--glass-backdrop: blur(16px);--shadow-sm: 0 4px 6px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1);--sidebar-shell-bg: linear-gradient(180deg, rgba(255, 255, 255, .85), rgba(248, 250, 252, .95));--sidebar-header-bg: linear-gradient(180deg, rgba(59, 130, 246, .08), rgba(255, 255, 255, 0));--sidebar-item-bg: rgba(255, 255, 255, .4);--sidebar-item-hover-bg: rgba(59, 130, 246, .08);--sidebar-item-hover-border: rgba(59, 130, 246, .35);--sidebar-item-active-bg: rgba(37, 99, 235, .16);--sidebar-item-active-border: rgba(37, 99, 235, .5);--sidebar-item-active-shadow: 0 6px 12px -10px rgba(37, 99, 235, .6);--sidebar-badge-shadow: 0 6px 14px rgba(59, 130, 246, .3);--sidebar-badge-bg: linear-gradient(135deg, #2563eb, #9333ea);--sidebar-title-gradient: linear-gradient(90deg, #2563eb, #9333ea);--sidebar-login-bg: rgba(255, 255, 255, .8);--sidebar-account-card-bg: rgba(255, 255, 255, .8);--sidebar-logout-bg: rgba(254, 226, 226, .65);--sidebar-logout-bg-hover: rgba(254, 202, 202, .85);--sidebar-logout-border: rgba(239, 68, 68, .35);--sidebar-logout-color: #dc2626;--sidebar-member-chip-bg: #fef3c7;--sidebar-member-chip-text: #b45309;--sidebar-expired: #ef4444;--home-backdrop: transparent}:root[data-theme=night]{--bg-primary: #0b1120;--bg-secondary: rgba(15, 23, 42, .95);--bg-tertiary: rgba(15, 23, 42, .8);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--accent-color: #22d3ee;--accent-hover: #0ea5e9;--gradient-primary: linear-gradient(135deg, #0ea5e9 0%, #22d3ee 100%);--gradient-hover: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%);--border-color: rgba(148, 163, 184, .35);--glass-bg: rgba(15, 23, 42, .72);--glass-border: rgba(148, 163, 184, .22);--shadow-sm: 0 6px 14px rgba(2, 6, 23, .45);--shadow-md: 0 16px 30px rgba(2, 6, 23, .55);--app-bg-base: linear-gradient(135deg, #0b0620 0%, #1a0930 45%, #090a1a 100%);--app-bg-glow: radial-gradient(900px 560px at 20% 16%, rgba(147, 51, 234, .22), transparent 70%), radial-gradient(900px 560px at 80% 18%, rgba(14, 165, 233, .18), transparent 72%), radial-gradient(1100px 760px at 50% 92%, rgba(59, 130, 246, .14), transparent 75%);--app-bg-grid: linear-gradient(to right, rgba(148, 163, 184, .12) 1px, transparent 1px), linear-gradient(to bottom, rgba(148, 163, 184, .12) 1px, transparent 1px);--sidebar-shell-bg: linear-gradient(180deg, rgba(15, 23, 42, .92), rgba(2, 6, 23, .98));--sidebar-header-bg: linear-gradient(180deg, rgba(14, 116, 144, .32), rgba(15, 23, 42, 0));--sidebar-item-bg: rgba(15, 23, 42, .5);--sidebar-item-hover-bg: rgba(34, 211, 238, .12);--sidebar-item-hover-border: rgba(34, 211, 238, .35);--sidebar-item-active-bg: rgba(14, 116, 144, .26);--sidebar-item-active-border: rgba(34, 211, 238, .5);--sidebar-item-active-shadow: 0 6px 14px -10px rgba(2, 6, 23, .8);--sidebar-badge-shadow: 0 6px 16px rgba(14, 116, 144, .5);--sidebar-badge-bg: linear-gradient(135deg, #0ea5e9, #22d3ee);--sidebar-title-gradient: linear-gradient(90deg, #22d3ee, #38bdf8);--sidebar-login-bg: rgba(15, 23, 42, .7);--sidebar-account-card-bg: rgba(15, 23, 42, .72);--sidebar-logout-bg: rgba(190, 24, 93, .18);--sidebar-logout-bg-hover: rgba(190, 24, 93, .3);--sidebar-logout-border: rgba(244, 63, 94, .35);--sidebar-logout-color: #fb7185;--sidebar-member-chip-bg: rgba(251, 191, 36, .18);--sidebar-member-chip-text: #fbbf24;--sidebar-expired: #fb7185;--home-backdrop: radial-gradient(900px 520px at 15% 8%, rgba(37, 99, 235, .34), transparent 60%), radial-gradient(900px 520px at 85% 10%, rgba(147, 51, 234, .3), transparent 62%), radial-gradient(900px 520px at 50% 92%, rgba(59, 130, 246, .2), transparent 62%), linear-gradient(180deg, rgba(2, 6, 23, .42), rgba(2, 6, 23, .08))}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;background-color:var(--bg-primary);background-image:var(--app-bg-grid),var(--app-bg-glow),var(--app-bg-base);background-repeat:repeat,no-repeat,no-repeat;background-position:center,center,center;background-attachment:fixed,fixed,fixed;background-size:60px 60px,cover,cover;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-primary);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:3px;-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#9ca3af99}#root{height:100%;display:flex}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--input-radius);padding:8px 12px;outline:none;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f633;background-color:var(--bg-secondary)}.profile-input{border:1px solid var(--accent-color)}.app-drag-region{-webkit-app-region:drag;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-no-drag{-webkit-app-region:no-drag}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.flex-center{display:flex;align-items:center;justify-content:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.text-secondary{color:var(--text-secondary)}.premium-btn{background:var(--gradient-primary);color:#fff;padding:10px 20px;border-radius:var(--input-radius);font-weight:600;transition:transform .1s,opacity .2s;box-shadow:0 2px 4px #3b82f64d}.premium-btn:hover{opacity:.95;transform:translateY(-1px)}.premium-btn:active{transform:scale(.98)}.workbench-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:12px;padding:14px;margin-top:0;border-radius:20px;border:1px solid rgba(15,23,42,.12);background:linear-gradient(135deg,#0f172a14,#fffc);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;z-index:1;overflow:hidden}.workbench-tabs:before{content:"";position:absolute;inset:-60% 40% 40% -60%;background:radial-gradient(circle,rgba(59,130,246,.25),transparent 60%);pointer-events:none}.workbench-tab{position:relative;z-index:1;padding:12px 18px;height:56px;border-radius:16px;font-size:1rem;font-weight:700;color:var(--text-secondary);letter-spacing:.06em;text-transform:none;background:#ffffffb3;border:1px solid rgba(148,163,184,.35);box-shadow:0 10px 20px -18px #0f172a80;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.workbench-tab:hover{color:var(--text-primary);transform:translateY(-1px);box-shadow:0 16px 30px -20px #0f172a8c}.workbench-tab.active{color:#fff;background:linear-gradient(135deg,#0f172a,#1d4ed8 60%,#38bdf8 120%);border-color:#0f172a59;box-shadow:0 18px 36px -20px #1d4ed8a6}.workbench-tab:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f659}.workbench-card{border-radius:18px;overflow:hidden;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);box-shadow:var(--shadow-md)}.workbench-card-body{padding:16px}.workbench-page{height:100%;min-height:0;display:flex;flex-direction:column;margin:0 auto}.workbench-grid{display:grid;grid-template-columns:minmax(280px,30%) minmax(0,1fr);gap:16px;flex:1;min-height:70vh}.workbench-panel{display:flex;flex-direction:column;min-height:0;background:var(--bg-secondary);border:1px solid rgba(148,163,184,.3);border-radius:16px;box-shadow:0 10px 24px #0f172a14;padding:12px}.workbench-panel>*{flex:1;min-height:0;overflow:hidden}.workbench-panel .task-form-container{padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}.workbench-panel .task-form-header{box-shadow:none}.workbench-panel .task-monitor-container{background:var(--glass-bg);box-shadow:var(--shadow-sm);padding:16px}.workbench-stage{width:min(1200px,100%);display:flex;flex-direction:column;gap:18px;position:relative}.workbench-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.workbench-left,.workbench-right{min-width:0;min-height:70vh}.workbench-right .task-monitor-container{height:100%}.workbench-hero{position:relative;border-radius:24px;background:linear-gradient(135deg,#ffffffeb,#ffffffa6);box-shadow:0 32px 80px #0f172a38;overflow:hidden;animation:workbench-reveal .6s ease both}.workbench-hero:before{content:"";position:absolute;top:-160px;right:-120px;width:360px;height:360px;background:radial-gradient(circle,rgba(59,130,246,.25),transparent 65%);pointer-events:none}.workbench-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,rgba(15,23,42,.04) 0%,transparent 60%);pointer-events:none}.workbench-hero-body{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;position:relative;z-index:1}.workbench-hero-form{min-width:0;height:70vh}@media(max-width:1024px){.workbench-grid,.workbench-split{grid-template-columns:1fr}.workbench-left,.workbench-right{min-height:auto}}@media(max-width:640px){.workbench-hero-form{height:auto}}.workbench-info-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.workbench-info-title{font-size:1.1rem;font-weight:700}.workbench-info-subtitle{margin-top:4px;font-size:.85rem;color:var(--text-secondary)}.workbench-info-link{padding:6px 12px;border-radius:999px;border:1px solid rgba(37,99,235,.25);background:#2563eb1f;color:#1d4ed8;font-weight:600;transition:transform .2s ease,background .2s ease}.workbench-info-link:hover{background:#2563eb33;transform:translateY(-1px)}.workbench-info-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workbench-info-item{padding:10px 12px;border-radius:12px;background:#ffffffbf;border:1px solid rgba(148,163,184,.25);display:flex;flex-direction:column;gap:6px}.workbench-info-label{font-size:.75rem;color:var(--text-secondary)}.workbench-info-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.workbench-info-actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.workbench-info-action{padding:8px 16px;border-radius:999px;background:var(--gradient-primary);color:#fff;font-weight:600;box-shadow:var(--shadow-sm);transition:transform .2s ease,opacity .2s ease}.workbench-info-action:hover{transform:translateY(-1px);opacity:.95}.workbench-info-secondary{padding:8px 16px;border-radius:999px;border:1px solid rgba(59,130,246,.3);color:#1d4ed8;font-weight:600;background:#3b82f614;transition:transform .2s ease,background .2s ease}.workbench-info-secondary:hover{background:#3b82f629;transform:translateY(-1px)}.workbench-info-tips{margin-top:16px;display:grid;gap:8px;font-size:.85rem;color:var(--text-secondary)}.workbench-info-tip{position:relative;padding-left:14px}.workbench-info-tip:before{content:"*";position:absolute;left:0;color:#3b82f6}.workbench-latest{position:relative;padding:16px 18px 18px;border-radius:18px;border:1px solid rgba(59,130,246,.25);background:linear-gradient(135deg,#ffffffd9,#f8fafcb3);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 40px #0f172a24;overflow:hidden;animation:workbench-reveal .6s ease .08s both}.workbench-latest:before{content:"";position:absolute;inset:-40% 40% 40% -40%;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 65%);pointer-events:none}.workbench-latest-header{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:1}.workbench-latest-title{font-size:1.05rem;font-weight:700}.workbench-latest-subtitle{margin-top:4px;font-size:.82rem;color:var(--text-secondary)}.workbench-latest-link{padding:8px 14px;border-radius:999px;border:1px solid rgba(37,99,235,.25);background:#2563eb1f;color:#1d4ed8;font-weight:600;transition:transform .2s ease,background .2s ease}.workbench-latest-link:hover{background:#2563eb33;transform:translateY(-1px)}.workbench-latest-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;position:relative;z-index:1}.workbench-latest-grid .task-item{animation:workbench-reveal .5s ease both}.workbench-latest-empty{padding:24px;border-radius:14px;border:1px dashed var(--glass-border);background:#fff9;text-align:center;color:var(--text-secondary);grid-column:1 / -1}@keyframes workbench-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.task-list-page{width:100%;display:flex;justify-content:center}.global-loading{position:fixed;inset:0;z-index:60;background:#00000059;display:flex;align-items:center;justify-content:center}.global-loading-card{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-md);border:1px solid var(--border-color);font-size:.9rem}.app-toast{position:fixed;right:24px;bottom:24px;z-index:70;padding:12px 18px;border-radius:999px;background:#111827eb;color:#fff;font-size:.9rem;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.15)}.error-modal-overlay{z-index:1200}.tutorial-markdown{display:flex;flex-direction:column;gap:10px;font-size:.95rem;color:var(--text-primary)}.tutorial-markdown h1{font-size:1.35rem;font-weight:700}.tutorial-markdown h2{font-size:1.1rem;font-weight:700;margin-top:8px}.tutorial-markdown h3{font-size:1rem;font-weight:600}.tutorial-markdown p{line-height:1.6;color:var(--text-secondary)}.tutorial-markdown ul{padding-left:18px;display:grid;gap:6px;color:var(--text-secondary)}.tutorial-markdown li{list-style:disc}.tutorial-markdown code{background:#3b82f61f;padding:2px 6px;border-radius:6px;font-size:.85em;color:#1f2937}.tutorial-cta-btn{position:relative;padding:8px 14px;border-radius:999px;font-size:.85rem;font-weight:700;color:#7c2d12;background:linear-gradient(135deg,#fde68a,#fdba74);box-shadow:0 10px 18px -12px #ea580ccc;border:1px solid rgba(251,191,36,.6);transition:transform .2s ease,box-shadow .2s ease}.tutorial-cta-btn:hover{transform:translateY(-1px);box-shadow:0 14px 22px -14px #ea580ce6}.tutorial-cta-btn:after{content:"NEW";position:absolute;top:-6px;right:-8px;font-size:.6rem;font-weight:700;color:#fff;background:#ef4444;padding:2px 6px;border-radius:999px;box-shadow:0 6px 10px -6px #ef4444cc}.tutorial-modal-content{width:min(760px,92vw);max-height:82vh;padding:0;overflow:hidden;border-radius:18px;background:var(--bg-secondary)}.tutorial-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);font-size:1rem;font-weight:700}.tutorial-modal-body{padding:18px 20px 22px;max-height:calc(82vh - 64px);overflow-y:auto}.tutorial-modal-close{width:32px;height:32px;border-radius:999px;border:1px solid var(--border-color);color:var(--text-secondary);font-size:1rem;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.tutorial-modal-close:hover{color:var(--text-primary);border-color:var(--accent-color);background:var(--bg-secondary)}.announcement-modal-content{width:min(760px,92vw);display:flex;flex-direction:column;max-height:82vh}.announcement-modal-header{gap:12px}.announcement-modal-title{display:inline-flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700}.announcement-modal-icon{font-size:1.15rem}.announcement-modal-body{background:var(--bg-secondary);flex:1;min-height:0;max-height:none;overflow-y:auto}.announcement-modal-actions{display:flex;flex-direction:column;gap:12px;padding:18px 20px 22px;border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.announcement-btn{width:100%;padding:12px 16px;border-radius:12px;font-size:.9rem;font-weight:700}.announcement-btn.primary{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 10px 18px -14px #2563ebcc}.announcement-btn.outline{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid rgba(148,163,184,.35)}.announcements-page{width:100%;background:var(--glass-bg);border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:20px;box-shadow:var(--shadow-sm)}.announcements-header{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.announcements-header h2{font-size:1.25rem;font-weight:700}.announcements-header p{color:var(--text-secondary);font-size:.9rem}.announcements-list{display:flex;flex-direction:column;gap:14px}.announcement-card{padding:16px 18px;border-radius:14px;background:var(--bg-secondary);border:1px solid rgba(148,163,184,.2);box-shadow:var(--shadow-sm)}.announcement-link{text-decoration:none;color:inherit;display:block;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.announcement-link:hover{transform:translateY(-1px);box-shadow:0 12px 22px -18px #0f172a59;border-color:#3b82f659}.announcement-title{font-size:1rem;font-weight:700;margin-bottom:8px}.announcement-meta{margin-top:10px;font-size:.75rem;color:var(--text-secondary)}.announcements-empty{padding:24px;text-align:center;color:var(--text-secondary);border:1px dashed rgba(148,163,184,.4);border-radius:12px;background:var(--glass-bg)}.announcement-detail-page{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0}.announcement-detail-header{gap:10px}.announcement-back{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:#2563eb;text-decoration:none;font-weight:600}.announcement-back:hover{color:#1d4ed8}.announcement-detail-body{flex:1;min-height:0;overflow-y:auto}.task-form-pane{min-width:320px;height:100%;min-height:0}.header-account{align-items:center}.header-mobile-actions{display:none;align-items:center}.mobile-only{display:none}.sidebar-account{margin-bottom:16px}.sidebar-theme-toggle-row{margin-bottom:12px;display:flex;justify-content:center}.sidebar-account-card{border-radius:14px;border:1px solid var(--glass-border);background:var(--sidebar-account-card-bg);padding:12px;display:flex;flex-direction:column;gap:10px}.sidebar-account-title{font-size:.85rem;color:var(--text-secondary)}.sidebar-account-points{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--text-primary)}.sidebar-member-chip{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;color:var(--sidebar-member-chip-text);background:var(--sidebar-member-chip-bg);padding:2px 8px;border-radius:999px;width:-moz-fit-content;width:fit-content}.sidebar-expired{font-size:.72rem;color:var(--sidebar-expired)}.sidebar-upgrade-btn{width:100%;padding:8px 12px;font-size:.85rem}.sidebar-logout-btn{width:100%;padding:8px 12px;border-radius:10px;border:1px solid var(--sidebar-logout-border);color:var(--sidebar-logout-color);background:var(--sidebar-logout-bg);font-size:.85rem;font-weight:600;transition:transform .2s ease,background .2s ease}.sidebar-logout-btn:hover{background:var(--sidebar-logout-bg-hover);transform:translateY(-1px)}.sidebar-login-btn{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--glass-border);color:var(--text-primary);background:var(--sidebar-login-bg);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem}.sidebar-shell{background:var(--sidebar-shell-bg)}.sidebar-header{background:var(--sidebar-header-bg)}.sidebar-brand{position:relative}.sidebar-badge{background:var(--sidebar-badge-bg);box-shadow:var(--sidebar-badge-shadow)}.sidebar-title{letter-spacing:.02em;background-image:var(--sidebar-title-gradient)}.sidebar-body{display:flex;flex-direction:column}.sidebar-item{border:1px solid transparent;background:var(--sidebar-item-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sidebar-item:hover{border-color:var(--sidebar-item-hover-border);background:var(--sidebar-item-hover-bg);transform:translateY(-1px)}.sidebar-item.is-active{background:var(--sidebar-item-active-bg);border-color:var(--sidebar-item-active-border);box-shadow:var(--sidebar-item-active-shadow)}.billing-ledger-list{max-height:320px;overflow-y:auto;padding-right:6px}@media(max-width:1024px){.header-account{display:none}.header-mobile-actions{display:flex}.header-mobile-actions .tutorial-cta-btn{font-size:.75rem;padding:6px 12px}.mobile-only{display:block}.membership-expired-chip{display:none}body{overflow:auto}#root{height:auto;min-height:100vh}.app-shell{height:auto;min-height:100vh;overflow:auto}.app-main{height:auto;overflow:visible}.app-content{overflow:visible}.workbench-card{height:auto}.workbench-card-body{padding-bottom:24px}.workbench-stage{gap:16px}.workbench-hero-body{grid-template-columns:1fr}.workbench-latest-strip{gap:10px}.task-form-container{height:auto;max-height:none}.task-form-pane{min-width:0;width:100%}.task-monitor-container{overflow:visible}.task-list{max-height:none}}@media(max-width:640px){.workbench-page{padding:12px 8px 24px}.workbench-hero{padding:14px}.workbench-tabs{grid-template-columns:1fr;gap:10px}.workbench-tab{height:52px}.workbench-info-grid{grid-template-columns:1fr}.workbench-info-actions{flex-direction:column;align-items:stretch}.workbench-latest-header{flex-direction:column;align-items:flex-start}.workbench-latest-item{flex:0 0 80%}.task-list-card{padding:12px}}.purchase-tabs{display:inline-flex;align-items:center;padding:6px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);gap:6px}.purchase-tab{padding:6px 16px;font-size:.85rem;font-weight:600;border-radius:999px;color:var(--text-secondary);transition:all .2s ease}.purchase-tab.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.purchase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.purchase-card{position:relative;border-radius:16px;padding:18px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;gap:10px}.purchase-card.highlight{border:2px solid rgba(37,99,235,.7);background:var(--bg-tertiary)}.purchase-badge{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700;color:#fff;background:var(--gradient-primary);box-shadow:var(--shadow-sm)}.purchase-card-title{font-size:1.1rem;font-weight:700}.purchase-price{display:inline-flex;align-items:baseline;gap:4px;color:#2563eb;font-weight:700}.purchase-price-symbol{font-size:1rem}.purchase-price-value{font-size:2rem}.purchase-subtitle{font-size:.85rem;color:var(--text-secondary);display:inline-flex;align-items:center;gap:6px}.purchase-subtitle-bonus{color:#f59e0b;font-weight:600}.purchase-support{font-size:.82rem;color:var(--text-secondary);text-align:center}.purchase-support-label{font-weight:700;color:var(--text-primary)}.purchase-support-value{font-weight:600}.purchase-original{font-size:.8rem;color:#94a3b8;text-decoration:line-through}.purchase-cta{width:100%;text-align:center;margin-top:6px}.purchase-points-value{font-size:1.2rem;font-weight:700;color:#f59e0b}.purchase-note{margin-top:14px;font-size:.8rem;color:var(--text-secondary);text-align:center}.purchase-compare{margin-top:18px;border-radius:14px;border:1px solid rgba(37,99,235,.2);background:linear-gradient(135deg,rgba(59,130,246,.08),var(--bg-secondary));padding:16px;box-shadow:0 12px 20px -18px #2563eb66}.purchase-compare-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:.85rem;color:var(--text-secondary)}.purchase-compare-title{font-weight:700;color:var(--text-primary)}.purchase-compare-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;text-align:center;min-width:200px;font-weight:600}.purchase-compare-row{display:grid;grid-template-columns:minmax(140px,1fr) repeat(2,minmax(0,1fr));gap:10px;padding:10px 0;border-top:1px dashed rgba(148,163,184,.35);font-size:.85rem;color:var(--text-primary)}.purchase-compare-header,.purchase-compare-row{display:grid;grid-template-columns:minmax(140px,1fr) repeat(2,minmax(0,1fr));gap:10px;align-items:center}.purchase-compare-title{grid-column:1 / 2}.purchase-compare-columns{grid-column:2 / 4;min-width:auto}.purchase-compare-row span:nth-child(2),.purchase-compare-row span:nth-child(3){text-align:center;font-weight:700}.purchase-compare-row span:nth-child(2){color:var(--text-primary)}.purchase-compare-row span:nth-child(3){color:var(--accent-color)}.purchase-points{display:flex;justify-content:center}.purchase-points-box{width:min(640px,100%);padding:20px;border-radius:16px;border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:var(--shadow-sm)}.purchase-points-title{font-size:1rem;font-weight:700;margin-bottom:6px}.purchase-points-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:16px}.purchase-points-input{display:flex;flex-wrap:wrap;gap:12px}.purchase-input{flex:1 1 220px;min-width:180px;background:var(--bg-secondary)}.purchase-button{padding:10px 18px;border-radius:10px;background:#111827;color:#fff;font-weight:600}.purchase-points-hint{margin-top:12px;font-size:.8rem;color:var(--text-secondary)}.purchase-modal{width:min(860px,92vw);max-height:85vh;overflow-y:auto;padding:24px}.task-preview-overlay{position:fixed;inset:0;z-index:50;background:color-mix(in srgb,var(--bg-primary) 65%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.task-preview-modal{width:min(1100px,96vw);max-height:85vh;background:var(--bg-primary);border-radius:18px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 26px 70px #0f172a47;display:flex;flex-direction:column}.task-preview-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:600;letter-spacing:.02em}.task-preview-actions{display:flex;align-items:center;gap:8px}.task-preview-line{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem}.task-preview-line-label{font-size:.7rem;letter-spacing:.02em}.task-preview-line-select{border:none;background:transparent;color:var(--text-primary);font-size:.75rem;outline:none;padding-right:10px}.task-preview-line-select:focus{outline:none}.task-preview-btn{padding:7px 14px;border-radius:999px;font-size:.75rem;border:1px solid var(--border-color);color:var(--text-primary);background:var(--bg-secondary);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.task-preview-btn:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.task-preview-close{width:30px;height:30px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,color .2s ease}.task-preview-close:hover{transform:scale(1.05);color:var(--text-primary)}.task-preview-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;padding:18px;background:transparent;flex:1;overflow:hidden}.task-preview-media{flex:1 1 60%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);padding:12px}.task-preview-video,.task-preview-image{width:100%;height:100%;max-height:65vh;-o-object-fit:contain;object-fit:contain;border-radius:12px;background:#0b0b0b}.task-preview-info{flex:1 1 40%;display:flex;flex-direction:column;gap:12px;background:var(--bg-secondary);border-radius:16px;padding:16px;border:1px solid var(--border-color);overflow-y:auto}.task-preview-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.task-preview-info-block{display:flex;flex-direction:column;gap:6px;background:var(--bg-tertiary);border-radius:12px;padding:10px 12px;border:1px solid var(--border-color)}.task-preview-hint{padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,#f59e0b 35%,transparent);background:color-mix(in srgb,#f59e0b 12%,transparent);color:var(--text-primary);font-size:.78rem;line-height:1.5}.task-preview-info-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.task-preview-info-value{font-size:.9rem;color:var(--text-primary);font-weight:600;word-break:break-all}.task-preview-prompt{font-size:.85rem;line-height:1.6;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);padding:10px 12px;border-radius:10px;max-height:160px;overflow-y:auto;white-space:pre-wrap}.task-preview-specs{display:flex;flex-wrap:wrap;gap:8px}.task-preview-spec-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent-color) 35%,transparent);font-size:.75rem;color:var(--text-primary)}.task-preview-spec-label{color:var(--text-secondary)}.task-preview-spec-value{font-weight:600}@media(max-width:900px){.task-preview-body{flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex}.task-preview-media,.task-preview-info{flex:1 1 auto}.task-preview-info{overflow-y:visible}.task-preview-prompt{max-height:none;overflow-y:visible}.task-preview-info-grid{grid-template-columns:1fr}}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-\[var\(--bg-tertiary\)\]:hover{background-color:var(--bg-tertiary)}.hover\:bg-\[var\(--glass-border\)\]:hover{background-color:var(--glass-border)}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.hover\:text-rose-400:hover{--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.hover\:opacity-90:hover{opacity:.9}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}@media(min-width:640px){.sm\:w-64{width:16rem}.sm\:w-auto{width:auto}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}@media(min-width:768px){.md\:static{position:static}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:my-4{margin-top:1rem;margin-bottom:1rem}.md\:ml-4{margin-left:1rem}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:h-\[calc\(100vh-32px\)\]{height:calc(100vh - 32px)}.md\:w-20{width:5rem}.md\:w-full{width:100%}.md\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:justify-center{justify-content:center}.md\:gap-0{gap:0px}.md\:overflow-hidden{overflow:hidden}.md\:rounded-2xl{border-radius:1rem}.md\:p-6{padding:1.5rem}.md\:px-2{padding-left:.5rem;padding-right:.5rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}}@media(min-width:1024px){.lg\:ml-auto{margin-left:auto}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-slide-in{animation:slideIn .3s ease-out forwards}