:root{--bg:#1e1e20;--surface:#28282b;--surface-2:#313136;--border:#3d3d42;--border-strong:#4c4c53;--text:#f2f2f3;--text-muted:#a8a8ae;--text-faint:#7d7d84;--primary:#7c6ef2;--primary-hover:#6c5cec;--primary-soft:#232130;--danger:#fb7185;--danger-soft:#2a1216;--success:#10b981;--shadow-sm:0 1px 2px #00000059;--shadow:0 4px 16px #0006;--shadow-lg:0 12px 32px #00000080;--radius:14px;--radius-sm:9px;--grid-dot:#ffffff0d}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{background:var(--surface);color:var(--text);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;align-items:center;gap:14px;padding:14px 24px;display:flex}.app-logo{background:var(--surface-2);border:1px solid var(--border);width:38px;height:38px;color:var(--primary);border-radius:11px;place-items:center;font-size:20px;display:grid}.app-logo-btn{cursor:pointer;padding:0;transition:border-color .15s}.app-logo-btn:hover{border-color:var(--primary)}.app-title{flex-direction:column;line-height:1.2;display:flex}.app-title strong{letter-spacing:-.01em;font-size:17px;font-weight:700}.app-title span{color:var(--text-muted);font-size:12px}.status-pill{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:6px 13px;font-size:12px;font-weight:600;display:inline-flex}.status-dot{background:#fbbf24;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #fbbf2440}.status-dot.online{background:#34d399;box-shadow:0 0 0 3px #34d3994d}.app-body{flex:1;grid-template-columns:320px minmax(0,1fr) 320px;align-items:stretch;gap:18px;width:100%;max-width:2000px;min-height:0;margin:0 auto;padding:20px;display:grid}.sidebar{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;gap:16px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:10px}.generation-thread::-webkit-scrollbar{width:10px}.chat-messages::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-track{background:0 0}.generation-thread::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background-color:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.generation-thread::-webkit-scrollbar-thumb{background-color:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.chat-messages::-webkit-scrollbar-thumb{background-color:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--text-faint);background-clip:padding-box}.generation-thread::-webkit-scrollbar-thumb:hover{background-color:var(--text-faint);background-clip:padding-box}.chat-messages::-webkit-scrollbar-thumb:hover{background-color:var(--text-faint);background-clip:padding-box}.generation-thread,.chat-messages{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px}.panel-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:8px;margin:0 0 14px;font-size:12px;font-weight:700;display:flex}.panel-title .ico{flex-shrink:0;width:15px;height:15px}.btn{border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:transform 60ms,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-faint)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px #6366f14d}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{color:var(--danger);background:var(--surface);border-color:#fecdd3}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-block{width:100%}.btn-lg{padding:11px 16px;font-size:14px}.btn-small{border-radius:8px;padding:5px 10px;font-size:12px}.dropdown-toggle{background:var(--surface-2);color:var(--text);border:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dropdown-toggle:hover:not(:disabled){border-color:var(--border-strong)}.dropdown-chevron{opacity:.7;transition:transform .15s}.dropdown-chevron.open{transform:rotate(180deg)}.field-row{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.field-row label{color:var(--text-muted);font-size:12px;font-weight:600}.field-row input,.field-row select,.field-row textarea,.custom-size-row input,.prompt-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);padding:9px 11px;font-size:13px;transition:border-color .15s,box-shadow .15s}.field-row input:focus,.field-row select:focus,.field-row textarea:focus,.prompt-input:focus,.custom-size-row input:focus,.chat-input-row textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.preset-list{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.preset-row{text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s,transform 60ms;display:flex}.preset-row-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preset-row:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}.preset-row:active:not(:disabled){transform:translateY(1px)}.preset-row:disabled{opacity:.55;cursor:not-allowed}.preset-row.active{border-color:var(--border-strong);background:var(--surface-2);box-shadow:0 0 0 1px var(--border-strong) inset}.preset-row .dims{color:var(--text-faint);flex-shrink:0;font-size:11px;font-weight:500}.custom-size-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.custom-size-row input{width:100%;min-width:0}.hint{color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin:0 0 12px;padding:9px 11px;font-size:12px;line-height:1.45}.prompt-input{resize:vertical;width:100%;min-height:62px;margin-bottom:10px}.gen-actions{gap:8px;display:flex}.gen-actions .btn{flex:1}.upload-dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius);text-align:center;color:var(--text-muted);cursor:pointer;margin-bottom:10px;padding:22px 16px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,color .15s}.upload-dropzone:hover{border-color:var(--primary);color:var(--primary)}.upload-dropzone.dragging{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.upload-ico{width:22px;height:22px;margin:0 auto 4px;display:block}.reference-actions{flex-direction:column;gap:5px;margin-left:auto;display:flex}.generation-thread{flex-direction:column;gap:8px;max-height:220px;margin-bottom:12px;padding-right:2px;display:flex;overflow-y:auto}.thread-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;gap:10px;padding:8px;font-size:13px;display:flex}.thread-upload img{object-fit:cover;border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:44px;height:44px}.thread-upload-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.thread-upload-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);flex:1;overflow:hidden}.thread-generation{color:var(--text-muted)}.thread-generation svg{flex-shrink:0;width:16px;height:16px}.enhance-toggle{margin-bottom:10px}.enhance-levels{gap:6px;margin-bottom:12px;display:flex}.enhance-levels .btn{flex:1}.layer-toolbar{margin-bottom:10px}.layer-group-actions{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.layer-check{width:14px;height:14px;accent-color:var(--primary);flex-shrink:0}.layer-row{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:9px;padding:8px 9px;font-size:13px;transition:background .12s,border-color .12s;display:flex}.layer-row:hover{background:var(--surface-2)}.layer-row.selected{background:var(--surface-2);border-color:var(--border-strong)}.layer-badge{width:20px;height:20px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.layer-badge svg{width:15px;height:15px}.layer-label{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.layer-actions{gap:4px;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:7px;place-items:center;width:28px;height:28px;font-size:13px;transition:background .12s,border-color .12s;display:grid}.icon-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-faint)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn.danger:hover:not(:disabled){background:var(--danger-soft);border-color:#fecdd3}.icon-btn.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.preview-area{border-radius:var(--radius);background-image:radial-gradient(var(--grid-dot) 1px, transparent 1px);background-size:22px 22px;flex-direction:column;align-items:center;gap:16px;min-height:0;padding:8px 8px 24px;display:flex;overflow-y:auto}.preview-toolbar{justify-content:space-between;align-items:center;gap:10px;width:min(100%,680px);display:flex}.preview-meta{color:var(--text-muted);font-size:13px;font-weight:500}.preview-canvas-wrapper{border:1px solid var(--border);border-radius:var(--radius);max-width:100%;box-shadow:var(--shadow);background:repeating-conic-gradient(#48484f 0% 25%,#34343a 0% 50%) 50%/22px 22px;position:relative;overflow:hidden}.canvas-size-status{color:var(--text-muted);flex-direction:column;gap:3px;margin:8px 2px 10px;font-size:11px;display:flex}.preview-image{max-width:100%;height:auto;display:block}.drag-layer-outline{cursor:grab;will-change:transform;contain:layout;border:1.5px dashed #0000;border-radius:4px;transition:border-color .1s,background .1s;position:absolute;overflow:visible;transform:translateZ(0)}.drag-layer-outline:hover{background:#6366f10d;border-color:#6366f1b3}.drag-layer-outline.selected{border-color:var(--primary);background:#6366f10f;border-style:solid}.drag-layer-outline.multi-selected:not(.selected){background:#22d3ee0d;border-style:solid;border-color:#22d3eee6}.drag-layer-outline.dragging{cursor:grabbing;border-color:var(--primary);background:#6366f11a}.text-layer-live{pointer-events:none;white-space:pre-wrap;overflow-wrap:break-word;-webkit-user-select:none;user-select:none;flex-direction:column;line-height:1.2;display:flex;position:absolute;inset:0;overflow:hidden}.image-layer-live{pointer-events:none;position:absolute;inset:0;overflow:hidden}.preview-placeholder{background:var(--surface);border:2px dashed var(--border-strong);border-radius:var(--radius);place-items:center;width:100%;max-width:680px;min-height:320px;padding:40px;display:grid}.preview-placeholder .empty-state{max-width:320px}.empty-state{color:var(--text-muted);text-align:center;font-size:13px;line-height:1.5}.empty-state .big-ico{opacity:.8;width:34px;height:34px;margin:0 auto 10px;display:block}.chat-panel{flex-direction:column;height:380px;display:flex}.chat-actions{justify-content:flex-end;margin:-4px 0 8px;display:flex}.chat-messages{flex-direction:column;flex:1;gap:9px;margin-bottom:12px;padding-right:4px;display:flex;overflow-y:auto}.chat-message{border-radius:13px;max-width:88%;padding:9px 12px;font-size:13px;line-height:1.45}.chat-message p{margin:0}.chat-message p+p,.chat-message .chat-list-line+.chat-list-line,.chat-message blockquote+p{margin-top:6px}.chat-list-line{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:4px;display:grid}.chat-list-line span{color:var(--text-muted);text-align:right}.chat-message blockquote{border-left:2px solid var(--border-strong);color:var(--text-muted);margin:6px 0 0;padding-left:10px}.chat-message.user{background:var(--primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-message.assistant{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.chat-message.loading{padding:8px 11px}.chat-input-row{align-items:flex-end;gap:8px;display:flex}.chat-input-row textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);resize:none;flex:1;padding:9px 11px;font-size:13px}.thinking-indicator{align-items:center;gap:5px;display:inline-flex}.thinking-indicator span{background:var(--text-faint);border-radius:50%;width:6px;height:6px;animation:1.2s infinite blink}.thinking-indicator span:nth-child(2){animation-delay:.2s}.thinking-indicator span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.3}30%{opacity:1}}.quick-replies{flex-wrap:wrap;gap:7px;margin:-4px 0 10px;display:flex}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.btn .spinner{border-color:#fff #ffffff73 #ffffff73}@keyframes spin{to{transform:rotate(360deg)}}.app-toast{background:var(--surface-2);color:var(--text);box-shadow:var(--shadow-lg);z-index:50;border-radius:999px;max-width:90vw;padding:11px 18px;font-size:13px;font-weight:500;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.app-toast.error{background:var(--danger)}.field-error{color:var(--danger);margin:6px 0 0;font-size:12px}.resize-handle{background:var(--surface);border:2px solid var(--primary);width:12px;height:12px;box-shadow:var(--shadow-sm);z-index:2;border-radius:50%;position:absolute}.resize-handle.nw{cursor:nwse-resize;top:-6px;left:-6px}.resize-handle.ne{cursor:nesw-resize;top:-6px;right:-6px}.resize-handle.sw{cursor:nesw-resize;bottom:-6px;left:-6px}.resize-handle.se{cursor:nwse-resize;bottom:-6px;right:-6px}.edge-handle{background:var(--surface);border:2px solid var(--primary);box-shadow:var(--shadow-sm);z-index:2;border-radius:999px;position:absolute}.edge-handle.n,.edge-handle.s{cursor:ns-resize;width:22px;height:8px;left:50%;transform:translate(-50%)}.edge-handle.n{top:-4px}.edge-handle.s{bottom:-4px}.edge-handle.e,.edge-handle.w{cursor:ew-resize;width:8px;height:22px;top:50%;transform:translateY(-50%)}.edge-handle.e{right:-4px}.edge-handle.w{left:-4px}.rotate-handle{background:var(--primary);color:#fff;width:26px;height:26px;box-shadow:var(--shadow);cursor:grab;z-index:2;border:none;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:-40px;transform:translateY(-50%)}.rotate-handle.inside-canvas{top:6px;right:6px;transform:none}.rotate-handle svg{width:14px;height:14px}.rotate-handle:hover{background:var(--primary-hover)}.rotate-handle:active{cursor:grabbing}.move-handle{color:#fff;width:26px;height:26px;box-shadow:var(--shadow);cursor:grab;z-index:3;background:#111111b8;border:1px solid #ffffff3d;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;left:6px}.move-handle svg{width:14px;height:14px}.move-handle:active{cursor:grabbing}.layer-toolbar-float{z-index:3;cursor:default;margin-bottom:10px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.layer-toolbar-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);white-space:nowrap;gap:4px;padding:5px;display:flex}.layer-toolbar-row svg{width:15px;height:15px}.layer-toolbar-crop{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);flex-direction:column;gap:8px;width:200px;margin-top:6px;padding:10px 12px;display:flex}.layer-toolbar-crop label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:11px;font-weight:600;display:flex}.context-menu{z-index:100;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:190px;box-shadow:var(--shadow-lg);flex-direction:column;padding:6px;display:flex;position:fixed}.context-menu button{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.context-menu button svg{flex-shrink:0;width:15px;height:15px}.context-menu button:hover{background:var(--surface-2)}.context-menu button.context-menu-danger{color:var(--danger)}.context-menu button.context-menu-danger:hover{background:var(--danger-soft)}.field-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.anchor-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:22px;gap:4px;width:84px;display:grid}.anchor-cell{border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;border-radius:5px;padding:0;transition:background .12s,border-color .12s}.anchor-cell:hover{border-color:var(--primary)}.anchor-cell.active{background:var(--text);border-color:var(--text)}.text-section{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:12px}.text-section:last-of-type{border-bottom:none;margin-bottom:12px;padding-bottom:0}.text-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.icon-toggle-group{gap:4px;display:flex}.text-bold-toggle{margin-top:2px;font-size:13px;font-weight:800}.text-inline-tools{align-items:center;gap:8px;margin-top:7px;display:flex}.text-stepper{border:1px solid var(--border-strong);background:var(--surface-2);width:31px;height:31px;color:var(--text);cursor:pointer;border-radius:8px;font-size:18px;line-height:1}.text-stepper:hover{border-color:var(--primary)}.color-swatch-grid{grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:10px;display:grid}.color-swatch{aspect-ratio:1;border:2px solid var(--border-strong);cursor:pointer;border-radius:7px;min-width:0;box-shadow:inset 0 0 0 1px #ffffff2e}.color-swatch.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 28%, transparent)}.field-row.compact{margin-top:0}@media (width<=1080px){.app{height:auto;overflow:visible}.app-body{grid-template-columns:1fr;height:auto}.sidebar,.preview-area{overflow:visible}.preview-area{order:-1}}.home-view{flex:1;width:100%;max-width:1800px;min-height:0;margin:0 auto;padding:28px 32px;overflow-y:auto}.home-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.home-header h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.home-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.home-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.home-card-thumb{aspect-ratio:4/3;background:var(--surface-2);border:none;border-bottom:1px solid var(--border);cursor:pointer;width:100%;padding:0;display:block}.home-card-thumb img{object-fit:contain;width:100%;height:100%}.home-card-info{flex-direction:column;gap:2px;padding:10px 12px 4px;display:flex}.home-card-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.home-card-name-input{background:var(--surface-2);border:1px solid var(--primary);color:var(--text);border-radius:6px;padding:3px 6px;font-size:13px;font-weight:600}.home-card-meta{color:var(--text-muted);font-size:11px}.home-card-actions{justify-content:flex-end;gap:4px;padding:6px 8px 10px;display:flex}.auth-view,.admin-view{flex:1;width:100%;padding:28px 32px;overflow-y:auto}.auth-view{place-items:center;display:grid}.auth-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(420px,100%);box-shadow:var(--shadow);gap:14px;padding:22px;display:grid}.auth-panel h1{margin:0 0 4px;font-size:20px}.auth-panel label{color:var(--text-muted);gap:6px;font-size:12px;display:grid}.admin-view{max-width:1600px;margin:0 auto}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:18px;display:grid}.admin-stats>div,.admin-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.admin-stats>div{gap:4px;padding:16px;display:grid}.admin-stats span,.admin-row span,.admin-row label{color:var(--text-muted);font-size:12px}.admin-stats strong{font-size:24px}.admin-section{margin-bottom:16px;padding:16px}.admin-section h2{margin:0 0 12px;font-size:15px}.admin-table{gap:8px;display:grid}.admin-row{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(90px,.7fr)) minmax(120px,.8fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.admin-table.compact .admin-row{grid-template-columns:minmax(180px,1.4fr) minmax(140px,1fr) repeat(3,minmax(90px,.7fr))}.auth-panel input,.admin-row input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:9px 11px;font-size:13px;transition:border-color .15s,box-shadow .15s}.auth-panel input:focus,.admin-row input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.admin-cell-strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden;color:var(--text)!important}.admin-row.admin-head{background:0 0;border:none;padding:0 10px 2px}.admin-row.admin-head span{text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-size:11px;font-weight:700}