:root{--bg-black: #000000;--surface-default: #1C1C1E;--surface-elevated: #2C2C2E;--surface-hover: #3A3A3C;--text-primary: #F5F5F7;--text-secondary: #8E8E93;--border-subtle: rgba(255, 255, 255, .1);--accent-white: #FFFFFF;--accent-black: #000000;--status-red: #FF453A;--status-green: #32D74B;--font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "SF Pro Text", "Segoe UI", sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;--sidebar-width: 68px;--inspector-width: 340px;color:var(--text-primary);background:var(--bg-black);font-family:var(--font-family);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%}html{scrollbar-color:var(--surface-hover) var(--bg-black)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg-black)}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--surface-hover)}::-webkit-scrollbar-thumb:hover{background:#ffffff52}body{min-width:320px;min-height:100vh;overflow:hidden;background:var(--bg-black);color:var(--text-primary)}button,input,textarea,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}button:disabled{opacity:.45;cursor:default}input,textarea,select{width:100%;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-black);color:var(--text-primary);outline:none;transition:background .18s ease,border-color .18s ease}input,select{min-height:36px;padding:8px 10px}textarea{min-height:86px;padding:10px 12px;resize:vertical;line-height:1.48}input:focus,textarea:focus,select:focus{border-color:#ffffff5c;background:var(--surface-elevated)}input[type=range]{min-height:auto;height:18px;padding:0;border:0;background:transparent;accent-color:var(--accent-white)}input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:var(--surface-hover)}input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-7px;border-radius:50%;background:var(--accent-white);appearance:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,h4,h5,p,label{margin:0;font-weight:500}h1{font-size:24px;line-height:1;letter-spacing:-.04em}h1 small{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:0}form label,label{display:grid;gap:6px;color:var(--text-secondary);font-size:12px}.eyebrow{margin-bottom:8px;color:var(--text-secondary);font-size:10px;font-weight:650;letter-spacing:.16em;text-transform:uppercase}.setup-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg-black)}.setup-card{width:min(100%,390px);padding:30px;border:1px solid var(--border-subtle);border-radius:22px;background:#1c1c1ee6;text-align:center}.setup-card form{margin-top:24px;display:grid;gap:14px}.setup-hint{margin-top:16px;color:var(--text-secondary);font-size:12px;line-height:1.5}.mark{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 18px;border-radius:15px;background:var(--surface-elevated)}.main-shell,#app-container{width:100%;height:100%}.pro-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr) var(--inspector-width);background:var(--bg-black)}.nav-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);border-right:1px solid var(--border-subtle);background:var(--bg-black);display:flex;flex-direction:column;align-items:center;padding:18px 0;gap:18px}.nav-brand{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--text-primary);background:var(--surface-default)}.nav-group,.nav-bottom{display:grid;gap:10px}.nav-group{flex:1;align-content:start}.nav-icon{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--text-secondary);transition:background .16s ease,color .16s ease,transform .1s ease}.nav-icon span{display:grid;place-items:center;min-width:20px;font-size:13px;font-weight:650}.nav-icon em{position:absolute;left:52px;top:50%;z-index:20;transform:translateY(-50%) translate(-4px);padding:5px 9px;border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--text-primary);font-size:12px;font-style:normal;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.nav-icon:hover,.nav-icon.active{color:var(--text-primary);background:var(--surface-default)}.nav-icon:hover em{opacity:1;transform:translateY(-50%) translate(0)}.main-canvas{position:relative;min-width:0;height:100vh;overflow:auto;background:var(--bg-black)}.inspector-panel{min-width:0;height:100vh;overflow-y:auto;border-left:1px solid var(--border-subtle);background:var(--surface-default)}.inspector-view{display:flex;flex-direction:column;gap:14px;min-height:100%;padding:20px}.inspector-head{padding:2px 0 8px}.view-shell{min-height:100%;display:block;padding:20px}.card{border:0;border-radius:0;background:transparent;padding:0 0 16px;border-bottom:1px solid var(--border-subtle)}.inspector-panel .card{padding-bottom:16px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--text-primary);font-size:13px;font-weight:560}.section-title small{color:var(--text-secondary);font-size:11px;font-weight:500}.floating-title{margin:0 0 12px}.subsection-label{margin:12px 0 7px;color:var(--text-secondary);font-size:11px;font-weight:620;letter-spacing:.04em;text-transform:uppercase}.primary,.secondary-btn,.danger-btn,.generate-btn,.link-button,.remove-btn{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:var(--radius-md);font-size:13px;font-weight:590;text-align:center;transition:transform .1s ease,opacity .18s ease,background .18s ease,color .18s ease}.primary,.generate-btn{width:100%;min-height:48px;background:var(--accent-white);color:var(--accent-black)}.primary:active,.generate-btn:active{transform:scale(.98)}.generate-wrapper{position:sticky;top:0;z-index:10;padding:0 0 6px;background:var(--surface-default)}.generate-btn.working,.secondary-btn,.link-button,.remove-btn{background:var(--surface-elevated);color:var(--text-primary)}.secondary-btn:hover,.link-button:hover,.remove-btn:hover{background:var(--surface-hover)}.danger-btn{background:#ff453a1f;color:#ffb4ae}.danger-btn:hover{background:#ff453a38}.danger-btn.ghost{background:transparent;color:#ffb4ae}.slim{width:auto;min-height:36px}.wide{width:100%}.desktop-result,.result{position:relative;width:100%;min-height:calc(100vh - 40px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-black)}.result img{max-width:92%;max-height:calc(100vh - 96px);object-fit:contain;border-radius:var(--radius-sm);animation:fade-in .22s ease both;box-shadow:0 20px 42px #0000008c}.result-placeholder{display:grid;place-items:center;gap:10px;color:var(--text-secondary);text-align:center}.result-placeholder>span{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:var(--surface-default);color:var(--text-primary)}.result-placeholder p{color:var(--text-primary);font-size:18px}.result-placeholder small{max-width:460px;color:var(--text-secondary);line-height:1.5}.progress-ring{width:min(70vw,520px);display:grid;gap:12px;color:var(--text-primary)}.progress-ring i{position:relative;width:100%;height:2px;display:block;overflow:hidden;border-radius:2px;background:var(--surface-elevated)}.progress-ring i:after{content:"";display:block;width:calc(var(--p, 0) * 1%);height:100%;background:var(--accent-white)}.progress-ring span{justify-self:center;color:var(--text-primary);font-size:32px;letter-spacing:-.05em}.status-text{position:absolute;top:calc(50% + 48px);color:var(--text-secondary);font-size:13px}.result-actions{position:absolute;left:24px;right:24px;bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:#1c1c1ebd;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--text-secondary);font-size:12px}.inspector-panel .result,.inspector-panel .gallery-result{min-height:220px;border-radius:var(--radius-md);background:var(--bg-black)}.inspector-panel .result img,.inspector-panel .gallery-result img{max-width:100%;max-height:220px;box-shadow:none}.inspector-panel .result-actions{position:static;margin-top:10px}.size-row,.row-actions,.dual-select-row{display:flex;gap:8px}.row-actions.wrap{flex-wrap:wrap}.row-actions>*{min-width:0}.dual-select-row{flex-direction:column}.size-row{display:grid;grid-template-columns:repeat(3,1fr)}.size-pill{min-height:68px;display:grid;align-content:center;justify-items:center;gap:6px;border-radius:var(--radius-md);background:var(--surface-elevated);color:var(--text-secondary)}.size-pill i{width:22px;aspect-ratio:var(--ratio, 1);border:1px solid currentColor;border-radius:3px}.size-pill.selected{background:var(--accent-white);color:var(--accent-black)}.param-block{display:grid;gap:14px}.slider-row{display:grid;grid-template-columns:92px minmax(0,1fr) 44px;align-items:center;gap:10px;color:var(--text-secondary);font-size:12px}.slider-row output{color:var(--text-primary);text-align:right}.seed-label{margin-top:2px}.gallery-grid,.danbooru-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:2px}.gallery-grid button,.danbooru-grid button{position:relative;aspect-ratio:1;overflow:hidden;background:var(--surface-default)}.gallery-grid button.selected,.danbooru-grid button.selected{outline:2px solid var(--accent-white);outline-offset:-2px}.gallery-grid img,.danbooru-grid img,.thumb-frame img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .22s ease,filter .22s ease}.gallery-grid button:hover img,.danbooru-grid button:hover img{transform:scale(1.035);filter:brightness(.72)}.gallery-actions{margin-top:10px}.lora-stack,.lora-list,.module-list,.prompt-stack{display:grid;gap:8px}.lora-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-height:calc(100vh - 120px);overflow:auto}.lora-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-default);color:var(--text-secondary);text-align:left}.lora-list button.selected,.module-preset.selected,.tag-chip.active{background:var(--accent-white);color:var(--accent-black)}.lora-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lora-chip{display:grid;gap:8px;padding:10px;border-radius:var(--radius-md);background:var(--surface-elevated)}.lora-chip b{overflow:hidden;color:var(--text-primary);font-size:12px;font-weight:560;text-overflow:ellipsis;white-space:nowrap}.lora-controls{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}.module-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.module-card{display:grid;gap:10px;min-height:240px;padding:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-default)}.module-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.module-head h3{color:var(--text-primary);font-size:14px;font-weight:560}.module-head small{color:var(--text-secondary);font-size:11px}.prompt-stack{display:flex;flex-wrap:wrap;align-content:flex-start}.module-preset{min-height:28px;padding:5px 12px;border-radius:var(--radius-pill);background:var(--surface-elevated);color:var(--text-secondary);font-size:12px}.search-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.autocomplete-box{position:relative}.autocomplete-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:50;max-height:280px;overflow:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#1c1c1efa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.tag-suggest{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;color:var(--text-primary);text-align:left}.tag-suggest:hover{background:var(--surface-elevated)}.tag-suggest span{display:grid;gap:2px}.tag-suggest small,.tag-suggest em{color:var(--text-secondary);font-size:11px;font-style:normal}.suggest-loading,.loading-line,.empty-state{padding:18px;color:var(--text-secondary);text-align:center}.empty-state.small{padding:10px;font-size:12px}.pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:var(--text-secondary);font-size:12px}.thumb-frame,.thumb-loading{width:100%;height:100%;display:grid;place-items:center;color:var(--text-secondary);font-size:12px}.span-grid{grid-column:1 / -1}.reference-preview{overflow:hidden;border-radius:var(--radius-md);background:var(--bg-black)}.reference-preview img{width:100%;max-height:260px;display:block;object-fit:contain}.error-text{margin:8px 0;color:#ffb4ae;font-size:12px;line-height:1.5}.status-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-size:13px}.status-box b{position:relative;color:var(--text-primary);font-weight:560}.status-box b:before{content:"";width:6px;height:6px;display:inline-block;margin-right:8px;border-radius:50%;background:var(--status-green);vertical-align:middle}.inline-status{margin-top:8px;color:var(--text-secondary);font-size:12px;line-height:1.5}.notes-list{display:grid;gap:8px;padding-left:16px;color:var(--text-secondary);font-size:12px;line-height:1.5}.toast{position:fixed;left:50%;bottom:24px;z-index:100;max-width:min(460px,calc(100vw - 32px));transform:translate(-50%,12px);padding:10px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:#2c2c2ef5;color:var(--text-primary);font-size:13px;opacity:0;transition:opacity .18s ease,transform .18s ease}.toast.visible{opacity:1;transform:translate(-50%)}.toast.error{color:#ffb4ae}@keyframes fade-in{0%{opacity:0;transform:scale(.992)}to{opacity:1;transform:scale(1)}}@media(max-width:980px){:root{--sidebar-width: 58px;--inspector-width: 320px}.pro-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.inspector-panel{position:fixed;right:0;top:0;bottom:0;z-index:40;width:min(88vw,var(--inspector-width));transform:translate(calc(100% - 18px));transition:transform .18s ease}.inspector-panel:hover,.inspector-panel:focus-within{transform:translate(0)}}