:root{--bg:#fbfdff;--surface:#fff;--surface-soft:#eef6ff;--line:#dfe6ee;--line-soft:#edf1f6;--text:#07142d;--muted:#536076;--faint:#7c8799;--blue:#0868d7;--blue-soft:#e9f4ff;--teal:#10a79d;--teal-soft:#def8f3;--amber:#f28b14;--amber-soft:#fff2df;--red:#e63c46;--yellow:#f7af22;--shadow:0 16px 42px #0d234312;--radius:8px;--sidebar:230px}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%}body{background:radial-gradient(circle at 80% 12%, #e1f1ff9e, transparent 30%), linear-gradient(180deg, #fff 0%, var(--bg) 100%);color:var(--text);letter-spacing:0;margin:0;font-family:Inter,Arial,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--blue);text-decoration:none}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:22px;height:22px;display:block}.dashboard{min-width:0;padding:31px 30px 39px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.page-header h1{margin:0 0 8px;font-size:clamp(34px,4vw,44px);font-weight:800;line-height:1.02}.page-header p{color:var(--muted);margin:0;font-size:16px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;box-shadow:0 10px 28px #1226480a}.app-shell{grid-template-columns:var(--sidebar) minmax(0, 1fr);min-width:0;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;flex-direction:column;justify-content:space-between;gap:24px;min-width:0;height:100vh;padding:27px 17px 39px;display:flex;position:sticky;top:0;overflow:hidden}.nav-list{gap:10px;display:grid}.nav-item{border-radius:var(--radius);color:#0b1730;align-items:center;gap:18px;min-height:56px;padding:0 16px;font-size:16px;font-weight:500;display:flex}.nav-item svg{color:#24324a;flex:none}.nav-item.is-active{color:#0059c8;background:#e9f4ff}.nav-item.is-active svg{color:var(--blue)}.focus-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffeb;padding:20px 15px 21px}.focus-icon{color:#fff;background:#0d8790;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:18px;display:grid}.focus-icon svg{width:19px;height:19px}.focus-card h2{margin:0 0 7px;font-size:18px;line-height:1.15}.focus-card p{color:#4d5b70;margin:0 0 18px;font-size:14px;line-height:1.55}.mini-progress{background:#e7ebf1;border-radius:999px;height:6px;display:block;overflow:hidden}.mini-progress span{border-radius:inherit;background:var(--teal);width:72%;height:100%;display:block}.filters{flex-wrap:wrap;justify-content:flex-end;gap:16px;display:flex}.status-pill,.model-support{border:1px solid var(--line);border-radius:var(--radius);color:#253047;background:#ffffffd1;align-items:center;gap:10px;min-height:42px;padding:0 14px;display:inline-flex;box-shadow:0 10px 26px #1429480a}.status-pill svg,.model-support svg{width:18px;height:18px}.workspace-grid{grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);align-items:start;gap:22px;display:grid}.generator-panel,.library-panel{padding:18px}.panel-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px;padding:0 8px;display:flex}.panel-header.compact{margin-bottom:16px;padding:0}.panel-header h2{margin:0;font-size:20px;line-height:1.2}.field{gap:9px;min-width:0;display:grid}.field>span{color:#151d2e;font-size:14px;font-weight:600}textarea,select{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-width:0;color:var(--text);background:#ffffffeb;outline:0}textarea{resize:vertical;color:#172139;min-height:210px;padding:14px;font-size:15px;line-height:1.55}select{min-height:46px;padding:0 13px}textarea:focus,select:focus{border-color:#0868d79e;box-shadow:0 0 0 3px #0868d71a}.control-grid{grid-template-columns:minmax(0,1fr) 142px;gap:14px;margin-top:16px;display:grid}.option-row{gap:16px;margin-top:16px;display:grid}.segment{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;align-items:center;width:max-content;max-width:100%;display:inline-flex;overflow:hidden;box-shadow:0 10px 26px #1429480a}.segment button{color:#0c1730;background:0 0;border:0;min-width:58px;min-height:42px;padding:0 13px}.segment .is-selected{color:var(--blue);background:#e9f4ff}.stepper{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;grid-template-columns:42px minmax(42px,1fr) 42px;align-items:center;min-height:46px;display:grid;overflow:hidden}.stepper button,.icon-button,.image-actions button,.image-actions a,.modal-close{color:#22324b;background:0 0;border:0;place-items:center;display:grid}.stepper button{height:44px}.stepper svg,.icon-button svg,.image-actions svg{width:18px;height:18px}.stepper strong{text-align:center;font-size:17px}.reference-drop{border-radius:var(--radius);background:#eef6ff8a;border:1px dashed #c9d7e8;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;min-height:82px;margin-top:18px;padding:12px;display:grid}.reference-drop input{opacity:0;width:1px;height:1px;position:absolute}.reference-drop img,.reference-empty{aspect-ratio:1;border-radius:var(--radius);object-fit:cover;width:58px}.reference-empty{color:var(--blue);background:var(--blue-soft);place-items:center;display:grid}.reference-drop>span:last-child{color:#172139;text-overflow:ellipsis;white-space:nowrap;gap:4px;font-weight:700;display:grid;overflow:hidden}.reference-drop small{color:var(--muted);font-size:13px;font-weight:500}.notice{border-radius:var(--radius);background:var(--teal-soft);color:#075a56;border:1px solid #10a79d3d;margin:16px 0 0;padding:12px 13px;font-size:14px;line-height:1.45}.notice.is-error{color:#9b1720;background:#ffe9eb;border-color:#e63c4633}.action-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;margin-top:18px;display:grid}.primary-button,.secondary-button{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;min-height:48px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:var(--blue);box-shadow:0 14px 28px #0868d738}.secondary-button{color:#0b4f7c;background:#e9f4ff;border-color:#cfe1f5}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.68}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{border:1px solid var(--line-soft);border-radius:var(--radius);min-height:320px;color:var(--muted);background:#ffffff94;place-items:center;gap:12px;display:grid}.empty-state svg{width:34px;height:34px}.image-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.image-card{border:1px solid var(--line-soft);border-radius:var(--radius);background:#ffffffb8;gap:12px;padding:10px;display:grid}.image-preview{aspect-ratio:4/3;border-radius:var(--radius);background:var(--surface-soft);border:0;width:100%;padding:0;display:block;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%;display:block}.image-meta{gap:5px;min-width:0;display:grid}.image-meta strong,.image-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-meta strong{color:#07142d;font-size:15px}.image-meta span{color:var(--muted);font-size:13px}.image-actions{grid-template-columns:repeat(3,38px);gap:8px;display:grid}.image-actions button,.image-actions a,.icon-button{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd6;width:38px;height:38px}.modal-backdrop{z-index:20;background:#07142d9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-content{border-radius:var(--radius);width:min(1100px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow);background:#fff;gap:16px;display:grid;position:relative;overflow:auto}.modal-content img{object-fit:contain;background:var(--surface-soft);width:100%;max-height:72vh}.modal-meta{gap:8px;padding:0 18px 18px;display:grid}.modal-meta strong{font-size:18px}.modal-meta span{color:var(--muted);font-size:14px}.modal-meta p{color:#24324a;margin:0;line-height:1.5}.modal-close{z-index:1;color:#07142d;background:#ffffffeb;border-radius:50%;width:38px;height:38px;font-size:26px;position:absolute;top:12px;right:12px}@media (max-width:1180px){.workspace-grid{grid-template-columns:1fr}}@media (max-width:1040px){.app-shell{width:100%;display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100vw;max-width:100vw;height:auto;padding:14px;position:static}.nav-list{scrollbar-width:thin;gap:8px;width:100%;min-width:0;max-width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.nav-item{white-space:nowrap;min-height:46px;padding:0 14px}.focus-card{display:none}.dashboard{width:100vw;max-width:100vw;padding:24px 18px 32px}.page-header{flex-direction:column}.filters{justify-content:flex-start}}@media (max-width:680px){.dashboard{padding:21px 12px 28px}.page-header h1{font-size:32px}.control-grid,.action-row{grid-template-columns:1fr}.segment{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));width:100%;display:grid}.generator-panel,.library-panel{padding:16px 12px 20px}.image-grid{grid-template-columns:1fr}.modal-backdrop{padding:12px}}