@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#f1f4f2;background:#121414;font-synthesis:none;color-scheme:dark;--line:#3b4140;--panel:#1c1f1f;--muted:#bac1bf;--accent:#e7e9e7}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;color:inherit;background:#282e2d;border:1px solid var(--line);border-radius:10px;cursor:pointer;text-align:center;font-weight:600}button:hover{background:#353d3b}button:disabled{opacity:.5;cursor:wait}a{color:#e7e9e7}input,textarea,select{width:100%;min-width:0;border:1px solid #505b57;border-radius:9px;background:#151919;color:#f5f7f5;padding:12px}textarea{resize:vertical;line-height:1.6}label{display:grid;gap:8px;min-width:0}small,.hint{color:var(--muted);line-height:1.6}input[type=checkbox]{width:20px;height:20px;accent-color:#b2daaa}input[type=file]{max-width:100%}h1{font-size:clamp(28px,3vw,44px);line-height:1.18;margin:14px 0}h2{font-size:22px}p{line-height:1.7;color:#c8cfca}img{max-width:100%}[hidden]{display:none!important}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:#171b1a;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh}.app-brand{display:grid;gap:10px;text-decoration:none}.app-brand img{width:180px}.app-brand span,.kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:#b5c8bb}.sidebar nav{display:grid;gap:8px;margin:18px 0 auto}.sidebar nav button{justify-content:flex-start;background:transparent;border-color:transparent}.sidebar nav button[aria-current=page]{background:#303c36;border-color:#64796b}.workspace{padding:40px clamp(20px,4vw,64px);min-width:0}.page,.direct-screen,.brands-screen,.gallery-screen,.wizard-screen{max-width:1250px;margin:0 auto}.page-heading{margin-bottom:32px;max-width:820px}.primary,.export{background:var(--accent);color:#17201a;border-color:var(--accent)}.primary:hover,.export:hover{background:#fff}.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:32px}.home-grid button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;min-height:230px;padding:28px;background:var(--panel)}.home-grid span{color:#acc8ae}.home-grid p{font-weight:400}.image-edit-layout,.direct-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.image-edit-preview,.image-edit-fields,.generation-form,.generation-preview{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:16px;min-width:0}.image-edit-preview{position:sticky;top:24px}.result-stage{min-height:220px;display:grid;place-items:center;background:#0d1010;border:1px solid var(--line);border-radius:12px;overflow:hidden;padding:16px;margin:16px 0}.result-stage img{max-height:70vh;object-fit:contain}.result-actions,.wizard-actions,.mode-switch{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}.image-edit-fields form,.generation-form{display:grid;gap:20px}.edit-field{border-bottom:1px solid var(--line);padding:18px 0;display:grid;gap:10px}.edit-field label>span{font-weight:700}.quiet{justify-self:start;font-size:12px;min-height:34px;padding:6px 10px;background:transparent}.brand-upload,.reference-upload{display:grid;padding:18px;border:1px dashed #678270;border-radius:10px;gap:12px;margin:20px 0}.color-control{position:relative}.color-trigger{width:100%;justify-content:flex-start}.color-trigger i{display:block;width:24px;height:24px;border:1px solid #a9b5ac;border-radius:4px}.color-trigger code{font-size:14px}.color-popover{border:1px solid #505b57;border-radius:10px;background:#252c29;padding:16px;margin-top:10px}.color-popover header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.hsb-plane{position:relative;height:160px;border-radius:6px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--picker-hue) 100% 50%));cursor:crosshair;touch-action:none}.hsb-cursor{position:absolute;width:12px;height:12px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 2px #000}.hue-row{display:flex;align-items:center;gap:12px;margin:14px 0}.hue{padding:0;accent-color:#d6e7d6}.hsb-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hsb-values .hex-field{grid-column:1/-1}.platform-grid,.format-grid,.brand-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:16px}.platform-grid button,.format-grid button,.brand-choices button{display:flex;flex-direction:column;padding:24px;min-height:135px;background:var(--panel)}.platform-grid img{width:36px;height:36px}.brand-choices img{max-height:65px;object-fit:contain}.format-preview{display:block;height:52px;max-width:100%;background:#a1c3ab;border-radius:3px}.wizard-field{max-width:800px}.wizard-progress{display:flex;align-items:center;gap:18px;color:#aec6b5;font-size:12px}.wizard-progress progress{flex:1;accent-color:#b2daaa}.wizard-summary{padding:24px;border:1px solid var(--line);border-radius:14px;white-space:pre-wrap}.wizard-summary small{display:block}.reference-choices,.direct-references,.element-cards{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}.reference-choices label,.reference-choices figure{display:grid;gap:8px;width:160px;margin:0}.reference-choices img{height:110px;object-fit:contain}.element-cards article,.direct-references article{padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;max-width:100%;display:flex;gap:16px;align-items:start}.element-cards img,.direct-references img{width:100px;height:100px;object-fit:contain}.element-cards article>div{display:grid;gap:12px;min-width:0}.brands-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px}.brand-list{display:flex;flex-direction:column;gap:10px}.brand-detail{padding:24px;background:var(--panel);border-radius:14px}#brand-form,#new-brand-form{display:grid;gap:18px}.brand-tabs{display:flex;gap:12px;margin-top:26px}.brand-assets,.gallery-grid,.generation-history{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.brand-assets article,.gallery-card{padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0}.brand-assets img,.gallery-card img{width:100%;height:210px;object-fit:contain}.gallery-card-actions{display:grid;gap:10px}.expiry-warning{padding:10px;border:1px solid #eeaf57;border-radius:6px;background:#4b3212;color:#ffdc99;font-weight:700}.generation-thumb{display:grid;align-content:start;gap:12px;overflow:hidden;text-align:left}.generation-thumb img{width:100%;height:140px;object-fit:contain}.generation-thumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.generation-settings{display:grid;gap:14px}.workflow-recovery{position:relative;background:#253c2d;border:1px solid #75987b;border-radius:12px;padding:20px;margin:16px;z-index:20}.workflow-recovery button{margin:10px}.workflow-recovery-stack{position:fixed;bottom:0;right:0;max-width:480px;z-index:50}.brand-tabs [aria-pressed=true],.mode-switch [aria-pressed=true]{background:#3c5945;border-color:#91b299}@media(max-width:1050px){.home-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:200px minmax(0,1fr)}.image-edit-layout,.direct-layout{grid-template-columns:1fr}.image-edit-preview{position:static}.brands-layout{grid-template-columns:1fr}.brand-list{flex-direction:row;flex-wrap:wrap}}@media(max-width:650px){.app-shell{display:block}.sidebar{height:auto;position:static;padding:20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;flex-wrap:wrap;margin:0;gap:5px}.sidebar nav button{padding:9px 12px}.sidebar>#logout{align-self:flex-start}.workspace{padding:24px 16px}.image-edit-preview,.image-edit-fields,.generation-form,.generation-preview{padding:16px}.result-actions button{flex:1}.direct-references article,.element-cards article{flex-wrap:wrap}}