:root{font-family:Avenir Next,PingFang SC,Hiragino Sans GB,sans-serif;line-height:1.5;font-weight:400;color:#1d2440;background:radial-gradient(circle at top left,rgba(211,203,255,.55),transparent 28%),radial-gradient(circle at top right,rgba(182,220,255,.42),transparent 26%),linear-gradient(180deg,#f6f4ff,#f7f8fe 28%,#fafcff);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: rgba(255, 255, 255, .74);--panel: rgba(255, 255, 255, .82);--panel-border: rgba(154, 138, 255, .14);--shadow: 0 24px 48px rgba(70, 56, 160, .1);--text: #1e2746;--muted: #6b7394;--accent: #7f46ff;--accent-strong: #5a33db;--accent-soft: #f0eaff;--accent-border: rgba(127, 70, 255, .18);--danger-bg: rgba(255, 107, 129, .12);--danger-text: #b63a57}html[data-theme=dark]{color:#eef0ff;background:radial-gradient(circle at top left,rgba(111,80,255,.25),transparent 32%),radial-gradient(circle at top right,rgba(74,120,255,.18),transparent 26%),linear-gradient(180deg,#131425,#16192d 38%,#1a1f35);--bg: rgba(14, 17, 31, .76);--panel: rgba(17, 21, 38, .88);--panel-border: rgba(160, 153, 255, .12);--shadow: 0 28px 60px rgba(0, 0, 0, .34);--text: #eef0ff;--muted: #99a3c3;--accent: #9a72ff;--accent-strong: #c5b1ff;--accent-soft: rgba(110, 87, 196, .22);--accent-border: rgba(154, 114, 255, .2);--danger-bg: rgba(255, 95, 123, .16);--danger-text: #ff95aa}*{box-sizing:border-box}html,body,#root{min-height:100%;height:100%}body{margin:0;height:100vh;color:var(--text);background:inherit;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}input,select,textarea{width:100%;border:1px solid rgba(145,137,210,.16);border-radius:16px;background:#ffffffd1;color:var(--text);padding:14px 16px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#131728e6}textarea{resize:vertical;min-height:108px}input:focus,select:focus,textarea:focus{outline:none;border-color:#7f46ff6b;box-shadow:0 0 0 4px #7f46ff1f;transform:translateY(-1px)}input:disabled{opacity:.75;cursor:not-allowed}.dashboard-shell{height:100vh;min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr);background:transparent;overflow:hidden}.sidebar{position:relative;height:100vh;min-height:0;display:grid;grid-template-rows:auto auto 1fr auto;gap:28px;padding:28px 18px 24px;background:linear-gradient(180deg,#ffffffd1,#faf9ffb8);border-right:1px solid rgba(156,146,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}html[data-theme=dark] .sidebar{background:linear-gradient(180deg,#0c0f1ce6,#101423db)}.brand-block{display:flex;gap:14px;align-items:center}.brand-logo{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(127,70,255,.2))}.brand-text{display:grid;gap:2px}.brand-text strong{font-size:2rem;line-height:1;letter-spacing:-.03em}.brand-text span{color:var(--muted)}.sidebar-nav{display:grid;gap:10px}.sidebar-link,.ghost-button,.secondary-button,.icon-button,.user-chip,.segment-button,.option-pill,.option-chip,.style-preset-card,.tiny-button,.advanced-toggle,.history-card,.prompt-card,.action-button{border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.sidebar-link{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:18px;background:transparent;color:var(--text)}.sidebar-link.is-active{background:linear-gradient(135deg,#bb8eff,#7f46ff 55%,#5f70ff);color:#fff;box-shadow:0 18px 30px #6849ff3d}.sidebar-link-icon{display:inline-grid;place-items:center;width:22px;height:22px;font-size:1rem}.sidebar-promo{align-self:end;padding:20px 18px;border-radius:20px;background:linear-gradient(135deg,#ede0ffe6,#cdd2ffb8);color:#4f4da9}html[data-theme=dark] .sidebar-promo{color:#efe8ff;background:linear-gradient(135deg,#4b388a85,#29388085)}.sidebar-promo strong,.sidebar-promo p,.sidebar-footer p,.sidebar-footer span{margin:0}.sidebar-promo p,.sidebar-footer{color:var(--muted)}.sidebar-footer{display:grid;gap:4px;padding-top:16px;border-top:1px solid rgba(154,138,255,.12);font-size:.92rem}.dashboard-main{min-width:0;height:100vh;min-height:0;padding:22px 22px 28px;overflow-y:auto;overflow-x:hidden}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.topbar-title h1,.section-heading h2{margin:0;letter-spacing:-.03em}.topbar-title h1{font-size:clamp(2rem,3vw,3rem)}.topbar-title p,.section-heading p,.field small,.usage-updated-at,.copy-feedback,.advanced-note{margin:6px 0 0;color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.lang-switch{display:inline-flex;align-items:center;gap:4px;padding:6px;border-radius:16px;border:1px solid var(--accent-border);background:var(--panel);box-shadow:var(--shadow)}.lang-switch span{padding:10px 18px;border-radius:12px;color:var(--muted)}.lang-switch .is-active{background:linear-gradient(135deg,#af7cff38,#7f46ff29);color:var(--accent-strong)}.icon-button,.user-chip,.ghost-button,.secondary-button,.tiny-button,.advanced-toggle,.action-button{border-radius:16px;background:var(--panel);color:var(--text)}.icon-button,.ghost-button,.secondary-button,.tiny-button,.advanced-toggle,.action-button{padding:13px 16px}.icon-button{width:52px;height:52px;display:inline-grid;place-items:center}.user-chip{display:inline-flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;box-shadow:var(--shadow)}.user-avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#f8d88f,#af7dff)}.dashboard-content{display:grid;gap:20px}.ai-workspace{display:grid;grid-template-columns:minmax(420px,560px) minmax(0,1fr);gap:22px;align-items:start}.result-column,.settings-grid{display:grid;gap:20px}.image-to-prompt-layout{display:grid;gap:18px}.settings-grid{grid-template-columns:minmax(0,.92fr) minmax(320px,.88fr);align-items:start}.workspace-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:24px;padding:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.config-form,.settings-form,.usage-content{display:grid;gap:18px}.settings-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;padding:14px;border:1px solid rgba(154,138,255,.16);border-radius:18px;background:#f8f7ffd1}html[data-theme=dark] .settings-toolbar{background:#161b2fe6}.settings-toolbar-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.active-provider-summary{display:grid;gap:4px}.active-provider-summary span,.active-provider-summary small{color:var(--muted)}.active-provider-summary strong{color:var(--text)}.provider-list{display:grid;gap:14px}.provider-card{display:grid;gap:14px;padding:16px;border:1px solid var(--panel-border);border-radius:18px;background:#ffffffb8}html[data-theme=dark] .provider-card{background:#14182ae6}.provider-card.is-active{border-color:var(--accent-border);box-shadow:0 16px 28px #5f4deb24}.provider-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.provider-card-header strong,.provider-card-header small{display:block}.provider-card-header small{margin-top:4px;color:var(--muted)}.provider-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.provider-key-field,.provider-model-field{grid-column:1 / -1}.model-chip-grid,.model-select-grid{display:flex;flex-wrap:wrap;gap:8px}.model-chip,.model-select-chip{min-height:38px;padding:0 12px;border-radius:12px;background:#f7f6ffe6;color:var(--text);font-size:12px;font-weight:750}html[data-theme=dark] .model-chip,html[data-theme=dark] .model-select-chip{background:#1c213ae6}.model-chip.is-active,.model-select-chip.is-active{background:linear-gradient(135deg,#8f56ff,#7f46ff 55%,#4b8eff);color:#fff;box-shadow:0 12px 22px #5f4deb2e}.model-select-chip:disabled{opacity:.45;cursor:not-allowed}.provider-warning{color:var(--danger-text)}.provider-empty{display:grid;justify-items:start;gap:12px}.field,.compact-control-grid,.field-row{display:grid;gap:10px}.field span,.field-header span{font-weight:600}.field-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.field-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.field-head-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.tiny-button{padding:8px 12px}.mini-button{min-height:34px;padding:0 11px;border-radius:11px;font-size:12px;font-weight:750}.mode-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mode-tabs{margin-bottom:20px}.segment-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:16px;border-radius:16px;background:#f5f4ffd6;color:var(--text)}html[data-theme=dark] .segment-button{background:#1c213ae0}.segment-button.is-active,.submit-button,.action-button.primary,.option-pill.is-active,.option-chip.is-active,.style-preset-card.is-active{background:linear-gradient(135deg,#8f56ff,#7f46ff 55%,#4b8eff);color:#fff;box-shadow:0 18px 30px #5f4deb38}.segment-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:8px;border:1px solid currentColor;font-size:.9rem}.style-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.style-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.style-preset-card{display:grid;gap:8px;padding:10px;border-radius:18px;background:#ffffffb3;text-align:center}html[data-theme=dark] .style-preset-card{background:#14182aeb}.style-preset-card strong,.style-preset-card small,.style-caption{display:block}.style-preset-art{display:block;width:100%;aspect-ratio:1.15 / 1;border-radius:10px;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #ffffff24}.style-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);font-size:12px;font-weight:750}.style-caption{color:var(--muted);font-size:11px;line-height:1.45;min-height:32px}.ratio-grid,.inline-option-group,.result-action-row,.form-actions{display:flex;flex-wrap:wrap;gap:12px}.chip-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.image-size-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.custom-size-box{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:14px;border:1px solid rgba(154,138,255,.16);border-radius:16px;background:#ffffffd1;margin-top:10px}html[data-theme=dark] .custom-size-box{background:#131728e6}.input-group label{display:block;color:var(--muted);font-size:12px;font-weight:750;margin-bottom:7px}.dimension-link{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;color:var(--accent);background:#7f46ff1a}.custom-size-hint{grid-column:1 / -1}.option-chip,.option-pill{min-width:72px;padding:13px 14px;border-radius:14px;background:#f7f6ffe6;color:var(--text)}html[data-theme=dark] .option-chip,html[data-theme=dark] .option-pill{background:#1c213ae6}.option-chip{display:grid;gap:2px;justify-items:center;min-height:42px}.option-chip strong,.option-chip span{display:block}.option-chip:disabled{opacity:.5;cursor:not-allowed}.compact-control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.control-row{gap:14px}.quality-options{display:flex;gap:8px}.small-option{min-width:42px;height:42px;padding:0 12px;border-radius:12px;font-weight:800}.textarea-wrap{position:relative}.counter{position:absolute;right:13px;bottom:9px;color:var(--muted);font-size:12px}.upload-dropzone{position:relative;display:grid;min-height:156px;border:1px dashed rgba(127,70,255,.24);border-radius:20px;background:linear-gradient(180deg,#faf9ffb8,#f4f7ffe6);overflow:hidden}html[data-theme=dark] .upload-dropzone{background:linear-gradient(180deg,#171b2fd6,#131728e6)}.upload-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-empty,.upload-preview{display:grid;place-items:center;text-align:center;padding:18px}.upload-preview{position:relative;grid-template-columns:128px minmax(0,1fr);gap:16px;text-align:left;align-items:center}.upload-preview img,.upload-preview-card img,.history-card img{width:100%;object-fit:cover}.upload-preview img{height:128px;border-radius:18px}.upload-preview-meta{display:grid;gap:8px}.upload-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:16px;width:100%}.upload-preview-card{position:relative;display:grid;gap:10px;padding:10px;border-radius:18px;background:#ffffffbd}html[data-theme=dark] .upload-preview-card{background:#161a2cf2}.upload-preview-card img{aspect-ratio:1 / 1;border-radius:14px}.upload-preview-card-body strong,.upload-preview-card-body small{display:block}.upload-remove-button{position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:#14182ab8;color:#fff;font-size:18px;font-weight:800;line-height:1;box-shadow:0 12px 22px #0f122138}.upload-remove-button:hover{transform:translateY(-1px);background:#dc3156eb}.upload-action-row{display:flex;flex-wrap:wrap;gap:10px}.upload-add-button{position:relative;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border:1px solid rgba(127,70,255,.2);border-radius:13px;background:#f7f6ffeb;color:var(--text);font-weight:750;overflow:hidden;cursor:pointer}html[data-theme=dark] .upload-add-button{background:#1c213ae6}.upload-add-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px #473aa41f}.upload-error{color:var(--danger-text)}.advanced-settings{display:grid;gap:12px}.advanced-toggle{justify-self:stretch;text-align:left;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-radius:13px}.advanced-toggle.is-open{border-color:var(--accent-border);background:#7f46ff14}.advanced-content{display:grid;gap:12px;padding:16px;border-radius:18px;background:#f5f4ffc2}html[data-theme=dark] .advanced-content{background:#1a1f35e6}.feedback{padding:14px 16px;border-radius:18px}.feedback-error{background:var(--danger-bg);color:var(--danger-text)}.feedback p,.feedback small{margin:6px 0 0}.form-actions{display:grid;grid-template-columns:minmax(0,1fr) 174px}.footer-actions{grid-template-columns:1.5fr 1fr}.submit-button{border:none;border-radius:16px;padding:16px 20px;font-size:1rem;font-weight:700}.submit-button:disabled{opacity:.72;cursor:progress}.result-content{display:grid;gap:14px}.result-gallery{display:grid;gap:12px}.result-gallery-multi{grid-template-columns:repeat(2,minmax(0,1fr))}.result-image-button{padding:0;border:1px solid rgba(154,138,255,.12);background:#ffffff47;border-radius:22px;overflow:hidden}.result-image-button.is-active{border-color:#7f46ff6b;box-shadow:0 12px 24px #6549ff24}.result-image{display:block;width:100%;aspect-ratio:16 / 10;border-radius:18px;object-fit:cover}.action-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;text-decoration:none}.action-button.is-favorite{border-color:#ffc6474d;background:#fff4cccc;color:#8a6006}.result-meta-grid,.preview-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.info-tile,.security-note,.prompt-preview,.usage-stat,.usage-card,.usage-detail{padding:16px;border-radius:18px;background:#f8f7ffd1;border:1px solid rgba(154,138,255,.1)}html[data-theme=dark] .info-tile,html[data-theme=dark] .security-note,html[data-theme=dark] .prompt-preview,html[data-theme=dark] .usage-stat,html[data-theme=dark] .usage-card,html[data-theme=dark] .usage-detail{background:#181d31eb}.info-tile span,.usage-stat span,.usage-card span,.usage-card small,.usage-detail span{display:block;color:var(--muted)}.prompt-preview strong{display:block;margin-bottom:8px}.prompt-polish-card{padding:16px;border-radius:18px;background:#f8f7ffd1;border:1px solid rgba(154,138,255,.1)}html[data-theme=dark] .prompt-polish-card{background:#181d31eb}.prompt-polish-card p{margin:0 0 12px;white-space:pre-wrap}.prompt-preview p{margin:0;white-space:pre-wrap}.empty-state{min-height:180px;display:grid;place-items:center;padding:22px;border-radius:20px;text-align:center;background:#f8f7ffa3;border:1px dashed rgba(154,138,255,.18);color:var(--muted)}html[data-theme=dark] .empty-state{background:#161a2cdb}.history-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.history-card{display:grid;gap:10px;padding:0;border-radius:18px;overflow:hidden;background:#fcfcffeb;text-align:left}html[data-theme=dark] .history-card{background:#14182aeb}.history-thumb-wrap{position:relative}.history-card img{display:block;height:132px}.favorite-badge{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:999px;background:#10131eb8;color:#fff4bf;font-size:.78rem}.history-card-body{display:grid;gap:4px;padding:0}.history-card-body strong{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.history-card-body p,.history-card-body small{margin:0;color:var(--muted)}.history-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.history-head h2{margin:0;font-size:18px;font-weight:900;letter-spacing:-.02em}.history-item{min-width:0;border:none;background:#fcfcffeb;box-shadow:none}.history-card-main{padding:0;border:none;background:transparent;text-align:left}.history-thumb{margin-bottom:9px;border-radius:13px;overflow:hidden;border:1px solid rgba(154,138,255,.14)}.history-card-actions{padding:0 0 14px}.history-action-button{width:100%;justify-content:center}.history-title{font-weight:850;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{margin-top:4px;color:var(--muted);font-size:12px}.linkish-button{padding:0;min-height:auto;border:none;background:transparent;color:var(--accent);font-weight:800}.divider{height:1px;background:#9a8aff24;margin:8px 0 18px}.source-chip{padding:10px 14px;border-radius:999px;background:#7f46ff14;color:var(--accent-strong);border:1px solid var(--accent-border);white-space:nowrap}.prompt-reference-toolbar{display:grid;gap:16px;margin-bottom:18px}.search-field input{min-height:52px}.category-strip{display:flex;gap:10px;flex-wrap:wrap}.category-pill{padding:10px 14px;border-radius:999px;border:1px solid transparent;background:#f8f7ffd6;color:var(--text);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}html[data-theme=dark] .category-pill{background:#171b2fe6}.category-pill.is-active{background:linear-gradient(135deg,#8f56ff,#7f46ff 55%,#4b8eff);color:#fff;box-shadow:0 16px 30px #5f4deb2e}.prompt-reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.prompt-reference-card{display:grid;gap:14px;padding:16px;border-radius:22px;background:#fcfcffe6;border:1px solid rgba(154,138,255,.12)}html[data-theme=dark] .prompt-reference-card{background:#14182af0}.prompt-reference-card-header{display:grid;gap:8px}.prompt-reference-category{justify-self:start;padding:5px 10px;border-radius:999px;background:#7f46ff1a;color:var(--accent-strong);font-size:.84rem}.prompt-reference-card-header strong{font-size:1.08rem}.prompt-reference-image-wrap{overflow:hidden;border-radius:18px;background:#f0eeffb3}.prompt-reference-image{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover}.prompt-reference-content{margin:0;color:var(--muted);white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}.prompt-reference-meta{display:flex;gap:8px;flex-wrap:wrap}.prompt-tag{padding:5px 9px;border-radius:999px;background:#efedffe6;color:var(--muted);font-size:.82rem}html[data-theme=dark] .prompt-tag{background:#1f243deb}.prompt-reference-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.settings-form-panel{min-width:0}.usage-summary-grid,.usage-metrics-grid,.usage-detail-grid,.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#0c0e18a3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.preview-modal{width:min(1120px,100%);height:min(84vh,920px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;padding:22px;border-radius:28px;border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow)}.preview-modal-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center}.preview-modal-heading{display:grid;gap:4px}.preview-modal-heading span,.preview-scale-indicator{color:var(--muted)}.preview-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}.preview-scale-indicator{min-width:58px;text-align:center;font-weight:600}.preview-modal-viewport{overflow:auto;border-radius:22px;border:1px solid var(--panel-border);background:linear-gradient(45deg,rgba(226,223,255,.35) 25%,transparent 25%),linear-gradient(-45deg,rgba(226,223,255,.35) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(226,223,255,.35) 75%),linear-gradient(-45deg,transparent 75%,rgba(226,223,255,.35) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;padding:18px}.preview-modal-image{display:block;max-width:none;margin:auto;border-radius:18px;box-shadow:0 24px 50px #23287038}.image-editor-page,.editor-empty-page{min-width:0;width:100%;max-width:100%;height:calc(100vh - 132px);min-height:calc(100vh - 132px);border:1px solid var(--panel-border);border-radius:8px;background:#ffffffc2;box-shadow:var(--shadow);overflow:hidden}html[data-theme=dark] .image-editor-page,html[data-theme=dark] .editor-empty-page{background:#101423e6}.editor-empty-page{display:grid;place-items:center;padding:28px}.editor-empty-content{width:min(520px,100%);display:grid;justify-items:center;gap:14px;text-align:center}.editor-empty-content h2,.editor-empty-content p{margin:0}.editor-empty-content p{color:var(--muted)}.editor-upload-button{gap:8px;cursor:pointer}.editor-toolbar{min-width:0;width:100%;max-width:100%;min-height:58px;display:flex;align-items:center;gap:14px;padding:9px 12px;border-bottom:1px solid var(--panel-border);background:#fafafef0;overflow-x:auto}html[data-theme=dark] .editor-toolbar{background:#14182afa}.editor-tool-group{display:flex;align-items:center;gap:6px;padding-right:14px;border-right:1px solid var(--panel-border)}.editor-tool-group:last-child{border-right:0;padding-right:0}.editor-icon-button{position:relative;width:38px;height:38px;flex:0 0 38px;display:inline-grid;place-items:center;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);overflow:hidden}.editor-icon-button:hover,.editor-icon-button.is-active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-strong)}.editor-icon-button:disabled{opacity:.38;cursor:not-allowed}.editor-zoom-label{min-width:50px;color:var(--muted);font-size:.84rem;text-align:center}.editor-workspace{min-width:0;width:100%;height:calc(100% - 58px);min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px}.editor-canvas-viewport{position:relative;min-width:0;min-height:0;height:100%;overflow:hidden;background-color:#cfd3dc;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}html[data-theme=dark] .editor-canvas-viewport{background-color:#202535;background-image:linear-gradient(45deg,#2b3142 25%,transparent 25%),linear-gradient(-45deg,#2b3142 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2b3142 75%),linear-gradient(-45deg,transparent 75%,#2b3142 75%)}.editor-canvas-viewport.tool-brush canvas,.editor-canvas-viewport.tool-eraser canvas{cursor:crosshair}.editor-canvas-viewport.tool-pan canvas{cursor:grab}.editor-canvas-viewport.tool-move canvas{cursor:move}.editor-draw-surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;cursor:crosshair;touch-action:none}.editor-settings-panel{min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;border-left:1px solid var(--panel-border);background:var(--panel);overflow:hidden}.editor-settings-scroll{min-height:0;overflow-y:auto}.editor-setting-section,.editor-result-section{display:grid;gap:12px;padding:16px;border-bottom:1px solid var(--panel-border)}.editor-setting-section textarea,.editor-setting-section input,.editor-setting-section select{border-radius:6px}.editor-source-row{display:grid;grid-template-columns:52px minmax(0,1fr) 38px;align-items:center;gap:10px}.editor-source-row img{width:52px;height:52px;object-fit:cover;border-radius:6px;border:1px solid var(--panel-border)}.editor-source-row div{min-width:0;display:grid;gap:2px}.editor-source-row strong,.editor-source-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-source-row small,.editor-notice{color:var(--muted)}.editor-notice{margin:0;padding:9px 10px;border-left:3px solid #d89a21;background:#ffc1451a;font-size:.82rem}.editor-slider-row{display:grid;grid-template-columns:76px minmax(0,1fr) 48px;align-items:center;gap:10px;font-size:.86rem}.editor-slider-row input,.editor-compare-slider{padding:0;box-shadow:none;transform:none;accent-color:var(--accent)}.editor-slider-row strong{text-align:right}.editor-ratio-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.editor-option-button,.anchor-grid button{min-width:0;border:1px solid var(--panel-border);border-radius:5px;background:#f7f7fce6;color:var(--text)}html[data-theme=dark] .editor-option-button,html[data-theme=dark] .anchor-grid button{background:#1d2238f2}.editor-option-button{padding:8px 4px;font-size:.78rem}.editor-dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.editor-dimension-grid label{display:grid;gap:5px;color:var(--muted);font-size:.8rem}.editor-dimension-grid input{padding:9px 10px}.editor-apply-size{min-height:38px;padding:8px 12px;border-radius:6px}.anchor-grid{width:102px;display:grid;grid-template-columns:repeat(3,30px);grid-auto-rows:30px;gap:4px;justify-self:center}.anchor-grid button{display:grid;place-items:center;padding:0}.editor-result-section{background:#f6f7fccc}html[data-theme=dark] .editor-result-section{background:#181d31eb}.editor-compare{position:relative;width:100%;max-height:300px;overflow:hidden;border-radius:6px;background:#d7dae3}.editor-compare img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.editor-compare-before{z-index:1}.editor-compare-line{position:absolute;top:0;bottom:0;z-index:2;width:2px;background:#fff;box-shadow:0 0 0 1px #14182859}.editor-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.editor-result-actions .action-button{min-height:42px;gap:7px;padding:9px 10px;border-radius:6px;font-size:.84rem}.editor-submit-bar{padding:12px 16px;border-top:1px solid var(--panel-border);background:var(--panel)}.editor-submit-bar .submit-button{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px}.history-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.history-action-button{min-width:0;padding:9px 6px;border-radius:6px;font-size:.78rem}.preview-actions{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.sidebar-link:hover,.ghost-button:hover,.secondary-button:hover,.icon-button:hover,.user-chip:hover,.segment-button:hover,.option-pill:hover,.option-chip:hover,.style-preset-card:hover,.tiny-button:hover,.advanced-toggle:hover,.history-card:hover,.prompt-card:hover,.action-button:hover,.submit-button:hover,.model-chip:hover,.model-select-chip:hover{transform:translateY(-2px);box-shadow:0 16px 30px #473aa41f}@media (max-width: 1220px){.ai-workspace,.settings-grid{grid-template-columns:1fr}.editor-workspace{grid-template-columns:minmax(0,1fr) 330px}}@media (max-width: 980px){html,body,#root{height:auto}body{height:auto;overflow:auto}.dashboard-shell{height:auto;min-height:100vh;grid-template-columns:1fr;overflow:visible}.sidebar{position:static;height:auto;min-height:auto;grid-template-rows:auto auto auto auto;gap:18px;padding-bottom:18px;overflow:visible}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-main{height:auto;min-height:0;overflow:visible;padding-top:16px}.image-editor-page,.editor-empty-page{height:auto;min-height:760px}.editor-workspace{height:auto;min-height:700px}}@media (max-width: 720px){.dashboard-main{padding:14px}.sidebar{padding:16px 14px}.topbar,.section-heading,.preview-modal-toolbar,.field-header{flex-direction:column;align-items:stretch}.topbar-actions,.preview-modal-actions,.settings-toolbar-actions{justify-content:flex-start}.sidebar-nav,.mode-segmented,.style-preset-grid,.compact-control-grid,.field-row,.provider-fields,.usage-summary-grid,.usage-metrics-grid,.usage-detail-grid,.result-meta-grid,.form-actions{grid-template-columns:1fr}.upload-preview{grid-template-columns:1fr;text-align:center}.history-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-modal-overlay{padding:12px}.preview-modal{height:min(88vh,920px);padding:16px}.image-editor-page{overflow:visible;padding-bottom:72px}.editor-toolbar{position:fixed;inset:auto 10px 8px;z-index:50;width:auto;max-width:none;border:1px solid var(--panel-border);border-radius:8px;box-shadow:0 12px 28px #23284833}.editor-workspace{min-height:0;grid-template-columns:1fr}.editor-canvas-viewport{min-height:58vh}.editor-settings-panel{height:auto;border-left:0;border-top:1px solid var(--panel-border)}.editor-settings-scroll{overflow:visible}.editor-submit-bar{position:sticky;bottom:74px;z-index:20}}@media (max-width: 560px){.sidebar-nav,.history-strip,.prompt-reference-grid,.prompt-reference-actions{grid-template-columns:1fr}.topbar-title h1{font-size:1.8rem}}