*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-carbon:#0d0d0d;--color-snow:#fff;--color-fog:#f9f9f9;--color-pewter:#5d5d5d;--color-stone:#8f8f8f;--color-arctic-mist:#ececec;--color-link-blue:#007aff;--color-danger:#ff3b30;--color-success:#34c759;--color-warning:#ff9500;--font-ui-sans-serif:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-caption:14px;--leading-caption:1.43;--text-body:16px;--leading-body:1.5;--text-subheading:18px;--leading-subheading:1.56;--text-heading:24px;--leading-heading:1;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--spacing-4:4px;--spacing-6:6px;--spacing-8:8px;--spacing-10:10px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-32:32px;--spacing-60:60px;--spacing-64:64px;--page-max-width:1150px;--sidebar-width:300px;--card-padding:20px;--element-gap:4px;--radius-input:28px;--radius-buttons:10px;--radius-default:10px;--radius-sm:6px;--radius-pill:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease}html,body{height:100%;font-family:var(--font-ui-sans-serif);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-carbon);background:var(--color-snow);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--color-fog);border-right:1px solid var(--color-arctic-mist);height:100vh;transition:margin-left var(--transition-normal), opacity var(--transition-normal);flex-direction:column;display:flex;overflow:hidden auto}.sidebar.collapsed{margin-left:calc(-1 * var(--sidebar-width));opacity:0;pointer-events:none}.sidebar-header{padding:var(--spacing-16) var(--spacing-16) var(--spacing-12);border-bottom:1px solid var(--color-arctic-mist);justify-content:space-between;align-items:center;display:flex}.sidebar-header h2{font-size:var(--text-subheading);font-weight:var(--font-weight-semibold);line-height:var(--leading-subheading)}.sidebar-content{padding:var(--spacing-16);gap:var(--spacing-20);flex-direction:column;flex:1;display:flex}.main-area{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.main-header{align-items:center;gap:var(--spacing-8);padding:var(--spacing-12) var(--spacing-20);border-bottom:1px solid var(--color-arctic-mist);background:var(--color-snow);display:flex}.main-content{padding:var(--spacing-24) var(--spacing-32);flex:1;overflow-y:auto}.main-content-inner{max-width:var(--page-max-width);margin:0 auto}.tab-nav{gap:var(--spacing-4);white-space:nowrap;-webkit-overflow-scrolling:touch;flex:1;padding-bottom:4px;display:flex;overflow-x:auto}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{padding:var(--spacing-8) var(--spacing-16);color:var(--color-pewter);font-family:var(--font-ui-sans-serif);font-size:var(--text-caption);font-weight:var(--font-weight-medium);border-radius:var(--radius-buttons);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;border:none}.tab-btn:hover{background:var(--color-arctic-mist);color:var(--color-carbon)}.tab-btn.active{background:var(--color-carbon);color:var(--color-snow)}.sidebar-toggle{border:1px solid var(--color-arctic-mist);background:var(--color-snow);border-radius:var(--radius-buttons);cursor:pointer;width:36px;height:36px;color:var(--color-pewter);transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;font-size:18px;display:flex}.sidebar-toggle:hover{background:var(--color-arctic-mist);color:var(--color-carbon)}.form-group{gap:var(--spacing-6);flex-direction:column;display:flex}.form-label{font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-carbon);line-height:var(--leading-caption)}.form-sublabel{color:var(--color-stone);font-size:12px;font-weight:var(--font-weight-regular)}.form-input,.form-select{width:100%;padding:var(--spacing-10) var(--spacing-16);border:1px solid var(--color-arctic-mist);border-radius:var(--radius-input);background:var(--color-snow);color:var(--color-carbon);font-family:var(--font-ui-sans-serif);font-size:var(--text-caption);line-height:var(--leading-caption);transition:border-color var(--transition-fast);outline:none}.form-input:focus,.form-select:focus{border-color:var(--color-link-blue)}.form-input::placeholder{color:var(--color-stone)}.form-textarea{width:100%;padding:var(--spacing-12) var(--spacing-16);border:1px solid var(--color-arctic-mist);border-radius:var(--radius-default);background:var(--color-snow);color:var(--color-carbon);font-family:var(--font-ui-sans-serif);font-size:var(--text-caption);line-height:var(--leading-caption);resize:vertical;min-height:80px;transition:border-color var(--transition-fast);outline:none}.form-textarea:focus{border-color:var(--color-link-blue)}.form-textarea.compact{min-height:56px}.form-number{width:100%;padding:var(--spacing-8) var(--spacing-12);border:1px solid var(--color-arctic-mist);border-radius:var(--radius-buttons);background:var(--color-snow);color:var(--color-carbon);font-family:var(--font-ui-sans-serif);font-size:var(--text-caption);transition:border-color var(--transition-fast);outline:none}.form-number:focus{border-color:var(--color-link-blue)}.form-slider{appearance:none;background:var(--color-arctic-mist);border-radius:2px;outline:none;width:100%;height:4px}.form-slider::-webkit-slider-thumb{appearance:none;background:var(--color-carbon);cursor:pointer;border:2px solid var(--color-snow);border-radius:50%;width:18px;height:18px}.form-slider::-moz-range-thumb{background:var(--color-carbon);cursor:pointer;border:2px solid var(--color-snow);border-radius:50%;width:18px;height:18px}.btn{justify-content:center;align-items:center;gap:var(--spacing-8);padding:var(--spacing-10) var(--spacing-20);border-radius:var(--radius-buttons);font-family:var(--font-ui-sans-serif);font-size:var(--text-caption);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;border:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-carbon);color:var(--color-snow)}.btn-primary:hover:not(:disabled){opacity:.85}.btn-secondary{background:var(--color-snow);color:var(--color-carbon);border:1px solid #00000026}.btn-secondary:hover:not(:disabled){background:var(--color-fog)}.btn-ghost{color:var(--color-pewter);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-arctic-mist);color:var(--color-carbon)}.btn-danger{background:var(--color-danger);color:var(--color-snow)}.btn-sm{padding:var(--spacing-6) var(--spacing-12);font-size:12px}.btn-lg{padding:var(--spacing-12) var(--spacing-24);font-size:var(--text-body);border-radius:var(--radius-input)}.btn-block{width:100%}.btn-icon{border-radius:var(--radius-buttons);width:36px;height:36px;padding:0}.generate-btn{width:100%;padding:var(--spacing-16) var(--spacing-24);border-radius:var(--radius-input);background:var(--color-carbon);color:var(--color-snow);font-family:var(--font-ui-sans-serif);font-size:var(--text-body);font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity var(--transition-fast);border:none;position:relative;overflow:hidden}.generate-btn:hover:not(:disabled){opacity:.9}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.generate-btn.generating{background:linear-gradient(90deg, var(--color-carbon) 0%, #2a2a2a 50%, var(--color-carbon) 100%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card{background:var(--color-snow);border:1px solid var(--color-arctic-mist);border-radius:var(--radius-default);padding:var(--card-padding)}.card-header{margin-bottom:var(--spacing-16);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.prompt-group{gap:var(--spacing-6);flex-direction:column;display:flex}.prompt-label{align-items:center;gap:var(--spacing-8);font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-carbon);display:flex}.prompt-label-tag{border-radius:var(--radius-pill);background:var(--color-fog);color:var(--color-pewter);font-size:11px;font-weight:var(--font-weight-regular);padding:2px 8px}.image-uploader{border:2px dashed var(--color-arctic-mist);border-radius:var(--radius-default);padding:var(--spacing-32);justify-content:center;align-items:center;gap:var(--spacing-12);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;min-height:180px;display:flex;position:relative}.image-uploader:hover{border-color:var(--color-stone);background:var(--color-fog)}.image-uploader.drag-over{border-color:var(--color-link-blue);background:#007aff0a}.image-uploader.has-image{padding:var(--spacing-8);border-style:solid}.image-uploader-icon{color:var(--color-stone);font-size:32px}.image-uploader-text{font-size:var(--text-caption);color:var(--color-pewter);text-align:center}.image-uploader-preview{object-fit:contain;border-radius:var(--radius-sm);width:100%;max-height:300px}.image-uploader-remove{top:var(--spacing-8);right:var(--spacing-8);background:var(--color-carbon);width:28px;height:28px;color:var(--color-snow);cursor:pointer;opacity:0;transition:opacity var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute}.image-uploader:hover .image-uploader-remove{opacity:1}.lora-stacker{gap:var(--spacing-8);flex-direction:column;display:flex}.lora-row{align-items:center;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-12);background:var(--color-fog);border-radius:var(--radius-sm);transition:background var(--transition-fast);display:flex}.lora-row:hover{background:var(--color-arctic-mist)}.lora-select{min-width:0;padding:var(--spacing-6) var(--spacing-10);border:1px solid var(--color-arctic-mist);border-radius:var(--radius-sm);background:var(--color-snow);font-family:var(--font-ui-sans-serif);color:var(--color-carbon);outline:none;flex:1;font-size:12px}.lora-weight{width:56px;padding:var(--spacing-4) var(--spacing-6);border:1px solid var(--color-arctic-mist);border-radius:var(--radius-sm);background:var(--color-snow);font-family:var(--font-ui-sans-serif);text-align:center;color:var(--color-carbon);outline:none;font-size:12px}.lora-remove{width:24px;height:24px;color:var(--color-stone);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.lora-remove:hover{color:var(--color-danger);background:#ff3b301a}.lora-add{align-self:flex-start}.result-viewer{gap:var(--spacing-16);margin-top:var(--spacing-24);flex-direction:column;display:flex}.result-grid{gap:var(--spacing-12);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.result-image-card{border:1px solid var(--color-arctic-mist);border-radius:var(--radius-default);transition:border-color var(--transition-fast);position:relative;overflow:hidden}.result-image-card:hover{border-color:var(--color-stone)}.result-image-card img{width:100%;display:block}.result-image-actions{opacity:0;pointer-events:none;background:linear-gradient(#00000080,#0000);justify-content:flex-end;gap:8px;padding:8px;transition:opacity .2s;display:flex;position:absolute;top:0;left:0;right:0}.result-image-card:hover .result-image-actions{opacity:1;pointer-events:auto}.result-image-send-actions{opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000b3);justify-content:center;gap:8px;padding:8px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.result-image-card:hover .result-image-send-actions{opacity:1;pointer-events:auto}.result-image-send-actions button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #fff6;border-radius:4px;padding:4px 8px;font-size:11px;transition:background .2s,transform .1s}.result-image-send-actions button:hover{background:#fff6;transform:scale(1.05)}.inpaint-canvas-wrapper{border:1px solid var(--color-arctic-mist);border-radius:var(--radius-default);background:var(--color-fog);position:relative;overflow:hidden}.inpaint-canvas-toolbar{align-items:center;gap:var(--spacing-12);padding:var(--spacing-8) var(--spacing-12);border-bottom:1px solid var(--color-arctic-mist);background:var(--color-snow);display:flex}.inpaint-canvas-area{justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.inpaint-canvas-area canvas{cursor:crosshair;max-width:100%;max-height:500px}.inpaint-result{margin-top:var(--spacing-24)}.inpaint-result-controls{align-items:center;gap:var(--spacing-12);margin-bottom:var(--spacing-16);display:flex}.inpaint-result-viewer{border:1px solid var(--color-arctic-mist);border-radius:var(--radius-default);position:relative;overflow:hidden}.inpaint-result-viewer img{width:100%;transition:opacity var(--transition-normal);display:block}.inpaint-result-side-by-side{gap:var(--spacing-12);grid-template-columns:1fr 1fr;display:grid}.inpaint-result-side-by-side .side-label{text-align:center;font-size:var(--text-caption);color:var(--color-pewter);padding:var(--spacing-8) 0}.inpaint-result-side-by-side img{border:1px solid var(--color-arctic-mist);border-radius:var(--radius-default);width:100%}.checkbox-wrapper{align-items:center;gap:var(--spacing-8);cursor:pointer;display:flex}.checkbox-wrapper input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-carbon)}.checkbox-wrapper label{font-size:var(--text-caption);color:var(--color-pewter);cursor:pointer}.inline-row{align-items:center;gap:var(--spacing-8);display:flex}.inline-row>*{flex:1}.panel-section{gap:var(--spacing-16);flex-direction:column;display:flex}.panel-section-title{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--color-carbon);text-transform:uppercase;letter-spacing:.05em}.prompts-grid{gap:var(--spacing-12);grid-template-columns:1fr 1fr;display:grid}@media (max-width:800px){.prompts-grid{grid-template-columns:1fr}}.import-section{align-items:center;gap:var(--spacing-12);padding:var(--spacing-12) var(--spacing-16);background:var(--color-fog);border-radius:var(--radius-default);border:1px dashed var(--color-arctic-mist);display:flex}.import-section-text{font-size:var(--text-caption);color:var(--color-pewter)}.seed-row{align-items:center;gap:var(--spacing-8);display:flex}.seed-input{flex:1}.seed-dice{width:36px;height:36px;font-size:18px}.status-bar{align-items:center;gap:var(--spacing-8);padding:var(--spacing-10) var(--spacing-16);border-radius:var(--radius-default);font-size:var(--text-caption);display:flex}.status-bar.error{color:var(--color-danger);background:#ff3b3014}.status-bar.info{color:var(--color-link-blue);background:#007aff14}.status-bar.success{color:var(--color-success);background:#34c75914}.divider{background:var(--color-arctic-mist);height:1px;margin:var(--spacing-8) 0}.slider-value{text-align:center;min-width:40px;font-size:var(--text-caption);color:var(--color-pewter);font-variant-numeric:tabular-nums}@media (max-width:768px){.sidebar{z-index:100;position:fixed;top:0;left:0}.sidebar.collapsed{margin-left:0;transform:translate(-100%)}}.fade-enter{opacity:0;transform:translateY(8px)}.fade-active{opacity:1;transition:opacity var(--transition-normal), transform var(--transition-normal);transform:translateY(0)}@keyframes pulse{0%{left:-40%}50%{left:100%}to{left:-40%}}@keyframes spin{to{transform:rotate(360deg)}}