*{box-sizing:border-box;letter-spacing:0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#202426;background:#f7f8fa;font-synthesis:none}body{margin:0;font-size:14px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:#2264b7;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #92b8f1;outline-offset:2px}svg{width:18px;height:18px;flex-shrink:0}.studio-header{min-height:66px;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e1e5e9;background:#fff}.brand{display:flex;align-items:center;gap:12px;color:#202426;font-weight:650;font-size:18px}.brand img{width:32px;height:32px}.brand-divider{margin:0 12px;color:#b8bdc5;font-weight:400}.header-actions{display:flex;align-items:center;gap:24px;font-size:13px}.connection-status{display:inline-flex;align-items:center;gap:7px;color:#787e87;white-space:nowrap}.connection-status i{width:7px;height:7px;background:#a6acb5;border-radius:50%}.connection-status.online{color:#267455}.connection-status.online i{background:#389a6d}.studio-layout{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:calc(100vh - 66px)}.toolbox{background:#fff;border-right:1px solid #e1e5e9;padding:0 22px;min-width:0}.toolbox section{padding:22px 0;border-bottom:1px solid #ebedf0}.toolbox h2{font-size:14px;line-height:22px;margin:0 0 14px;font-weight:650}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.section-heading h2{margin:0}.section-heading .muted{font-size:11px}.segmented{display:flex;background:#f1f3f6;padding:3px;border-radius:6px;gap:3px;margin-bottom:12px}.segmented button{flex:1;border:0;border-radius:4px;height:34px;background:transparent;color:#686e77;font-size:13px}.segmented button[aria-selected=true]{background:#fff;color:#272c35;box-shadow:0 1px 3px #00000016;font-weight:600}.account-line{display:flex;align-items:center;justify-content:space-between;min-height:34px;margin-bottom:10px}.account-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-identity{display:flex;align-items:center;gap:9px;min-width:0}.account-identity small{font-size:12px;color:#787e87;white-space:nowrap;flex-shrink:0}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#626b77;margin-top:14px;min-width:0}input,textarea,select{width:100%;min-width:0;border:1px solid #dce1e7;background:#fff;color:#242a34;border-radius:5px;padding:10px;font-size:13px}input,select{height:39px}textarea{resize:vertical;min-height:140px;line-height:1.7}input:disabled,select:disabled{background:#f8f9fb}.parameter-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.size-error{color:#9d3340;font-size:12px;line-height:1.6;overflow-wrap:anywhere;margin:8px 0 0}.button{min-height:39px;border:1px solid transparent;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;padding:9px 14px;font-weight:550}.button:hover{text-decoration:none}.secondary{background:#fff;border-color:#dce1e7;color:#384355}.secondary:hover:not(:disabled){background:#f3f6fa;border-color:#b7c6da}.primary{background:#2767d3;color:#fff}.primary:hover:not(:disabled){background:#1e56b6}.full{width:100%}.connect-button{margin-top:14px}.generate-button{margin-top:10px;min-height:43px}.icon-button{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:5px;background:transparent;color:#596473;padding:6px;flex-shrink:0}.icon-button:hover:not(:disabled){background:#edf1f6;color:#265cad;text-decoration:none}.text-action{border:0;background:none;color:#2867b8;font-size:12px;padding:0}.token-link{display:inline-block;margin-top:10px}.connected-name{color:#267455;background:#f0f8f3;padding:9px 10px;border-radius:4px;margin-top:12px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:#8b929b}.compact{line-height:1.6;font-size:12px}.reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.reference{aspect-ratio:1;position:relative}.reference img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:5px}.reference .icon-button{position:absolute;top:2px;right:2px;background:#fff;width:23px;height:23px;padding:4px}.toolbox-footer{padding:18px 0 24px;display:flex;justify-content:space-between;font-size:12px}.toolbox-footer a{color:#7c8491}.workspace{padding:0 28px 40px;min-width:0}.workspace-toolbar{height:67px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e5e9}.view-tabs{display:flex;gap:24px;height:100%}.view-tabs button{display:flex;align-items:center;gap:6px;height:100%;border:0;border-bottom:2px solid transparent;padding:0;background:transparent;font-size:13px;color:#7b8390}.view-tabs button[aria-selected=true]{border-bottom-color:#2767d3;color:#245fbe;font-weight:600}.count{background:#e7ebf0;padding:2px 5px;font-size:10px;border-radius:3px;min-width:18px}.empty-state,.pending{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa1ab;gap:12px}.empty-state img{width:64px;height:64px;margin-bottom:6px;opacity:.6}.empty-state h1,.pending h2{font-size:18px;font-weight:500;color:#77818e;margin:0}.empty-state span,.pending span{font-size:12px}.message{margin-top:18px;padding:14px 16px;border-left:3px solid;font-size:13px;overflow-wrap:anywhere;line-height:1.7}.message p{margin:5px 0}.message.error{color:#9d3340;background:#fff0f1;border-color:#d36773}.message.notice{color:#6d5e35;background:#fff8df;border-color:#d2b15a}.results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;gap:22px;padding-top:22px}.result{border:1px solid #e1e5e9;background:#fff;border-radius:6px;overflow:hidden;min-width:0;max-width:900px}.result-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 15px;color:#67717e;font-size:11px;overflow-wrap:anywhere}.result-images{display:grid;gap:8px}.result-image{position:relative;background:#eff1f4}.image-preview{border:0;display:block;background:transparent;width:100%;padding:0;cursor:zoom-in}.image-preview img{display:block;width:100%;height:480px;max-height:60vh;-o-object-fit:contain;object-fit:contain}.image-actions{position:absolute;bottom:12px;right:12px;display:flex;gap:3px;background:#fff;border:1px solid #d9dfe7;border-radius:5px;padding:3px}.result-prompt{margin:14px 16px 8px;font-size:13px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap;max-height:140px;overflow-y:auto}.result-footer{display:flex;justify-content:space-between;align-items:center;color:#8b939d;padding:0 12px 8px 16px;font-size:11px}.result-footer>div{display:flex}.spinner{width:18px;height:18px;border:2px solid #a5b7ce;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.pending .spinner{width:32px;height:32px;color:#2767d3;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.image-dialog{border:0;background:#fff;padding:36px 12px 12px;border-radius:6px;max-width:94vw;max-height:94vh}.image-dialog::backdrop{background:#171c24bd}.image-dialog img{display:block;max-width:88vw;max-height:82vh;-o-object-fit:contain;object-fit:contain}.close-preview{position:absolute;right:3px;top:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(min-width:1500px){.workspace{padding-left:44px;padding-right:44px}}@media(max-width:760px){.studio-header{padding:12px 16px;min-height:62px;gap:8px}.brand{font-size:15px;gap:8px}.brand img{width:26px;height:26px}.brand-divider{margin:0 6px}.connection-status{display:none}.header-actions{font-size:11px;flex-shrink:0}.studio-layout{grid-template-columns:1fr}.toolbox{border-right:0;padding:0 18px}.toolbox section{padding:18px 0}.toolbox-footer{padding-bottom:18px}.workspace{padding:0 18px 30px;border-top:1px solid #e1e5e9}.empty-state,.pending{min-height:270px}.image-preview img{height:330px}input,select,textarea{font-size:16px}input,select{height:44px;padding:8px 10px;line-height:24px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}
