.studio-shell{--studio-accent:#d4ed72;--studio-ink:#252921;--studio-muted:#7c8176;--studio-border:#e7e9e2;--studio-panel:#fff;height:100dvh;min-height:600px;background:#fafaf8;color:var(--studio-ink);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;line-height:1.5;overflow:hidden;color-scheme:light}.studio-shell *{box-sizing:border-box}.studio-shell button,.studio-shell input,.studio-shell select,.studio-shell textarea{font:inherit}.studio-shell button{cursor:pointer}.studio-shell button:disabled{cursor:not-allowed;opacity:.45}.studio-shell a,.studio-shell button,.studio-shell input,.studio-shell select,.studio-shell textarea{outline-offset:3px}.studio-shell a:focus-visible,.studio-shell button:focus-visible{outline:2px solid #879d36}.studio-shell input:focus,.studio-shell select:focus,.studio-shell textarea:focus{outline:0;border-color:#9bb84c;box-shadow:0 0 0 3px #d4ed7225}.studio-shell a{text-decoration:none;color:inherit}.studio-shell svg{flex-shrink:0}.studio-shell button{border:0;background:none;color:inherit}.studio-shell h1,.studio-shell h2,.studio-shell p{margin:0}.studio-shell .spin{animation:studio-spin 1.2s linear infinite}@keyframes studio-spin{to{transform:rotate(1turn)}}.studio-header{height:66px;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--studio-border);background:white;gap:20px}.studio-brand,.studio-header{display:flex;align-items:center}.studio-brand{gap:11px;white-space:nowrap}.studio-brand strong{font-size:23px;letter-spacing:-1px;font-weight:700}.studio-brand-mark{width:29px;height:28px;display:flex;gap:3px;align-items:center;transform:rotate(-12deg)}.studio-brand-mark span{width:7px;height:23px;background:#31352a;border-radius:2px}.studio-brand-mark span:nth-child(2){height:29px;background:#adc750}.studio-brand-mark span:nth-child(3){height:18px}.studio-brand-divider{height:16px;border-left:1px solid #daddd3;margin:0 3px}.studio-brand-caption{font-size:12px;color:#777e70;letter-spacing:1px}.studio-header-center{display:flex;gap:7px;align-items:center;color:#787d72;font-size:11px;position:absolute;left:50%;transform:translateX(-50%)}.studio-connection-dot{width:6px;height:6px;border-radius:50%;background:#c4c7bf;display:inline-block;flex-shrink:0}.studio-connection-dot.connected{background:#84aa32;box-shadow:0 0 0 3px #95b65516}.studio-header-actions{display:flex;align-items:center;gap:21px}.studio-text-button{display:inline-flex;gap:7px;align-items:center;font-size:12px!important;color:#626859!important;padding:7px 0}.studio-text-button:hover{color:#1d2710!important}.studio-workspace{display:grid;grid-template-columns:310px minmax(0,1fr) 260px;height:calc(100% - 66px)}.studio-workspace.history-closed{grid-template-columns:310px minmax(0,1fr)}.studio-generation-panel{background:white;border-right:1px solid var(--studio-border);padding:21px 20px 16px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e1e5d9 transparent;display:flex;flex-direction:column;gap:18px;min-height:0}.studio-panel-heading{display:flex;align-items:center;gap:8px}.studio-panel-heading h1{font-size:15px;font-weight:650}.studio-panel-heading>span{font-size:9px;letter-spacing:1.4px;color:#969c8e;margin-left:auto}.studio-key-card{padding:14px 13px;border:1px solid #e5e9db;background:#f9faf6;border-radius:9px}.studio-key-card label{display:flex;align-items:center;gap:7px;font-weight:600;font-size:12px}.studio-key-card form>p{font-size:11px;color:#818675;margin:7px 0 11px;line-height:1.7}.studio-key-input{display:flex;gap:6px}.studio-key-input input{width:100%;min-width:0;border:1px solid #dfe4d6;border-radius:5px;height:34px;padding:0 9px;background:#fff;font-size:11px}.studio-key-input button{background:#303729;color:white;font-size:11px;border-radius:5px;min-width:44px;display:flex;align-items:center;justify-content:center}.studio-key-card form>a{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:#777f68;margin-top:9px}.studio-key-card form>a:hover{text-decoration:underline}.studio-key-connected{display:flex;gap:9px;align-items:center}.studio-key-icon{background:#e8f1cd;color:#6b862b;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.studio-key-connected strong{font-size:12px}.studio-key-connected p{font-size:10px;color:#858d79;margin-top:1px}.studio-key-connected>button{margin-left:auto;padding:6px;color:#7d876d}.studio-key-footer{display:flex;justify-content:space-between;margin-top:11px;padding-top:9px;border-top:1px solid #e9eddf;font-size:9px;color:#929a86}.studio-generation-form{display:flex;flex-direction:column;gap:18px;flex:1}.studio-kind-tabs{padding:4px;background:#f1f3ed;border-radius:7px;display:flex;gap:4px}.studio-kind-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;padding:8px 4px;border-radius:5px;color:#818877}.studio-kind-tabs button.active{color:#323c24;background:#fff;box-shadow:0 1px 3px #1823000a;font-weight:600}.studio-field{display:flex;flex-direction:column;gap:7px;min-width:0}.studio-field>label,.studio-label-row label{font-size:11px;font-weight:600;color:#545b49}.studio-select-wrap{position:relative;min-width:0;width:100%}.studio-select-wrap select{appearance:none;display:block;width:100%;height:38px;border:1px solid #e1e5da;border-radius:6px;background:white;padding:0 27px 0 10px;font-size:11px;color:#454d3b;text-overflow:ellipsis}.studio-select-wrap>svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:#9aa18f}.studio-model-id{font-size:9px;color:#a2a894;font-family:ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:-2px}.studio-field-note{font-size:10px;line-height:1.65;color:#89917d;border-left:2px solid #d8e1c6;padding-left:7px}.studio-label-row{display:flex;justify-content:space-between;align-items:center}.studio-label-row>span{font-size:9px;color:#a4ab99}.studio-field textarea{display:block;width:100%;resize:vertical;min-height:130px;max-height:330px;border:1px solid #e1e5da;background:#fff;border-radius:6px;padding:11px;line-height:1.8;font-size:11px;color:#414a36}.studio-field textarea::placeholder{color:#a3aa98;font-size:11px}.studio-parameter-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.studio-duration-row{display:flex;gap:7px;flex-wrap:wrap}.studio-duration-row>button{border:1px solid #e1e5da;border-radius:5px;min-width:48px;flex:1;padding:7px 5px;font-size:11px;color:#7e8870}.studio-duration-row>button.selected{background:#f3f7e8;border-color:#b7ca8e;color:#5d7139;font-weight:600}.studio-reference-toggle{width:100%;display:flex;align-items:center;gap:7px;font-size:11px!important;padding:11px 0;border-top:1px solid #edf0e7!important;border-bottom:1px solid #edf0e7!important;color:#68715d!important}.studio-reference-toggle>svg:last-child{margin-left:auto;transition:transform .2s}.studio-reference-toggle>svg.rotated{transform:rotate(180deg)}.studio-optional{font-size:9px;background:#f0f3eb;color:#98a089;padding:1px 5px;border-radius:3px}.studio-reference-fields{padding-top:11px;display:flex;flex-direction:column;gap:10px}.studio-reference-fields>p{font-size:10px;color:#98a087}.studio-reference-fields>label{font-size:10px;color:#68745b}.studio-reference-fields textarea{display:block;margin-top:5px;width:100%;min-height:60px;padding:8px;border:1px solid #e2e7d9;border-radius:5px;resize:vertical;font-size:10px;font-family:ui-monospace,monospace}.studio-generate-bottom{padding-top:2px;margin-top:auto}.studio-cost{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.studio-cost>span{font-size:11px;color:#858d79}.studio-cost>strong{font-size:21px;letter-spacing:-.6px;font-weight:650}.studio-cost small{font-size:10px;font-weight:400;color:#98a18a;letter-spacing:0;margin-left:4px}.studio-second-price{font-size:10px;color:#83916c;margin:-4px 0 9px;text-align:right}.studio-generate-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 10px;background:var(--studio-accent)!important;border-radius:7px;color:#354322!important;font-weight:600!important;font-size:12px!important;box-shadow:0 2px 3px #6c872110}.studio-generate-button:hover:not(:disabled){background:#cce766!important}.studio-generate-button:disabled{opacity:1!important;background:#e9efd9!important;color:#9aa889!important}.studio-billing-note{font-size:9px;color:#a0a993;text-align:center;margin-top:9px!important}.studio-local-note{display:flex;gap:6px;font-size:9px;line-height:1.65;color:#a0a993;padding-top:5px}.studio-local-note svg{margin-top:2px}.studio-canvas-panel{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;background:#fafaf8}.studio-canvas-topbar{height:48px;flex-shrink:0;border-bottom:1px solid #e9ece3;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;gap:10px}.studio-canvas-topbar>div:first-child{display:flex;align-items:center;gap:7px;min-width:0}.studio-project-dot{width:7px;height:7px;background:#a8bd7f;border-radius:2px;display:block}.studio-canvas-topbar strong{font-size:11px;white-space:nowrap;font-weight:500}.studio-save-status{font-size:9px;color:#a2aa96;margin-left:5px;white-space:nowrap}.studio-canvas-actions{display:flex;gap:3px;align-items:center}.studio-canvas-actions button{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:5px;color:#839071}.studio-canvas-actions button:hover{background:#f2f5eb}.studio-canvas-actions>span{height:14px;border-left:1px solid #e3e9d9;margin:0 5px}.studio-canvas-stage{position:relative;flex:1;min-height:0}.studio-canvas-inner{height:100%;width:100%;position:relative}.studio-canvas-inner .excalidraw{--color-primary:#809a38;--color-primary-darker:#718a30;--color-primary-darkest:#5c7421;--color-primary-light:#dbe8bf;--color-surface-primary-container:#ecf2df;--color-on-primary-container:#425327;--color-selection:#9ab957;--island-bg-color:#ffffff;--button-gray-1:#f2f5ec;--button-gray-2:#e5ebda;--default-bg-color:#fafaf8;--color-surface-low:#f6f8f0;--color-surface-high:#edf1e5}.studio-canvas-inner .excalidraw .App-menu_top .buttonList{gap:3px}.studio-canvas-inner .excalidraw .welcome-screen-center{display:none}.studio-canvas-welcome{position:absolute;pointer-events:none;z-index:2;left:50%;top:44%;transform:translate(-50%,-50%);text-align:center;width:min(440px,90%);color:#778467}.studio-welcome-icon{display:flex;gap:7px;justify-content:center;align-items:center;width:64px;height:58px;margin:0 auto 18px;background:#ecf1e1;border-radius:15px;position:relative;color:#9eaf80}.studio-welcome-icon svg:first-child{transform:rotate(-12deg);position:relative;left:8px;top:-3px}.studio-welcome-icon svg:last-child{transform:rotate(13deg);position:relative;left:-5px;top:6px}.studio-canvas-welcome h2{font-size:19px;font-weight:500;letter-spacing:1px;color:#758365}.studio-canvas-welcome p{font-size:11px;line-height:1.9;margin-top:10px;color:#a0aa93}.studio-canvas-welcome>div{display:flex;justify-content:center;gap:20px;font-size:9px;color:#afb8a2;margin-top:26px}.studio-canvas-footnote{height:29px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:9px;color:#9da791;border-top:1px solid #e9ece3;background:#fafcf5}.studio-canvas-loading{height:100%;display:flex;gap:12px;align-items:center;justify-content:center;color:#97a481;font-size:12px}.studio-canvas-video{height:100%;width:100%;object-fit:contain;background:#12160e;border-radius:4px}.studio-canvas-video-placeholder{height:100%;width:100%;background:#22281a;color:#c2cca9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:13px}.studio-history-panel{background:#fff;border-left:1px solid var(--studio-border);display:flex;flex-direction:column;min-height:0}.studio-history-heading{padding:21px 17px 0;display:flex;align-items:center;justify-content:space-between}.studio-history-heading h2{font-size:13px;font-weight:600;display:flex;gap:7px;align-items:center}.studio-history-heading h2>span{font-size:9px;background:#f0f3e9;color:#95a080;font-weight:400;border-radius:4px;padding:1px 5px}.studio-history-heading>button{color:#94a081;padding:3px}.studio-history-subtitle{padding:7px 17px 17px;font-size:10px;color:#a0aa91;display:flex;align-items:center;gap:7px;border-bottom:1px solid #f0f2ea}.studio-task-list{padding:14px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#e1e5d9 transparent}.studio-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:85px 0;color:#b3bca5;gap:12px}.studio-history-empty>strong{font-size:12px;font-weight:400;color:#98a489;margin-top:4px}.studio-history-empty>p{font-size:10px;line-height:1.8;color:#b3bda6}.studio-task-card{padding:10px;border:1px solid #e9eddf;border-radius:9px;margin-bottom:11px;background:#fff}.studio-task-preview{display:flex;width:100%;height:119px;border-radius:5px;overflow:hidden;align-items:center;justify-content:center;background:#f0f3e8!important;color:#99a681!important;position:relative;padding:0!important}.studio-task-preview.video{background:#e8ede0!important}.studio-task-preview img{height:100%;width:100%;object-fit:cover}.studio-task-preview>span{position:absolute;bottom:7px;right:7px;background:#38452880;border-radius:3px;color:white;font-size:9px;padding:1px 5px}.studio-task-meta{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.studio-task-status{font-size:9px;color:#95a27d;display:flex;gap:3px;align-items:center}.studio-task-status.completed{color:#819953}.studio-task-status.failed{color:#c77b62}.studio-task-status.in_progress,.studio-task-status.queued{color:#92935a}.studio-task-meta time{font-size:9px;color:#b1baa3}.studio-task-prompt{font-size:11px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:7px!important;color:#68765a}.studio-task-model{font-size:9px;color:#a6b093;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px!important}.studio-task-details{display:flex;justify-content:space-between;font-size:8px;color:#a3af8e;margin-top:7px}.studio-task-actions{display:flex;align-items:center;gap:5px;margin-top:10px;padding-top:9px;border-top:1px solid #eff2e7}.studio-task-actions button{display:flex;align-items:center;justify-content:center;color:#94a17d;padding:4px;font-size:10px;gap:4px}.studio-task-actions button:first-child{margin-right:auto}.studio-task-actions button:hover{color:#647e37}.studio-task-error{font-size:10px;color:#b26b50;background:#fcf3ec;padding:7px;border-radius:4px;margin-top:7px!important;overflow-wrap:anywhere}.studio-reuse-button{font-size:10px!important;color:#8a966f!important;margin-top:10px;padding:6px 0 0}.studio-task-progress{height:3px;border-radius:2px;overflow:hidden;background:#eef2e6;margin:13px 0 3px}.studio-task-progress>span{height:100%;display:block;background:#b9cc8b;border-radius:2px;transition:width 1s}.studio-poll-warning{font-size:10px;line-height:1.6;color:#aa8550;background:#fcf7e9;padding:10px 15px}.studio-toast{position:fixed;z-index:100;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:16px;align-items:flex-start;background:#303827;color:#eff5e4;border:1px solid #4e5e3b;border-radius:8px;padding:12px 14px 12px 17px;box-shadow:0 5px 25px #202b1a20;font-size:12px;line-height:1.75;max-width:min(640px,calc(100vw - 32px));width:max-content}.studio-toast.error{background:#fff8f3;border-color:#e9cdb8;color:#a56646}.studio-toast>button{padding:3px;flex-shrink:0;color:inherit;opacity:.7}.studio-toast>span{overflow-wrap:anywhere}.studio-modal-backdrop{position:fixed;z-index:120;inset:0;background:#1d241d55;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.studio-modal{background:#fff;border-radius:13px;box-shadow:0 18px 70px #15230f33;max-height:calc(100dvh - 48px);overflow:auto;width:min(660px,100%);padding:26px}.studio-modal-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.studio-modal-heading>div>span{font-size:9px;letter-spacing:2px;color:#9dac83}.studio-modal-heading h2{font-size:21px;font-weight:600;letter-spacing:.2px;margin-top:3px}.studio-modal-heading>button{color:#a6b291;padding:5px}.studio-modal-intro{font-size:11px;color:#98a785;margin:13px 0 22px!important}.studio-price-table>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 4px;border-bottom:1px solid #edf1e5}.studio-price-table-head{font-size:10px!important;color:#9cab87;background:#f6f8f0;padding:8px!important}.studio-price-table>div>span:first-child{min-width:0}.studio-price-table strong{font-size:12px;font-weight:500}.studio-price-table>div>span:first-child strong{display:block;color:#6b7959}.studio-price-table code{font-size:9px;color:#a5b294;word-break:break-all}.studio-price-table>div>span:last-child{white-space:nowrap}.studio-price-table>div>span:last-child strong{font-size:15px;font-variant-numeric:tabular-nums}.studio-price-table small{font-size:9px;color:#a6b292;margin-left:3px}.studio-price-footnote{font-size:10px;line-height:1.8;color:#a1ad8f;padding-top:16px}.studio-preview-modal{width:min(1020px,100%);padding:19px}.studio-preview-modal .studio-modal-heading h2{font-size:14px}.studio-preview-media{margin-top:14px;background:#f2f4ed;display:flex;justify-content:center;align-items:center;border-radius:7px;min-height:150px;overflow:hidden}.studio-preview-media img,.studio-preview-media video{max-width:100%;max-height:65dvh;object-fit:contain}.studio-preview-footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:16px}.studio-preview-footer>p{font-size:12px;color:#7e8b6a;max-height:75px;overflow-y:auto}.studio-preview-footer>button{flex-shrink:0;display:flex;gap:7px;align-items:center;font-size:11px;color:#738556;background:#eef4df;padding:9px 13px;border-radius:5px}@media(min-width:1650px){.studio-workspace{grid-template-columns:340px minmax(0,1fr) 285px}.studio-workspace.history-closed{grid-template-columns:340px minmax(0,1fr)}.studio-generation-panel{padding:24px}.studio-task-preview{height:139px}.studio-generation-form{gap:21px}.studio-field textarea{min-height:160px}}@media(max-width:1150px){.studio-workspace{grid-template-columns:285px minmax(0,1fr) 225px}.studio-workspace.history-closed{grid-template-columns:285px minmax(0,1fr)}.studio-generation-panel{padding:18px 15px}.studio-header-center,.studio-save-status{display:none}.studio-task-list{padding:10px}.studio-canvas-footnote>span:last-child{display:none}.studio-task-preview{height:104px}.studio-canvas-topbar{padding:0 12px}}@media(max-width:950px){.studio-workspace,.studio-workspace.history-closed{grid-template-columns:280px minmax(0,1fr)}.studio-history-panel{position:absolute;right:0;top:114px;bottom:29px;width:240px;z-index:15;box-shadow:-8px 0 22px #2a351219}.studio-brand-caption,.studio-brand-divider{display:none}.studio-canvas-welcome h2{font-size:16px}.studio-canvas-welcome>div{gap:10px}}@media(max-width:680px){.studio-shell{height:auto;min-height:100dvh;overflow:visible}.studio-header{height:58px;padding:0 16px;position:sticky;top:0;z-index:30}.studio-brand strong{font-size:20px}.studio-header-actions{gap:15px}.studio-header-actions .studio-text-button>span{display:none}.studio-workspace,.studio-workspace.history-closed{height:auto;display:flex;flex-direction:column}.studio-generation-panel{padding:19px 18px;border-right:0;border-bottom:1px solid var(--studio-border);overflow:visible;gap:15px}.studio-generation-form{gap:15px}.studio-key-card form>p{margin-bottom:10px}.studio-field textarea{min-height:120px}.studio-generate-bottom{margin-top:0}.studio-local-note{font-size:10px}.studio-canvas-panel{height:580px}.studio-canvas-welcome h2{font-size:18px}.studio-history-panel{position:static;box-shadow:none;width:auto;border-left:0;border-top:1px solid var(--studio-border);max-height:none}.studio-task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px;overflow:visible}.studio-task-card{margin:0}.studio-history-empty{grid-column:1/-1;padding:30px 0}.studio-task-preview{height:120px}.studio-modal-backdrop{padding:12px}.studio-modal{padding:19px;max-height:calc(100dvh - 24px)}.studio-price-table code{font-size:8px}.studio-preview-footer{align-items:flex-start;gap:12px}.studio-preview-footer>button{padding:8px;font-size:10px}.studio-toast{bottom:15px;font-size:11px}.studio-canvas-footnote{font-size:8px}}@media(prefers-reduced-motion:reduce){.studio-shell *{animation:none!important;transition:none!important}}.studio-unavailable-note{color:#a78354;background:#fcf7eb;border-radius:5px;padding:8px;font-size:10px;line-height:1.65}.studio-media-fallback{margin-top:8px;padding:8px;background:#f8f4e9;border-radius:5px;font-size:10px;line-height:1.7;color:#9c875b}.studio-media-fallback a{display:inline-flex;align-items:center;gap:3px;margin-top:3px;color:#6f813c;text-decoration:underline}