@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cinzel:wght@600;700&family=Montserrat:wght@500;600;700;800&family=Orbitron:wght@500;600;700;800&family=Playfair+Display:wght@600;700&family=Poppins:wght@500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#273247;font-synthesis:none;text-rendering:optimizelegibility;--bg:#e9eef5;--surface:#e9eef5;--text:#273247;--muted:#758097;--line:#5c6d8f24;--accent:#695cff;--accent-2:#27b8d5;--success:#1aaf7a;--danger:#d85768;--shadow-dark:#8493ae6b;--shadow-light:#ffffffeb;--soft-shadow:12px 12px 28px var(--shadow-dark), -12px -12px 28px var(--shadow-light);--soft-shadow-sm:6px 6px 14px #8493ae5c, -6px -6px 14px #ffffffe6;--inset-shadow:inset 5px 5px 11px #8493ae47, inset -5px -5px 11px #ffffffd1;background:#e9eef5;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.55}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.app-shell{min-height:100vh;padding:24px;position:relative;overflow:hidden}.ambient{filter:blur(100px);opacity:.16;pointer-events:none;z-index:0;border-radius:999px;width:520px;height:520px;position:fixed}.ambient-one{background:#675cff;top:-220px;right:-160px}.ambient-two{background:#17c9d4;bottom:-260px;left:-180px}.soft-panel{z-index:1;box-shadow:var(--soft-shadow);background:#e9eef5e6;border:1px solid #fff9;border-radius:26px;position:relative}.topbar{justify-content:space-between;align-items:center;gap:18px;max-width:1540px;margin:0 auto 24px;padding:18px 22px;display:flex}.brand-wrap{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#776aff,#5548eb);border-radius:17px;place-items:center;width:52px;height:52px;display:grid;box-shadow:7px 7px 16px #4a44aa59,-5px -5px 14px #ffffffe6,inset 1px 1px 2px #ffffff59}.eyebrow{letter-spacing:.22em;color:#8a94a8;margin:0 0 2px;font-size:10px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:.035em;margin-bottom:0;font-family:Orbitron;font-size:clamp(22px,3vw,32px)}h1 span{color:var(--accent)}.header-actions{align-items:center;gap:10px;display:flex}.workspace{grid-template-columns:minmax(370px,485px) minmax(0,1fr);align-items:start;gap:24px;max-width:1540px;margin:0 auto;display:grid}.controls-column{gap:20px;display:grid}.result-column{gap:18px;display:grid;position:sticky;top:18px}.control-card{padding:22px}.result-card{min-height:720px;padding:24px}.section-heading,.result-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.section-heading{justify-content:flex-start}.section-heading h2,.result-header h2{margin:0 0 4px;font-size:18px}.section-heading p,.result-header p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.section-icon{width:39px;height:39px;color:var(--accent);box-shadow:var(--soft-shadow-sm);border-radius:13px;flex:none;place-items:center;display:grid}.soft-button,.icon-button,.text-button,.position-grid button,.history-actions button{color:var(--text);background:var(--surface);border:0;transition:transform .18s,box-shadow .18s,color .18s,background .18s}.soft-button{min-height:42px;box-shadow:var(--soft-shadow-sm);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.soft-button:hover:not(:disabled),.icon-button:hover:not(:disabled),.position-grid button:hover{transform:translateY(-1px)}.soft-button:active:not(:disabled),.icon-button:active:not(:disabled),.position-grid button:active{box-shadow:var(--inset-shadow);transform:translateY(0)}.soft-button.compact{min-height:40px;padding:0 13px}.soft-button.small{min-height:38px;padding:0 13px;font-size:12px}.soft-button.accent{color:#fff;background:linear-gradient(145deg,#7468ff,#574be8);box-shadow:7px 7px 15px #5d4fd247,-5px -5px 12px #ffffffe0,inset 1px 1px 2px #ffffff4d}.icon-button{width:38px;height:38px;box-shadow:var(--soft-shadow-sm);border-radius:12px;place-items:center;display:grid}.text-button{color:var(--accent);background:0 0;align-items:center;gap:5px;padding:4px 6px;font-size:12px;font-weight:700;display:inline-flex}.text-button.danger{color:var(--danger)}.count-badge{background:var(--accent);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;display:grid}.inset-field{box-shadow:var(--inset-shadow);background:#e2e8f1b3;border:1px solid #ffffff85;border-radius:15px}.key-row{align-items:center;padding:5px;display:flex}.key-row input{flex:1;min-width:0;padding:10px 11px}.key-row .icon-button{box-shadow:none;background:0 0}.server-env-row{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:70px;padding:12px 14px;display:grid}.server-env-icon{color:#c08136;width:38px;height:38px;box-shadow:var(--soft-shadow-sm);background:#ffffff47;border-radius:12px;place-items:center;display:grid}.server-env-icon.ready{color:var(--success)}.server-env-row div{gap:3px;min-width:0;display:grid}.server-env-row b{font-size:12px}.server-env-row small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px;overflow:hidden}.server-env-row code{color:var(--accent);background:#ffffff59;border-radius:9px;padding:6px 9px;font-size:10px;font-weight:800}input,textarea,select{width:100%;color:var(--text);background:0 0;border:0;outline:0}select,.field-group>input,.seed-row>input{min-height:44px;box-shadow:var(--inset-shadow);background:#e5ebf3b8;border:1px solid #ffffff9e;border-radius:13px;padding:0 13px}select{padding-right:34px}textarea{resize:vertical;min-height:148px;padding:14px 15px 28px;line-height:1.65}.small-textarea{min-height:84px}.textarea-wrap{position:relative}.char-count{color:var(--muted);font-size:10px;position:absolute;bottom:9px;right:13px}.field-label,.field-group>span,.range-group>span,.position-wrap>span{color:#647087;letter-spacing:.035em;margin:0 0 8px;font-size:11px;font-weight:800;display:block}.inline-actions{flex-wrap:wrap;gap:9px;margin-top:12px;display:flex}.status-line{color:var(--muted);align-items:center;gap:7px;margin-top:12px;font-size:11px;display:flex}.status-line>span:nth-child(2){min-width:0;line-height:1.45}.status-line .text-button{margin-left:auto}.status-dot{background:#f0a64b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #f0a64b1f}.status-dot.online{background:var(--success);box-shadow:0 0 0 4px #1aaf7a1f}.advanced-block,.prompt-preview{border-top:1px solid var(--line);margin-top:15px;padding-top:13px}summary{cursor:pointer;color:#59667d;font-size:12px;font-weight:800}.advanced-block[open] summary,.prompt-preview[open] summary{margin-bottom:13px}.toggle-row{align-items:center;gap:9px;margin-top:13px;font-size:12px;font-weight:700;display:flex}.toggle-row>span{align-items:center;gap:7px;margin-right:auto;display:flex}.toggle-row input{display:none}.toggle-row i{width:42px;height:23px;box-shadow:var(--inset-shadow);border-radius:999px;transition:all .2s;position:relative}.toggle-row i:after{content:"";background:#a3aec1;border-radius:50%;width:17px;height:17px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:2px 2px 5px #646e8259}.toggle-row input:checked+i{background:#695cff26}.toggle-row input:checked+i:after{background:var(--accent);transform:translate(19px)}.main-toggle{box-shadow:var(--inset-shadow);border-radius:14px;margin:0 0 17px;padding:12px 13px}.form-grid{grid-template-columns:1fr 1fr;gap:15px 12px;display:grid}.field-group{min-width:0;display:block}.field-group.full,.model-note.full{grid-column:1/-1}.field-group small{color:var(--muted);margin-top:6px;font-size:10px;line-height:1.4;display:block}.model-note{background:#ffffff52;border:1px solid #ffffff8a;border-radius:14px;padding:12px 13px}.model-note>div{align-items:baseline;gap:8px;display:flex}.model-note b{font-size:12px}.model-note span{color:var(--muted);font-size:10px}.model-note em{float:right;color:#b16e04;background:#ffb73f2b;border-radius:7px;margin-top:-19px;padding:3px 7px;font-size:8px;font-style:normal}.model-note p{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.45}.seed-row{grid-template-columns:1fr auto;gap:9px;display:grid}.watermark-settings{transition:opacity .2s}.disabled-section{opacity:.4;pointer-events:none}.color-input-wrap{min-height:44px;box-shadow:var(--inset-shadow);border-radius:13px;align-items:center;gap:9px;padding:5px 9px;display:flex}.color-input-wrap input{background:0 0;border:0;width:32px;height:31px;padding:0}.color-input-wrap code{font-size:11px}.range-group{margin-top:15px;display:block}.range-group>span{justify-content:space-between;display:flex}.range-group input{appearance:none;background:#adb8cc7a;border-radius:999px;height:7px;box-shadow:inset 2px 2px 4px #8291aa40,inset -2px -2px 4px #ffffffb3}.range-group input::-webkit-slider-thumb{appearance:none;background:var(--accent);border-radius:50%;width:19px;height:19px;box-shadow:3px 3px 7px #5a50be59,-2px -2px 5px #fff}.position-wrap{grid-template-columns:1fr 118px;align-items:center;margin-top:16px;display:grid}.position-grid{box-shadow:var(--inset-shadow);border-radius:15px;grid-template-columns:repeat(3,1fr);gap:6px;padding:7px;display:grid}.position-grid button{color:#7c8799;border-radius:8px;height:29px;font-weight:800}.position-grid button.active{color:#fff;background:var(--accent);box-shadow:3px 3px 8px #5b4ece52}.check-pills{gap:8px;margin-top:14px;display:flex}.check-pills label{box-shadow:var(--soft-shadow-sm);border-radius:11px;padding:8px 11px;font-size:11px;font-weight:700}.check-pills input{width:auto;accent-color:var(--accent);margin-right:5px}.generate-button{z-index:1;color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#675aff,#584de8 48%,#25abc9);border:0;border-radius:22px;justify-content:center;align-items:center;gap:14px;min-height:76px;padding:12px 18px;display:flex;position:relative;box-shadow:12px 12px 25px #5b4ec552,-9px -9px 23px #ffffffe6,inset 1px 1px 2px #ffffff5c}.generate-button:hover:not(:disabled){transform:translateY(-2px)}.generate-button:active:not(:disabled){transform:translateY(0);box-shadow:inset 7px 7px 14px #352d9159,inset -4px -4px 9px #ffffff29}.generate-button span:nth-child(2){flex-direction:column;align-items:flex-start;display:flex}.generate-button b{font-family:Orbitron;font-size:13px}.generate-button small{opacity:.8;letter-spacing:.03em;margin-top:4px;font-size:9px}.generate-icon{background:#ffffff24;border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 1px 1px 2px #ffffff3d}.result-header{align-items:center}.result-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.canvas-stage{place-items:center;min-height:530px;padding:16px;display:grid;overflow:hidden}.image-frame,.empty-canvas{background:#dce3ec;border-radius:18px;max-width:100%;min-height:500px;max-height:68vh;position:relative;overflow:hidden}.image-frame{place-items:center;display:grid;box-shadow:0 18px 45px #4b58733d}.image-frame img{object-fit:contain;width:100%;height:100%;display:block}.watermark-preview{z-index:2;white-space:nowrap;pointer-events:none;letter-spacing:.04em;font-weight:700;position:absolute}.empty-canvas{text-align:center;border:1px dashed #64739138;flex-direction:column;justify-content:center;align-items:center;width:min(100%,620px);padding:36px;display:flex}.empty-canvas h3{margin:22px 0 8px;font-size:18px}.empty-canvas p{max-width:390px;color:var(--muted);margin:0;font-size:12px;line-height:1.65}.orbital-loader{width:92px;height:92px;color:var(--accent);place-items:center;display:grid;position:relative}.orbital-loader span{width:59px;height:59px;box-shadow:var(--soft-shadow-sm);z-index:2;background:#e9eef5d9;border-radius:20px;place-items:center;display:grid}.orbital-loader i{border:1px solid #695cff26;border-radius:50%;position:absolute;inset:0}.orbital-loader i:nth-child(2){border-color:#27b8d52e;inset:9px}.orbital-loader i:nth-child(3){background:var(--accent);width:8px;height:8px;box-shadow:0 0 17px var(--accent);border:0;inset:1px auto auto calc(50% - 4px)}.is-loading .orbital-loader{animation:1.6s ease-in-out infinite pulse}.is-loading .orbital-loader i:nth-child(3){transform-origin:4px 45px;animation:1.8s linear infinite orbit}@keyframes pulse{50%{transform:scale(1.05)}}@keyframes orbit{to{transform:rotate(360deg)}}.generation-status{color:#627087;background:#ffffff4d;border:1px solid #ffffff7a;border-radius:14px;align-items:center;gap:9px;min-height:45px;margin-top:15px;padding:10px 13px;font-size:11px;display:flex}.generation-status.has-error{color:var(--danger);background:#d8576814}.generation-status button{color:inherit;background:0 0;border:0;margin-left:auto}.metadata-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px;display:grid}.metadata-grid>div{box-shadow:var(--inset-shadow);border-radius:13px;min-width:0;padding:11px}.metadata-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:9px;display:block}.metadata-grid b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.prompt-preview p{color:#68758b;margin:0 0 8px;font-size:11px;line-height:1.65}.tips-card{align-items:flex-start;gap:12px;padding:17px 19px;display:flex}.tip-icon{width:36px;height:36px;color:var(--success);box-shadow:var(--soft-shadow-sm);border-radius:12px;flex:none;place-items:center;display:grid}.tips-card b{font-size:12px}.tips-card p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.55}.footer{text-align:center;max-width:1540px;margin:24px auto 0;padding:17px 20px}.footer p{color:#727e92;letter-spacing:.02em;margin:2px 0;font-size:10px}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3d475e38;justify-content:flex-end;padding:18px;display:flex;position:fixed;inset:0}.history-drawer{flex-direction:column;width:min(480px,100%);height:100%;padding:22px;animation:.25s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}}.drawer-header{justify-content:space-between;align-items:center;display:flex}.drawer-header h2{margin:0}.drawer-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin:18px 0 12px;padding:11px 0;font-size:10px;display:flex}.history-list{gap:11px;padding:4px 8px 15px 2px;display:grid;overflow:auto}.history-item{box-shadow:var(--soft-shadow-sm);background:#ffffff40;border-radius:17px;grid-template-columns:68px 1fr;gap:12px;padding:12px;display:grid}.history-thumb{color:#8d98aa;width:68px;height:86px;box-shadow:var(--inset-shadow);border-radius:11px;place-items:center;display:grid;overflow:hidden}.history-thumb img{object-fit:cover;width:100%;height:100%}.history-meta{justify-content:space-between;gap:8px;font-size:9px;display:flex}.history-meta span{color:var(--muted)}.history-content p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:7px 0 4px;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.history-content small{color:#929bad;font-size:8px}.history-actions{gap:7px;margin-top:9px;display:flex}.history-actions button{box-shadow:var(--soft-shadow-sm);border-radius:8px;align-items:center;gap:4px;padding:6px 8px;font-size:9px;font-weight:700;display:flex}.empty-history{text-align:center;color:#8994a7;padding:80px 25px}.empty-history h3{color:var(--text);margin:16px 0 7px}.empty-history p{font-size:11px}.toast{z-index:50;color:#fff;background:#263247eb;border-radius:14px;align-items:center;gap:8px;padding:12px 17px;font-size:12px;animation:.25s ease-out toastIn;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 14px 35px #1e283c47}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}}@media (width<=1050px){.workspace{grid-template-columns:1fr}.result-column{grid-row:1;position:static}.result-card{min-height:auto}.canvas-stage{min-height:480px}.image-frame,.empty-canvas{min-height:430px;max-height:none}}@media (width<=680px){.app-shell{padding:12px}.topbar{border-radius:20px;padding:15px}.brand-mark{width:44px;height:44px}.header-actions .soft-button span{display:none}.workspace{gap:16px}.control-card,.result-card{border-radius:21px;padding:17px}.result-header{flex-direction:column;align-items:flex-start}.result-actions{width:100%}.result-actions .soft-button{flex:1}.form-grid{grid-template-columns:1fr}.field-group.full,.model-note.full{grid-column:auto}.metadata-grid{grid-template-columns:repeat(2,1fr)}.canvas-stage{min-height:390px;padding:10px}.image-frame,.empty-canvas{min-height:360px}.position-wrap{grid-template-columns:1fr;gap:9px}.server-env-row{grid-template-columns:38px minmax(0,1fr)}.server-env-row code{grid-column:2;justify-self:start}.status-line{flex-wrap:wrap;align-items:flex-start}.status-line .text-button{justify-content:flex-start;width:100%;margin-left:15px}.footer{border-radius:20px}}.cancel-generation{color:#9d3f57;justify-content:center;width:100%;margin-top:12px}.slow-generation-note{color:#7e8aa5;max-width:520px;margin:10px auto 0;line-height:1.5;display:block}