.studio{--green:#285b48;--ink:#293a32;--line:#e4e6df;--soft:#f6f7f2;color:var(--ink);background:#f8f9f6;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;font-size:13px;min-height:100vh}.studio button{cursor:pointer}.studio button:disabled{cursor:wait}.topbar{height:76px;padding:0 34px;background:#fff;border-bottom:1px solid var(--line);justify-content:space-between}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px;font-size:22px;font-weight:700;letter-spacing:-.7px}.brand-icon{background:var(--green);color:#e8efce;width:39px;height:39px;border-radius:11px;display:grid;place-items:center}.brand-sub{display:block;font-size:8px;letter-spacing:2.4px;line-height:12px;font-weight:500;color:#8b958b}.workspace-label{border-left:1px solid var(--line);padding-left:20px;margin-left:12px;font-size:13px;letter-spacing:1px;font-weight:400;color:#657268}.top-right{gap:19px}.private-badge,.top-right{display:flex;align-items:center}.private-badge{gap:7px;font-size:11px;color:#788477}.workspace{display:grid;grid-template-columns:392px minmax(0,1fr);max-width:1800px;margin:auto}.control-panel{border-right:1px solid var(--line);background:#fff;padding:26px 26px 0;position:relative}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#8c9788}.panel-intro h1{font-size:23px;letter-spacing:.3px;font-weight:650;margin:9px 0 7px}.panel-intro h1 span{color:#78934a;display:inline-block;margin-left:14px}.panel-intro p{font-size:12px;color:#899184;margin:0}.controls-fieldset{border:0;min-width:0;padding:0}.control-section{padding:25px 0 21px;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:13px;font-weight:600}.section-heading>span:first-child{display:flex;align-items:center;gap:8px}.section-heading svg{color:#667d64}.section-num{font-size:10px;color:#a4aca1;letter-spacing:1px}.studio label{font-size:11px;line-height:1.5;color:#556254;font-weight:500;margin-bottom:8px;display:flex;gap:7px}.studio label span{font-size:10px;color:#9ba294;font-weight:400}.studio input:not([type=file]),.studio textarea{background:#fafbf8;border:1px solid #e5e8df;border-radius:7px;color:#3b493c;box-shadow:none;font-size:12px;height:39px}.studio input:focus,.studio textarea:focus{outline:none;border-color:#7e9e70;box-shadow:0 0 0 2px #e9efdf}.studio input::placeholder,.studio textarea::placeholder{color:#a0a79a}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.provider{height:44px!important;font-size:12px!important;border-radius:8px!important;justify-content:flex-start!important;padding:0 11px!important;box-shadow:none!important;background:white!important;color:#5c665a!important;border-color:#e3e7dd!important}.provider.selected{background:#f1f5ea!important;border-color:#8ca376!important;color:#365432!important}.provider-mark{width:23px;height:23px;display:grid;place-items:center;font-size:12px;font-weight:700;border-radius:6px;background:#e9eddf;color:#537042}.provider-mark.bit{background:#ecebf5;color:#7b739b}.provider-check{margin-left:auto}.field{margin-top:14px}.field-hint{font-size:10px;color:#919989;line-height:1.7;margin-top:6px}.key-input{position:relative}.key-input input{padding-right:38px}.key-input button{position:absolute;right:2px;top:2px;color:#939d8b}.key-input svg{width:14px}.label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.label-row label{margin-bottom:7px}.label-row>span{font-size:10px;color:#87917e}.refresh-button{height:24px!important;font-size:10px!important;color:#6e8560!important;padding:0!important;gap:4px!important;margin-bottom:6px}.refresh-button svg{width:11px!important;height:11px!important}.advanced{margin-top:12px;font-size:10px;color:#85927b}.advanced summary{cursor:pointer;display:flex;align-items:center;gap:6px;list-style:none}.advanced summary svg:last-child{margin-left:auto}.advanced[open] summary svg:last-child{transform:rotate(90deg)}.advanced [data-slot=select-trigger]{width:100%;font-size:11px}.prompt-wrap{position:relative}.studio textarea{height:134px;resize:vertical;min-height:100px;max-height:320px;line-height:1.9;padding:12px 13px 25px}.prompt-wrap>span{position:absolute;bottom:8px;right:11px;font-size:9px;color:#a5ac9e;background:#fafbf8}.examples{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}.examples button{font-size:10px!important;height:25px!important;padding:0 8px!important;color:#7d8971;background:#fff;border-color:#e8eadf;box-shadow:none}.examples svg{width:11px!important}.reference-label{margin-top:20px}.upload-zone{width:100%;border:1px dashed #ced8c3;border-radius:8px;padding:17px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;background:#fcfdf9;color:#95a386}.upload-zone.dragging,.upload-zone:hover{background:#f0f5e8;border-color:#6c8a53}.upload-zone strong{font-size:11px;font-weight:500;color:#728365}.upload-zone span{font-size:9px;color:#9ca591}.reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.reference-grid>div{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden}.reference-grid img{width:100%;height:100%;object-fit:cover}.reference-grid button{position:absolute;right:3px;top:3px}.output-section{border-bottom:0}.ratios{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:5px 0 19px}.ratios button{border:1px solid #e4e7dd;border-radius:6px;height:61px;display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;color:#8b9482;background:#fff;font-size:9px}.ratios i{border:1.3px solid;border-radius:2px}.ratios button.selected{border-color:#8fa478;background:#f1f5e9;color:#597144}.resolution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.resolution-grid button{font-size:13px;gap:8px;height:37px;box-shadow:none;background:#fff;border-color:#e4e7dd;color:#6f7d63}.resolution-grid button span{font-size:9px;font-weight:400;color:#939e87}.resolution-grid button.selected{background:#eff4e6;border-color:#91a977;color:#4f6a3b}.pixel-label{font-variant-numeric:tabular-nums;font-size:10px!important}.size-note{font-size:10px;line-height:1.7;color:#98a08f;margin-top:9px}.generate-area{position:sticky;bottom:0;background:linear-gradient(#ffffffed,#fff 30%);padding:17px 0 13px;border-top:1px solid #e7ebe0;text-align:center;z-index:5}.generate-button{width:100%;height:45px!important;border-radius:8px!important;background:#2e5d49!important;color:#f5f7ed!important;box-shadow:0 4px 12px #25493515;gap:9px!important;font-size:13px!important}.generate-button>svg:last-child{margin-left:auto}.generate-button>svg:first-child{margin-right:auto}.generate-area p{font-size:9px;color:#9ca590;margin:9px 0 0}.cancel-button{font-size:10px;margin-top:4px}.result-panel{padding:31px 38px 0;display:flex;flex-direction:column;min-width:0;position:sticky;top:0;height:calc(100vh - 1px);max-height:1300px;overflow:auto}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.result-header h2{font-size:20px;font-weight:600;margin-top:7px;letter-spacing:.5px}.result-header h2>span{font-size:10px;color:#9ea794;font-weight:400;letter-spacing:0;margin-left:14px}.mode-badge{background:#edf1e7;color:#7b8c69;border:1px solid #e1e7d7;padding:6px 10px;font-size:10px;border-radius:5px;display:flex;align-items:center;gap:6px}.mode-badge>span{width:5px;height:5px;background:#89a46f;border-radius:50%}.feedback:empty{display:none}.message{display:flex;align-items:flex-start;gap:8px;padding:11px 13px;border-radius:7px;font-size:11px;line-height:1.7;margin-bottom:14px}.message>span{flex:1}.message svg{flex-shrink:0;margin-top:2px}.message.error{background:#fff0ea;color:#9f5845;border:1px solid #ebcfc3}.message.success{background:#edf4e9;color:#5f7e51;border:1px solid #d7e3cd}.empty-canvas{min-height:510px;flex:1;position:relative;border:1px solid #e5e9de;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#f5f7f0;background-image:radial-gradient(#c9d1bd .65px,transparent 0);background-size:17px 17px;margin-bottom:21px;overflow:hidden}.empty-canvas:before{content:"";position:absolute;width:550px;height:460px;background:radial-gradient(ellipse,#f6f8f0 38%,#f6f8f000 72%);top:46%;left:50%;transform:translate(-50%,-50%)}.empty-canvas>*{z-index:1}.canvas-corners{position:absolute;inset:18px;pointer-events:none}.canvas-corners i{position:absolute;width:14px;height:14px;border-style:solid;border-color:#c2cdb6}.canvas-corners i:first-child{top:0;left:0;border-width:1px 0 0 1px}.canvas-corners i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.canvas-corners i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.canvas-corners i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}.empty-art{width:200px;height:186px;position:relative;margin-bottom:22px;transform:scale(1.06)}.art-card{position:absolute;width:125px;height:151px;border:7px solid #fff;box-shadow:0 7px 22px #42503913;border-radius:4px;overflow:hidden}.art-card.back{left:16px;top:17px;transform:rotate(-14deg);background:#dee5cd}.art-card.back span{position:absolute;width:90px;height:90px;border:19px solid #bdcda4;border-radius:50%;left:-17px;top:19px}.art-card.front{left:67px;top:30px;transform:rotate(10deg);background:#e6ead8}.art-sun{position:absolute;width:36px;height:36px;background:#c4d099;border-radius:50%;top:18px;right:13px}.art-land{position:absolute;border-radius:50% 50% 0 0}.art-land.one{width:132px;height:104px;background:#a5b58b;top:68px;left:-22px;transform:rotate(27deg)}.art-land.two{width:133px;height:100px;background:#677f61;top:99px;left:6px;transform:rotate(-20deg)}.art-line{position:absolute;bottom:0;height:4px;background:white;width:100%}.art-spark{position:absolute;right:-9px;top:0;color:#708d52;font-size:33px}.empty-kicker{font-size:8px;letter-spacing:2px;color:#95a086}.empty-canvas h3{font-size:20px;font-weight:500;margin-top:14px;color:#5a6d4e;letter-spacing:.8px}.empty-canvas>p{font-size:12px;line-height:1.9;text-align:center;color:#97a089;margin-top:11px}.empty-steps{gap:12px;margin-top:34px;color:#9ea991}.empty-steps,.empty-steps>span{display:flex;align-items:center}.empty-steps>span{gap:6px;font-size:10px}.empty-steps i{font-size:9px;border:1px solid #d2dbc5;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-style:normal}.canvas-footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a4ad98;padding:0 0 22px;gap:16px}.canvas-footer>span{display:flex;align-items:center;gap:5px}.canvas-footer>span:last-child{font-size:8px;letter-spacing:1.5px}.tiny-star{font-size:17px;margin-left:7px;color:#8ba576}.generation-progress{display:flex;align-items:center;gap:12px;background:#edf2e4;padding:16px;border:1px solid #dce5cf;border-radius:10px;margin-bottom:15px;color:#637e4d}.progress-icon{width:40px;height:40px;background:#e1eacb;border-radius:10px;display:grid;place-items:center}.generation-progress strong{font-size:12px;font-weight:500}.generation-progress p{font-size:10px;color:#93a17f;margin-top:4px}.generation-progress>svg:last-child{margin-left:auto;width:19px}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px;align-items:start}.result-card{border:1px solid #e2e7d9;border-radius:11px;overflow:hidden;background:white}.result-image{position:relative;background:#eff2ea;aspect-ratio:1;display:grid;place-items:center;padding:12px}.result-image>img{max-height:100%;max-width:100%;object-fit:contain}.result-index{position:absolute;left:12px;top:12px;background:#fffdf7e0;border:1px solid #e7ebdf;border-radius:4px;padding:3px 7px;font-size:10px;color:#81906f}.result-info{padding:16px}.result-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-title strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}.result-title span{font-size:9px;color:#778b64;background:#eef3e6;padding:3px 7px;white-space:nowrap;border-radius:4px}.result-prompt{font-size:11px;color:#869378;margin-top:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.8}.actual-size{font-size:10px;color:#80926e;margin-top:12px}.resize-note{font-size:9px;color:#9ca78e;margin-top:4px}.download-actions{display:flex;gap:8px;margin-top:15px}.download-actions button{font-size:11px;flex:1;box-shadow:none}.download-actions button:last-child{background:#315f48}.image-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:25px;color:#96a086;text-align:center;font-size:11px}.help-copy{font-size:13px;line-height:1.8;color:#69715f}.help-copy p{margin-bottom:13px}.help-copy a{color:#345f43;text-decoration:underline}.spin{animation:spin 1.1s linear infinite}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.4}}@media(min-width:1500px){.workspace{grid-template-columns:430px minmax(0,1fr)}.control-panel{padding-left:34px;padding-right:34px}.result-panel{padding:34px 48px 0}.empty-canvas{min-height:630px}.empty-art{transform:scale(1.2);margin-bottom:40px}}@media(max-width:1100px){.workspace{grid-template-columns:352px minmax(0,1fr)}.control-panel{padding:24px 20px 0}.result-panel{padding:28px 23px 0}.result-header h2>span{display:block;margin:5px 0 0}.canvas-footer>span:last-child{display:none}.empty-canvas h3{font-size:16px}.empty-steps{gap:5px}.empty-steps>span{font-size:9px;gap:4px}.result-grid{grid-template-columns:1fr}}@media(max-width:760px){.topbar{height:66px;padding:0 18px}.private-badge{display:none}.workspace-label{font-size:11px;margin-left:0;padding-left:12px}.brand{font-size:19px;gap:8px}.brand-icon{width:34px;height:34px}.workspace{display:flex;flex-direction:column}.control-panel{border-right:0;padding:24px 22px 0}.result-panel{position:static;height:auto;max-height:none;padding:26px 22px 0;overflow:visible}.empty-canvas{min-height:430px}.result-header h2>span{display:inline;margin-left:10px}.generate-area{position:static}.canvas-footer{font-size:9px}.empty-canvas h3{font-size:17px}.result-grid{grid-template-columns:1fr}.empty-steps{gap:9px}}@media(prefers-reduced-motion:reduce){.pulse,.spin{animation:none}}.studio .model-select{width:100%;height:40px;background:#fafbf8;border-color:#e5e8df;font-size:12px;box-shadow:none}.model-options{max-height:300px;max-width:min(420px,calc(100vw - 40px));font-size:12px}.model-options [role=option]{font-size:12px;min-height:35px;overflow-wrap:anywhere}.key-actions{display:flex;gap:8px;margin-top:8px}.key-actions button{font-size:10px;height:27px;box-shadow:none}.key-actions button:first-child{color:#42613d;border-color:#dce5d1;background:#f7faf2}.key-actions button:last-child{color:#8b9581}.custom-model{margin-top:10px}.task-list{margin-bottom:20px;display:flex;flex-direction:column;gap:10px;max-height:360px;overflow:auto;padding-right:4px;flex-shrink:0}.task-list-heading{font-size:12px;font-weight:600;display:flex;justify-content:space-between}.task-list-heading span{font-size:10px;color:#7f9071;font-weight:400}.task-card{background:white;border:1px solid #e0e7d7;border-radius:9px;padding:13px 15px;flex-shrink:0}.task-running{background:#f0f5e9}.task-title{display:flex;align-items:center;gap:10px;font-size:12px}.task-title>span{font-size:10px;color:#79935d}.task-title button{margin-left:auto;font-size:10px;height:25px;color:#7a876d}.task-failed .task-title>span{color:#ae6851}.task-prompt{font-size:11px;color:#647659;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-meta{font-size:10px;color:#94a184;margin-top:5px;overflow-wrap:anywhere}.task-progress{display:flex;align-items:center;gap:5px;font-size:10px;color:#647e51;margin-top:8px}.task-message{font-size:10px;line-height:1.7;color:#849472;margin-top:5px}.task-failed .task-message{color:#a76954}.input-tabs{display:flex;gap:8px;margin-bottom:15px}.input-tabs button{flex:1;font-size:11px;background:#fff;border-color:#e2e7d9}.input-tabs button[aria-pressed=true]{background:#eef4e6;border-color:#8fa478;color:#42663c}.template-links{display:flex;gap:12px;margin:10px 0;font-size:10px;color:#53784a}.template-links a{text-decoration:underline}.studio .auto-ratio{display:flex;align-items:center;gap:7px;margin-bottom:13px}.studio .auto-ratio input[type=checkbox]{width:14px;height:14px;accent-color:#285b48}.native-select{width:100%;height:38px;background:#fafbf8;border:1px solid #e5e8df;border-radius:7px;padding:0 10px;font-size:12px}.output-folder .field-hint{overflow-wrap:anywhere}.import-preview{flex-shrink:0;margin-bottom:20px;border:1px solid #dce5d2;border-radius:9px;background:white;padding:15px}.import-table{max-height:320px;overflow:auto;margin-top:12px}.import-table table{width:100%;border-collapse:collapse;font-size:11px}.import-table th{position:sticky;top:0;background:#f0f4e9;text-align:left;white-space:nowrap}.import-table td,.import-table th{padding:9px;border-bottom:1px solid #e9eddf;min-width:55px}.import-table td:nth-child(2){min-width:160px;max-width:350px;white-space:pre-wrap;overflow-wrap:anywhere}.import-table .invalid{background:#fff0e9;color:#a8563e}.task-output{font-size:10px;color:#829273;overflow-wrap:anywhere;margin-top:6px}.task-download{display:inline-block;margin-top:9px;font-size:10px;color:#3e6a43;text-decoration:underline}.batch-upload input{font-size:11px}.result-grid{flex-shrink:0}.studio .task-folder-button{height:26px;font-size:10px;padding:0 8px;color:#547647;margin-top:8px;margin-right:8px}.output-folder .key-actions{flex-wrap:wrap}.folder-browser{width:min(600px,calc(100vw - 32px));max-width:600px!important;max-height:90vh;overflow:auto;color:#293a32;background:#fbfcf8;border-color:#dfe6d7}.folder-actions,.folder-address,.folder-toolbar{display:flex;gap:8px;align-items:center}.folder-toolbar select{border:1px solid #dce3d5;border-radius:6px;padding:7px 12px;background:white;font-size:12px}.folder-address input{flex:1;min-width:0;font-size:12px}.folder-list{height:270px;overflow:auto;border:1px solid #e1e6d9;border-radius:8px;background:white}.folder-list>button{display:flex;align-items:center;gap:10px;padding:11px 14px;width:100%;text-align:left;border-bottom:1px solid #eff2e8;font-size:12px;cursor:pointer}.folder-list>button:focus-visible,.folder-list>button:hover{background:#eef4e7}.folder-list>button span{flex:1;overflow-wrap:anywhere}.folder-list svg{color:#75925e;flex-shrink:0}.folder-list>p{padding:25px 15px;text-align:center;font-size:12px;color:#87967b}.folder-caption{font-size:11px;line-height:1.7;color:#7f8e73;overflow-wrap:anywhere}.folder-error{font-size:12px;color:#ad5941}.folder-actions{justify-content:flex-end}.folder-actions button:last-child{background:#2e5d49;color:white}.failed-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.failed-actions a,.failed-actions button{font-size:11px}.failed-actions a{color:#59784c;text-decoration:underline}.studio #viewFolder{color:#42613d;border:1px solid #dce5d1;background:#f7faf2}.studio #viewFolder:hover{background:#edf3e6}.folder-file{display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid #edf0e7;font-size:11px}.folder-file img{width:48px;height:48px;object-fit:contain;background:#f1f4eb;border-radius:4px}.folder-file>div{flex:1;min-width:0}.folder-file strong{display:block;overflow-wrap:anywhere;font-weight:500}.folder-file small{display:block;color:#88997c;margin-top:4px}.folder-file>a:last-child{color:#4c7240;text-decoration:underline}.file-icon{width:48px;text-align:center;font-size:10px;color:#87967c}.history-actions{display:flex;align-items:center;gap:12px}.history-actions button{font-size:10px;height:26px;color:#607951;background:#fff;border-color:#dce5d3}.brand-icon{background:#000;overflow:hidden;flex-shrink:0}.brand-icon img{display:block;width:100%;height:100%;object-fit:contain}.generation-config>summary{cursor:pointer;list-style:none;margin-bottom:0}.generation-config>summary::-webkit-details-marker{display:none}.generation-config[open]>summary{margin-bottom:20px}.generation-config>summary .section-num{display:flex;align-items:center;gap:8px}.generation-config[open]>summary .configuration-chevron{transform:rotate(90deg)}.generation-config>summary:focus-visible{outline:2px solid #285b48;outline-offset:5px;border-radius:3px}.album-save-help,.download-actions .album-save-button{display:none}@media(any-pointer:coarse),(max-width:760px){.download-actions .album-save-button{display:inline-flex}.album-save-help{display:block;font-size:11px;line-height:1.7;color:#7f8e73;margin-top:9px}}.album-dialog{max-height:90dvh;overflow-y:auto}.album-preview-image{display:block;max-width:100%;max-height:50dvh;object-fit:contain;margin:0 auto;-webkit-touch-callout:default;user-select:auto}.album-save-hint{font-size:12px;line-height:1.7;color:#69715f}.album-save-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.album-save-actions a{font-size:13px;color:#285b48;text-decoration:underline}