.eye-summary{padding:14px;border:1px solid var(--line);border-radius:16px;margin:12px 0;background:var(--surface);display:flex;gap:9px;flex-wrap:wrap}.eye-summary h3,.eye-summary p,.eye-summary small{flex-basis:100%;margin:0}.eye-summary[data-active=true]{border-color:var(--accent)}.eye-summary button{white-space:normal;text-align:left}.eye-dialog{width:min(1000px,94vw);max-width:1000px;max-height:92dvh;overflow:auto;padding:24px}.eye-dialog .settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.eye-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.eye-body>*{min-width:0}.eye-gallery>select,.eye-gallery>input{width:100%;margin:5px 0}.eye-dialog input,.eye-dialog select,.eye-dialog textarea{background:var(--field,var(--surface));color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px;min-width:0;max-width:100%;font:inherit}.eye-dialog textarea{width:100%;resize:vertical}.eye-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;max-height:570px;overflow:auto;padding:3px}.eye-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:5px;border:1px solid var(--line);padding:7px;background:var(--surface);border-radius:14px;color:var(--text);cursor:pointer;min-width:0}.eye-card strong{font-size:12px}.eye-card small{font-size:10px;color:var(--muted)}.eye-card[aria-pressed=true]{border:2px solid var(--accent);padding:6px;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.eye-card:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.eye-preview{display:block;width:100%;height:auto;border-radius:11px}.eye-composer>div>.eye-preview{max-width:280px;margin:0 auto}.eye-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.eye-controls label{font-size:12px;display:flex;flex-direction:column;gap:6px;min-width:0}.eye-dialog details{border-top:1px solid var(--line);padding:14px 0;margin-top:8px}.eye-dialog summary{font-weight:650;cursor:pointer;padding:4px 0}.eye-dialog details p{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.eye-ai button,.eye-presets button{margin:8px 0}.eye-ai .eye-preview{max-width:180px}.eye-preset-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-bottom:1px solid var(--line)}.eye-preset-row span{flex:1;min-width:100px;overflow-wrap:anywhere}.eye-example img{display:block;width:100%;height:auto;border-radius:12px;margin-top:12px}.eye-footer{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.eye-dialog .form-status:empty{display:none}@media(max-width:700px){.eye-dialog{padding:16px;width:96vw;max-height:95dvh}.eye-body{grid-template-columns:1fr;gap:12px}.eye-cards{max-height:310px}.eye-footer button{flex:1;min-width:140px}.eye-summary button{width:100%}}@media(prefers-reduced-motion:no-preference){.eye-card{transition:border-color .15s,box-shadow .15s}}
.beauty-card-wrap{position:relative;min-width:0}.beauty-card-wrap>.eye-card{width:100%;height:100%;padding-bottom:24px}.beauty-favorite{position:absolute;right:6px;bottom:4px;border:0;border-radius:50%;background:var(--surface);color:var(--accent);font-size:20px;line-height:1;width:32px;height:28px;cursor:pointer}.beauty-hub{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface))}.beauty-hub>.home-button{flex:1 1 42%;justify-content:center}.beauty-active{margin:8px 0;width:100%;white-space:normal}.beauty-presets-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.beauty-proposal p{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.beauty-proposal{border-radius:16px;padding:16px;background:var(--field);margin-top:14px}.beauty-proposal:empty{display:none}.eye-dialog>input[type=search],.eye-dialog>details textarea{width:100%}@media(max-width:700px){.beauty-presets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.beauty-hub>.home-button{flex-basis:100%}}
.character-lab-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:0}.character-lab-nav button{min-width:0;justify-content:center}.beauty-hub>.character-lab-nav{flex-basis:100%}.lab-collection{grid-column:1/-1}.lab-collection-editor{display:flex;flex-wrap:wrap;align-items:end;gap:8px}.lab-collection-editor label{display:grid;gap:4px;flex:1;min-width:110px;font-size:12px}.lab-layer-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line)}.lab-layer-row span{flex:1;min-width:140px;font-size:12px}.lab-layer-row button{padding:6px 8px;font-size:12px}.character-conflicts{border:1px solid var(--accent);padding:12px;border-radius:12px;margin:8px 0}.character-conflicts p{margin:0 0 6px}.character-recipe-parts{display:flex;flex-wrap:wrap;gap:12px}.character-recipe-parts label{display:flex;gap:6px;align-items:center;font-size:13px}.character-random,.beauty-locks{width:100%}.character-random>button{margin:6px 6px 0 0}.beauty-hub .studio-preserve{display:flex;flex-wrap:wrap;gap:9px}.beauty-hub .studio-preserve label{font-size:12px}.beauty-hub .settings-note{overflow-wrap:anywhere}@media(max-width:700px){.character-lab-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-collection-editor{display:grid;grid-template-columns:1fr}.lab-layer-row span{flex-basis:100%}}
/* Scene reuses Lab cards, dialogs and Studio's responsive inspector. */
.scene-control-nav,.scene-locks{display:flex;flex-wrap:wrap;gap:.5rem}.scene-control-nav{padding:.5rem 0}.scene-locks label{display:flex;gap:.4rem;align-items:center}.scene-lab>div{display:grid;gap:.7rem;padding:.8rem}.scene-lab>div>button{text-align:left}.eye-composer>details>.eye-controls{padding:.6rem 0}.eye-composer>details{margin:.6rem 0}.scene-active{max-width:100%;white-space:normal}.scene-lab input,.scene-lab select,.eye-composer input{max-width:100%;min-width:0}.eye-gallery svg,.eye-composer svg{max-width:100%}.scene-control-nav button{flex:1 1 auto}.lab-collection-editor{flex-wrap:wrap}.lab-collection-editor label{min-width:0}.scene-locks{padding:.7rem 0}@media(max-width:700px){.scene-control-nav button{flex-basis:28%}.eye-controls{grid-template-columns:1fr}.lab-layer-row{flex-wrap:wrap}.scene-active{text-align:left}}