:root{--bg:#fafafa;--surface:#fff;--border:#d8d8d8;--border-hi:#999;--text:#1a1a1a;--text-sec:#666;--text-mute:#aaa;--fill:#f0f0f0;--mono:"Consolas", "SF Mono", "Monaco", monospace;--sans:"Segoe UI", system-ui, sans-serif}html.dark{--bg:#1a1a1a;--surface:#242424;--border:#3a3a3a;--border-hi:#666;--text:#e8e8e8;--text-sec:#999;--text-mute:#666;--fill:#2e2e2e}*,:before,:after{box-sizing:border-box}html,body,#app{width:100%;min-width:0;height:100%;min-height:100%;margin:0}body{min-height:100vh;color:var(--text);background:var(--bg);font-family:var(--sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:13px;overflow:hidden}button,input,select,textarea{color:inherit;font:inherit}*{scrollbar-color:var(--border-hi) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--border);border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--border-hi)}::view-transition-old(root){z-index:1;animation:none}::view-transition-new(root){z-index:9999;mix-blend-mode:normal;animation:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.studio-shell{background:var(--bg);flex-direction:column;height:100dvh;min-height:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:18px;min-height:60px;padding:10px 24px;display:flex}.brand,.section-heading,.field-label,.inline-field>span,.model-field>span,.preview-meta,.status-bar,.helper-text{font-family:var(--mono)}.brand{white-space:nowrap;font-size:14px;font-weight:700}.topbar-divider,.field-divider{background:var(--border);width:1px}.topbar-divider{height:20px}.connection-fields,.topbar-actions{align-items:center;gap:14px;min-width:0;display:flex}.connection-fields{flex:1}.inline-field,.model-field{align-items:center;gap:8px;min-width:0;display:flex}.inline-field{flex:1}.inline-field>span,.model-field>span,.field-label{color:var(--text-sec);white-space:nowrap;font-size:10px}small{font:inherit}input[type=url],input[type=password],select,textarea{border:1px solid var(--border);background:var(--bg);border-radius:7px;outline:none;transition:border-color .2s,background .2s}input[type=url],input[type=password]{background:0 0;border-width:0 0 1px;border-radius:0;flex:1;min-width:0;padding:5px 0}input:focus,select:focus,textarea:focus{border-color:var(--border-hi);background:var(--surface)}.model-field select{width:150px;padding:7px 10px}.model-field .modern-select-trigger{width:180px}.remember-key,.range-field>span{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.remember-key,.check-row{cursor:pointer;-webkit-user-select:none;user-select:none}input[type=checkbox]{appearance:none;border:1px solid var(--border-hi);cursor:pointer;background:var(--bg);border-radius:5px;outline:none;flex:0 0 18px;place-content:center;width:18px;height:18px;margin:0;transition:border-color .18s,background .18s,box-shadow .18s,transform .16s cubic-bezier(.22,1,.36,1);display:inline-grid;position:relative;box-shadow:inset 0 1px 2px #0000000a}input[type=checkbox]:before{border-bottom:2px solid var(--surface);border-left:2px solid var(--surface);content:"";opacity:0;width:9px;height:5px;transition:opacity .12s,transform .2s cubic-bezier(.34,1.56,.64,1);transform:translateY(-1px)rotate(-45deg)scale(.45)}input[type=checkbox]:hover{border-color:var(--text-sec);transform:translateY(-1px);box-shadow:0 0 0 3px #8080801a}input[type=checkbox]:checked{border-color:var(--text);background:var(--text);box-shadow:0 3px 8px #00000029}input[type=checkbox]:checked:before{opacity:1;transform:translateY(-1px)rotate(-45deg)scale(1)}input[type=checkbox]:active{transform:scale(.88)}input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--border-hi)}.text-button,.icon-button,.history-button,.mode-button{border:1px solid var(--border);cursor:pointer;background:var(--surface);transition:border-color .2s,background .2s,transform .2s}.text-button{white-space:nowrap;border-radius:7px;padding:7px 12px}.icon-button{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.text-button:hover,.icon-button:hover,.history-button:hover,.mode-button:hover{border-color:var(--border-hi);background:var(--fill);transform:translateY(-1px)}.studio-main{flex:1;min-height:0;display:flex;overflow:hidden}.desktop-parameters{border-right:1px solid var(--border);flex-direction:column;width:440px;min-width:360px;min-height:0;display:flex}.panel-scroll,.drawer-content{flex:1;min-height:0;padding:16px 16px 24px 24px;overflow-y:auto}.section-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-bottom:16px;padding:14px 16px}.section-heading{align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.section-heading:after{background:var(--border);content:"";flex:1;height:1px}.field-label{margin-bottom:5px;display:block}textarea,.block-select{width:100%;padding:8px 10px;display:block}.block-input{border:1px solid var(--border);background:var(--bg);border-radius:7px;outline:none;width:100%;padding:8px 10px;display:block}textarea{resize:vertical}.field-divider{border-top:1px dashed var(--border);width:100%;height:1px;margin:12px 0}.range-field{color:var(--text-sec);flex-direction:column;gap:8px;display:flex}.range-field output{min-width:32px;color:var(--text);text-align:right}input[type=range]{width:100%;accent-color:var(--text)}.size-input-row{align-items:flex-end;gap:8px;margin-top:8px;display:flex}.size-input-field{min-width:0;color:var(--text-sec);flex-direction:column;flex:1;gap:4px;font-size:10px;display:flex}.size-input-field input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:7px;padding:7px 10px}.size-input-x{color:var(--text-mute);padding-bottom:8px}.check-row-disabled{color:var(--text-mute);cursor:not-allowed}.check-row-disabled small{color:var(--text-mute)}.mode-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mode-button{color:var(--text-sec);border-radius:7px;padding:8px 6px}.mode-button.active{border-color:var(--text);color:var(--text);background:var(--fill);font-weight:600}.helper-text{color:var(--text-mute);margin:8px 0 0;font-size:12px;line-height:1.5}.upload-button{border:1px dashed var(--border-hi);cursor:pointer;min-height:38px;color:var(--text-sec);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;margin-top:10px;transition:border-color .2s,background .2s,color .2s,box-shadow .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);display:flex;box-shadow:0 1px #00000005}.upload-button:hover{border-color:var(--text-sec);background:var(--fill);color:var(--text);transform:translateY(-2px);box-shadow:0 8px 20px #0000001f,0 2px 6px #00000012}.upload-button:active{transform:translateY(0)scale(.995);box-shadow:0 2px 6px #00000014}.upload-button:focus-within{outline:2px solid var(--text);outline-offset:2px}.upload-button input{display:none}.prepared-preview{align-items:center;gap:10px;margin-top:10px;display:flex}.prepared-preview img{border:1px solid var(--border);object-fit:cover;border-radius:7px;width:58px;height:58px}.prepared-preview div{min-width:0;font-family:var(--mono);flex-direction:column;gap:3px;font-size:10px;display:flex}.prepared-preview strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prepared-preview span{color:var(--text-sec)}.prepared-preview em{color:#b24b3f;font-style:normal}.reference-item{border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;margin-top:9px;padding:6px;display:flex}.reference-item.disabled{opacity:.52}.reference-item img{object-fit:cover;border-radius:6px;width:64px;height:64px}.reference-item label{flex:1;align-items:center;gap:7px;min-width:0;font-size:12px;display:flex}.reference-item label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reference-item-detailed{flex-direction:column;align-items:stretch}.reference-item-header{align-items:center;gap:8px;display:flex}.reference-thumbnail-button{cursor:zoom-in;background:0 0;border:0;border-radius:6px;flex:0 0 64px;width:64px;height:64px;padding:0;display:block}.reference-thumbnail-button:hover{opacity:.82}.reference-thumbnail-button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.reference-thumbnail-button img{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.reference-item-header>label{flex:1;align-items:center;gap:7px;min-width:0;font-size:12px;display:flex}.reference-item-title{flex:1;min-width:0;font-size:12px}.reference-switch{border:1px solid var(--border-hi);cursor:pointer;background:var(--bg);border-radius:999px;flex:0 0 38px;width:38px;height:22px;padding:0;transition:border-color .18s,background .18s,box-shadow .18s;position:relative}.reference-switch>span{background:var(--text-sec);border-radius:50%;width:14px;height:14px;transition:left .2s cubic-bezier(.22,1,.36,1),background .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000038}.reference-switch.active{border-color:var(--text);background:var(--text)}.reference-switch.active>span{background:var(--surface);left:19px}.reference-switch:hover{box-shadow:0 0 0 3px #8080801a}.reference-switch:focus-visible{outline:2px solid var(--text);outline-offset:2px}.reference-item-detailed .range-field{padding:2px 4px}.precise-type-label{margin:8px 4px 4px}.reference-status{color:#b24b3f;font-family:var(--mono);margin:3px 4px 0;font-size:12px;line-height:1.4}.reference-status.encoded{color:var(--text-sec)}.check-row{align-items:center;gap:7px;display:flex}.character-card{border:1px solid var(--border);background:var(--bg);border-radius:8px;margin:10px 0;padding:10px}.character-card textarea{margin-bottom:8px}.character-header{font-family:var(--mono);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;display:flex}.character-position-picker{margin-top:2px}.position-label-row{border:1px solid var(--border);cursor:pointer;background:var(--surface);width:100%;color:var(--text);text-align:left;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 1px #00000005}.position-label-row:hover{border-color:var(--border-hi);background:var(--fill);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.position-label-row:focus-visible{outline:2px solid var(--text);outline-offset:2px}.position-label-row[aria-expanded=true]{border-color:var(--border-hi);border-bottom-color:var(--border);background:var(--fill);box-shadow:0 4px 14px #00000012}.position-card-icon{border:1px solid var(--border);background:var(--bg);width:32px;height:32px;color:var(--text-sec);border-radius:8px;justify-content:center;align-items:center;transition:border-color .18s,color .18s,transform .18s;display:inline-flex}.position-label-row:hover .position-card-icon,.position-label-row[aria-expanded=true] .position-card-icon{border-color:var(--border-hi);color:var(--text);transform:scale(1.04)}.position-card-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.position-card-copy strong{font-size:11px;font-weight:600}.position-card-copy small{color:var(--text-mute);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.position-summary{align-items:center;gap:7px;display:inline-flex}.position-summary output{background:var(--text);min-width:25px;color:var(--surface);font-family:var(--mono);text-align:center;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:700}.position-summary output.empty{background:var(--bg);min-width:auto;color:var(--text-mute);font-weight:500}.position-chevron{color:var(--text-sec);font-size:16px;line-height:1;transition:transform .2s}.position-label-row[aria-expanded=true] .position-chevron{transform:rotate(180deg)}.position-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:6px;display:grid}.position-cell{border:1px solid var(--border);cursor:pointer;background:var(--surface);min-width:0;height:28px;color:var(--text-sec);font-family:var(--mono);border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:10px;transition:border-color .15s,background .15s,color .15s,transform .15s;display:flex}.position-cell:hover{border-color:var(--border-hi);color:var(--text);transform:translateY(-1px)}.position-cell.selected{border-color:var(--text);background:var(--text);color:var(--surface);font-weight:700}.position-cell:focus-visible{outline:2px solid var(--text);outline-offset:2px}.position-grid-enter-active,.position-grid-leave-active{transform-origin:top;transition:opacity .22s,transform .22s cubic-bezier(.22,1,.36,1),max-height .25s cubic-bezier(.22,1,.36,1),margin .25s;overflow:hidden}.position-grid-enter-active .position-cell{animation:.2s backwards position-cell-in}.position-grid-enter-active .position-cell:nth-child(5n+1){animation-delay:0s}.position-grid-enter-active .position-cell:nth-child(5n+2){animation-delay:15ms}.position-grid-enter-active .position-cell:nth-child(5n+3){animation-delay:30ms}.position-grid-enter-active .position-cell:nth-child(5n+4){animation-delay:45ms}.position-grid-enter-active .position-cell:nth-child(5n+5){animation-delay:60ms}.position-grid-enter-from,.position-grid-leave-to{opacity:0;max-height:0;margin-top:0;transform:scaleY(.86)translateY(-5px)}.position-grid-enter-to,.position-grid-leave-from{opacity:1;max-height:320px;transform:scaleY(1)translateY(0)}@keyframes position-cell-in{0%{opacity:0;transform:translateY(-4px)scale(.94)}}.link-button{cursor:pointer;color:var(--text-sec);background:0 0;border:0;font-size:11px}.full-button{width:100%;margin-top:10px}.preview-column{flex-direction:column;flex:1;gap:8px;min-width:0;padding:16px 24px 16px 16px;display:flex}.preview-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.generated-image-button{cursor:zoom-in;background:0 0;border:0;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:flex;overflow:hidden}.generated-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.save-button{border:1px solid var(--border);cursor:pointer;background:var(--surface);width:38px;height:38px;color:var(--text-sec);border-radius:8px;justify-content:center;align-items:center;transition:color .2s,border-color .2s,background .2s,box-shadow .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 8px #00000014}.save-button:hover{border-color:var(--border-hi);background:var(--fill);color:var(--text);transform:translateY(-3px)scale(1.05);box-shadow:0 10px 24px #0003,0 3px 8px #0000001f}.save-button:active{transform:translateY(-1px)scale(.98);box-shadow:0 3px 8px #0000001f}.save-button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.preview-placeholder{color:var(--text-mute);font-family:var(--mono);font-size:12px}.preview-meta{color:var(--text-sec);gap:24px;font-size:11px;display:flex}.action-bar{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:8px;padding:10px 24px;display:flex}.primary-button{border:1px solid var(--border);cursor:pointer;background:var(--surface);min-height:44px;color:var(--text);border-radius:10px;flex:1;padding:0 24px;font-size:14px;font-weight:600;transition:transform .2s,background .2s,border-color .2s}.primary-button:hover{border-color:var(--border-hi);background:var(--fill);transform:translateY(-1px)}.primary-button:disabled,.text-button:disabled{cursor:default;opacity:.45;transform:none}.history-button{white-space:nowrap;border-radius:10px;align-items:center;gap:7px;min-height:44px;padding:0 16px;display:inline-flex}.status-bar{border-top:1px solid var(--border);min-height:30px;color:var(--text-sec);flex-shrink:0;padding:7px 24px;font-size:11px}.status-bar.error{color:#d4372c;font-weight:600}.status-message-shake{transform-origin:0;animation:.5s cubic-bezier(.36,.07,.19,.97) both status-message-shake;display:inline-block}@keyframes status-message-shake{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-5px)rotate(-.35deg)}30%,60%,90%{transform:translate(5px)rotate(.35deg)}}.site-footer{border-top:1px solid var(--border);background:var(--surface);min-height:28px;color:var(--text-mute);font-family:var(--mono);letter-spacing:.04em;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:5px 24px;font-size:9px;display:flex}.site-footer a{color:var(--text-sec);text-decoration:none;transition:color .18s,opacity .18s}.site-footer a:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.image-preview-layer{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.image-preview-full{object-fit:contain;cursor:default;filter:drop-shadow(0 18px 42px #00000073);max-width:100%;max-height:100%;display:block}.image-preview-close{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));z-index:1;cursor:pointer;color:#fff;background:#141414b3;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:background .18s,transform .18s;display:flex;position:fixed}.image-preview-close:hover{background:#323232e6;transform:rotate(6deg)scale(1.06)}.image-preview-hint{bottom:max(18px, env(safe-area-inset-bottom));color:#ffffffad;font-family:var(--mono);background:#00000073;border-radius:6px;padding:6px 10px;font-size:10px;position:fixed;left:50%;transform:translate(-50%)}.image-preview-enter-active,.image-preview-leave-active{transition:opacity .22s}.image-preview-enter-active .image-preview-full,.image-preview-leave-active .image-preview-full{transition:opacity .22s,transform .26s cubic-bezier(.22,1,.36,1)}.image-preview-enter-from,.image-preview-leave-to{opacity:0}.image-preview-enter-from .image-preview-full,.image-preview-leave-to .image-preview-full{opacity:0;transform:scale(.94)}.mobile-preview-header,.mobile-drawer-layer,.mobile-connection-button{display:none}.crop-dialog-layer{z-index:40;background:#000000d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.crop-dialog{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;width:min(100%,1000px);height:min(86vh,760px);display:flex;overflow:hidden}.crop-header,.crop-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.crop-header{border-bottom:1px solid var(--border)}.crop-header>div{flex-direction:column;gap:2px;min-width:0;display:flex}.crop-header span,.crop-footer>span{color:var(--text-sec);font-family:var(--mono);font-size:10px}.crop-stage{background:#111;flex:1;min-height:0;position:relative}.crop-stage>img{max-width:100%;max-height:100%;display:block}.crop-stage cropper-canvas{--theme-color:var(--border-hi);width:100%;height:100%}.crop-stage cropper-selection{--theme-color:var(--text)}.crop-stage cropper-grid{opacity:.4}.crop-stage cropper-handle[action=move]{cursor:move}.crop-footer{border-top:1px solid var(--border)}.crop-options{flex-direction:column;gap:5px;min-width:0;display:flex}.crop-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:inline-flex}.crop-checkbox input[type=checkbox]{flex-basis:16px;width:16px;height:16px}.crop-options>span{color:var(--text-sec);font-family:var(--mono);font-size:10px}.crop-footer>div{gap:8px;display:flex}.crop-confirm{min-width:120px}.mask-editor-layer{z-index:50;background:#000000e0;flex-direction:column;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mask-editor-header{color:#fff;width:min(100%,1100px);font-family:var(--mono);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mask-stage{min-height:0;aspect-ratio:var(--mask-aspect,auto);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:1;position:relative;overflow:hidden}.mask-stage canvas{cursor:crosshair;opacity:.42;touch-action:none;width:100%;height:100%;display:block}.mask-toolbar{background:var(--surface);border-radius:10px;align-items:center;gap:10px;width:min(100%,700px);margin-top:10px;padding:8px 12px;display:flex}.mask-toolbar label{flex:1;align-items:center;gap:8px;display:flex}.mask-toolbar input{flex:1}.mask-confirm{max-width:140px}.history-layer{z-index:60;background:#0006;position:fixed;inset:0}.history-drawer{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;width:min(340px,100%);height:100%;display:flex;position:absolute;top:0;right:0}.history-drawer>header{border-bottom:1px solid var(--border);font-family:var(--mono);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.history-drawer>header>div{gap:6px;display:flex}.history-list{flex:1;padding:8px;overflow-y:auto}.history-empty{color:var(--text-mute);font-family:var(--mono);text-align:center;padding:40px 16px}.history-item{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;flex-direction:column;gap:6px;width:100%;margin-bottom:7px;padding:8px;display:flex}.history-item:hover{background:var(--fill)}.history-item img{border:1px solid var(--border);object-fit:contain;border-radius:7px;width:100%;max-height:230px}.history-item span{font-family:var(--mono);justify-content:space-between;gap:8px;font-size:10px;display:flex}.history-item small{color:var(--text-mute)}.history-enter-active,.history-leave-active{transition:opacity .25s}.history-enter-active .history-drawer,.history-leave-active .history-drawer{transition:transform .25s}.history-enter-from,.history-leave-to{opacity:0}.history-enter-from .history-drawer,.history-leave-to .history-drawer{transform:translate(100%)}.base-url-alert-overlay{z-index:110;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000007a;animation:.18s ease-out alert-overlay-in;position:fixed;inset:0}.base-url-alert-content{z-index:111;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 97%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;outline:none;grid-template-columns:auto minmax(0,1fr);gap:14px;width:min(100vw - 32px,450px);padding:20px;animation:.24s cubic-bezier(.22,1,.36,1) alert-content-in;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #00000047,0 5px 18px #0000001f}.base-url-alert-icon{border:1px solid color-mix(in srgb, #d68b19 36%, var(--border));background:color-mix(in srgb, #d68b19 12%, var(--surface));color:#c97c08;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.base-url-alert-copy{min-width:0}.base-url-alert-title{color:var(--text);margin:1px 0 7px;font-size:14px;font-weight:650}.base-url-alert-description{color:var(--text-sec);margin:0;font-size:12px;line-height:1.65}.base-url-alert-description code{border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--mono);border-radius:4px;padding:2px 5px;font-size:10px}.base-url-alert-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;margin-top:5px;display:flex}.base-url-alert-confirm{flex:none;min-height:36px;padding-inline:16px}.base-url-alert-overlay[data-state=closed]{animation:.14s ease-in forwards alert-overlay-out}.base-url-alert-content[data-state=closed]{animation:.14s ease-in forwards alert-content-out}@keyframes alert-overlay-in{0%{opacity:0}}@keyframes alert-overlay-out{to{opacity:0}}@keyframes alert-content-in{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))scale(.96)}}@keyframes alert-content-out{to{opacity:0;transform:translate(-50%,calc(6px - 50%))scale(.98)}}.guide-layer{z-index:120;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#00000085;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.guide-dialog{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 97%, transparent);border-radius:16px;flex-direction:column;width:min(100%,560px);max-height:min(760px,100dvh - 40px);display:flex;overflow:hidden;box-shadow:0 28px 80px #0000004d,0 6px 20px #0000001f}.guide-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.guide-heading{align-items:center;gap:12px;min-width:0;display:flex}.guide-heading>div{flex-direction:column;gap:3px;min-width:0;display:flex}.guide-heading strong{font-size:15px}.guide-heading span:not(.guide-icon){color:var(--text-sec);font-family:var(--mono);font-size:10px}.guide-icon{border:1px solid color-mix(in srgb, #2f8fdb 35%, var(--border));background:color-mix(in srgb, #7cc4f5 14%, var(--surface));color:#2f8fdb;border-radius:11px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.guide-steps{gap:10px;padding:18px 20px;display:grid;overflow-y:auto}.guide-step{border:1px solid var(--border);background:var(--bg);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px;display:grid;position:relative}.guide-step-number{color:#2f8fdb;font-family:var(--mono);padding-top:2px;font-size:10px;font-weight:700}.guide-step>div{flex-direction:column;gap:5px;min-width:0;display:flex}.guide-step strong{font-size:12px}.guide-step p{color:var(--text-sec);margin:0;font-size:11px;line-height:1.65}.guide-step code{background:var(--surface);color:var(--text);font-family:var(--mono);border-radius:4px;padding:1px 4px;font-size:9px}.guide-step-art{color:#2f8fdb;margin-top:2px}.guide-model-art{border:1px solid var(--border);color:var(--text-sec);font-family:var(--mono);border-radius:5px;margin-top:2px;padding:4px 6px;font-size:8px}.guide-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px 18px;display:flex}.guide-footer a{color:#2f8fdb;align-items:center;gap:5px;font-size:10px;line-height:1.5;text-decoration:none;display:inline-flex}.guide-footer a:hover{text-underline-offset:3px;text-decoration:underline}.guide-confirm{flex:none;min-height:38px}.guide-enter-active,.guide-leave-active{transition:opacity .2s}.guide-enter-active .guide-dialog,.guide-leave-active .guide-dialog{transition:opacity .2s,transform .25s cubic-bezier(.22,1,.36,1)}.guide-enter-from,.guide-leave-to{opacity:0}.guide-enter-from .guide-dialog,.guide-leave-to .guide-dialog{opacity:0;transform:translateY(12px)scale(.97)}.modern-select-trigger{border:1px solid var(--border);cursor:pointer;background:var(--bg);width:100%;min-height:36px;color:var(--text);text-align:left;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 1px #00000005}.modern-select-trigger:hover{border-color:var(--border-hi);background:var(--surface)}.modern-select-trigger:focus-visible,.modern-select-trigger[data-state=open]{border-color:var(--border-hi);background:var(--surface);box-shadow:0 0 0 3px #80808021}.modern-select-trigger.compact{min-height:32px;font-family:var(--mono);padding-block:5px;font-size:11px}.modern-select-chevron{color:var(--text-sec);flex-shrink:0;transition:transform .22s cubic-bezier(.22,1,.36,1)}.modern-select-trigger[data-state=open] .modern-select-chevron{transform:rotate(180deg)}.modern-select-content{z-index:100;min-width:var(--reka-select-trigger-width);max-height:min(320px, var(--reka-select-content-available-height));border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-origin:var(--reka-select-content-transform-origin);border-radius:10px;animation:.2s cubic-bezier(.22,1,.36,1) modern-select-in;overflow:hidden;box-shadow:0 14px 38px #00000029,0 3px 10px #00000014}.modern-select-content[data-state=closed]{animation:.14s ease-in forwards modern-select-out}.modern-select-viewport{padding:5px}.modern-select-item{cursor:pointer;min-height:34px;color:var(--text-sec);font-family:var(--mono);-webkit-user-select:none;user-select:none;border-radius:7px;outline:none;align-items:center;padding:7px 34px 7px 10px;font-size:11px;transition:color .14s,background .14s,padding-left .14s;display:flex;position:relative}.modern-select-item[data-highlighted]{background:var(--fill);color:var(--text);padding-left:14px}.modern-select-item[data-state=checked]{background:var(--fill);color:var(--text);font-weight:600}.modern-select-indicator{justify-content:center;align-items:center;display:inline-flex;position:absolute;right:10px}@keyframes modern-select-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modern-select-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-4px)scale(.98)}}@media (width<=760px){.topbar{justify-content:space-between;min-height:52px;padding:8px 12px}.topbar-divider,.connection-fields,.model-field,.topbar-actions>.text-button{display:none}.topbar-actions{margin-left:auto}.mobile-connection-button{display:inline-flex}.studio-main{display:block}.desktop-parameters{display:none}.preview-column{height:100%;padding:10px 12px}.mobile-preview-header{color:var(--text-sec);font-family:var(--mono);justify-content:space-between;align-items:center;font-size:11px;display:flex}.preview-meta{justify-content:space-between;gap:8px;font-size:10px}.action-bar{padding:8px 12px}.history-button span{display:none}.history-button{justify-content:center;width:44px;padding:0}.status-bar{padding:7px 12px}.site-footer{padding-bottom:calc(5px + env(safe-area-inset-bottom))}.mobile-drawer-layer{z-index:20;background:#0006;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-drawer{border-top:1px solid var(--border);background:var(--bg);border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-height:92vh;display:flex}.drawer-header{border-bottom:1px solid var(--border);font-family:var(--mono);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.drawer-header .icon-button{transform:rotate(180deg)}.drawer-content{height:auto;padding:12px}.drawer-confirm{width:100%}.connection-drawer-content{flex-direction:column;gap:14px;display:flex}.drawer-field{flex-direction:column;gap:6px;display:flex}.drawer-field>span{color:var(--text-sec);font-family:var(--mono);font-size:10px}.drawer-field input{border:1px solid var(--border);background:var(--surface);border-radius:7px;outline:none;width:100%;min-height:38px;padding:8px 10px}.drawer-field input:focus{border-color:var(--border-hi)}.drawer-remember-key{align-self:flex-start}.connection-drawer-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.guide-layer{align-items:flex-end;padding:0}.guide-dialog{width:100%;max-height:calc(100dvh - env(safe-area-inset-top));border-bottom:0;border-left:0;border-right:0;border-radius:18px 18px 0 0}.guide-header,.guide-steps{padding:14px 16px}.guide-step{grid-template-columns:auto minmax(0,1fr)}.guide-step-art,.guide-model-art{display:none}.guide-footer{padding:12px 16px calc(14px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch}.guide-footer a{text-align:center;justify-content:center}.guide-confirm{width:100%}.crop-dialog-layer{padding:0}.crop-dialog{border:0;border-radius:0;width:100%;height:100%}.crop-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch}.crop-footer>div{grid-template-columns:1fr 1fr;display:grid}}.drawer-enter-active,.drawer-leave-active{transition:opacity .25s}.drawer-enter-active .mobile-drawer,.drawer-leave-active .mobile-drawer{transition:transform .25s}.drawer-enter-from,.drawer-leave-to{opacity:0}.drawer-enter-from .mobile-drawer,.drawer-leave-to .mobile-drawer{transform:translateY(100%)}