.nursery-studio { margin-top:8px; }
.nursery-demo-names { margin-top:24px; }
.nursery-paint-studio { margin:22px 0; }.nursery-paint-studio .section-kicker {margin-bottom:9px;}
.nursery-surfaces {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;}
.nursery-surfaces button {display:grid;justify-items:center;gap:6px;padding:8px 0;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--muted);font-size:9px;min-width:0;}
.nursery-surfaces button[aria-pressed="true"] {background:var(--accent-soft);border-color:var(--accent-2);color:var(--accent);}.nursery-surfaces i {width:29px;height:29px;border-radius:50%;border:3px solid var(--panel);box-shadow:0 0 0 1px var(--line);}
.nursery-selected-color {display:grid;gap:3px;margin:13px 0 23px;min-height:81px;}.nursery-selected-color>span {font-size:10px;color:var(--muted);}.nursery-selected-color>strong {font:21px/1.25 Georgia,serif;}.nursery-selected-color>small {font-size:11px;color:var(--muted);}.nursery-selected-color>a {font-size:11px;justify-self:start;margin-top:5px;}.nursery-selected-color>p {font-size:11px;color:var(--muted);line-height:1.6;margin:6px 0 0;}
.nursery-paint-heading {display:grid;gap:3px;margin-bottom:14px;}.nursery-paint-heading strong {font-size:13px;font-weight:600;}.nursery-paint-heading span {font-size:10px;color:var(--muted);}
.nursery-family-label {display:grid;gap:5px;font-size:10px;color:var(--muted);}.nursery-family-label select {width:100%;min-height:40px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--ink);padding:8px 10px;font-size:12px;}
.nursery-paint-search {position:relative;margin-top:10px;}.nursery-paint-search input {width:100%;min-height:40px;padding:8px 30px 8px 10px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font-size:11px;}.nursery-paint-search input::-webkit-search-cancel-button {appearance:none;}.nursery-paint-search button {position:absolute;right:0;top:1px;width:32px;height:36px;font-size:20px;}
.nursery-paint-count {font-size:10px;color:var(--muted);margin:10px 0;}.nursery-paint-results {display:grid;gap:8px;max-height:270px;overflow:auto;padding:3px;scrollbar-width:thin;}
.nursery-paint-chip {position:relative;display:flex;align-items:center;gap:11px;min-height:65px;width:100%;padding:8px;border:1px solid transparent;border-radius:15px;background:var(--panel);color:var(--ink);text-align:left;transition:background .2s,border-color .2s;}
.nursery-paint-chip>i {display:block;width:43px;height:43px;flex-shrink:0;border-radius:9px;box-shadow:inset 0 0 0 1px #0000000d;}.nursery-paint-chip>span {display:grid;gap:4px;padding-right:13px;min-width:0;}.nursery-paint-chip strong {font-size:12px;font-weight:550;line-height:1.3;}.nursery-paint-chip small {font-size:10px;color:var(--muted);}.nursery-paint-chip>b {position:absolute;right:8px;top:8px;color:var(--accent);font-size:12px;opacity:0;}
.nursery-paint-chip[aria-pressed="true"] {border-color:var(--accent-2);background:var(--accent-soft);}.nursery-paint-chip[aria-pressed="true"]>b {opacity:1;}
.nursery-custom-colors {margin-top:15px;}.nursery-custom-colors summary {font-size:11px;color:var(--accent);cursor:pointer;padding:8px 0;}.nursery-custom-colors .nursery-color {margin:10px 0;}.nursery-custom-colors p,.nursery-paint-note {font-size:10px;color:var(--muted);line-height:1.65;margin:10px 0 0;}.nursery-custom-colors .nursery-color small {color:var(--muted);}
@media(hover:hover){.nursery-paint-chip:hover,.nursery-surfaces button:hover {background:var(--soft);}}
@media(max-width:1200px) and (min-width:761px){.nursery-surfaces button {font-size:8px;}.nursery-paint-chip {gap:8px;}.nursery-paint-chip>i{width:35px;height:40px;}.nursery-paint-chip strong {font-size:11px;}}
@media(max-width:760px){.nursery-surfaces {max-width:360px;gap:8px;}.nursery-surfaces button {font-size:10px;min-height:70px;}.nursery-surfaces i {width:34px;height:34px;}.nursery-paint-results {max-height:270px;}.nursery-selected-color {min-height:75px;}.nursery-family-label select,.nursery-paint-search input {font-size:16px;}}
.nursery-style-strip { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-bottom:24px; }
.nursery-style { position:relative; display:grid; gap:5px; text-align:left; min-width:0; border:1px solid transparent; border-radius:18px; padding:16px; background:color-mix(in srgb,var(--panel) 70%,transparent); color:var(--ink); transition:background .25s,border-color .25s,transform .25s; }
.nursery-style-number { color:var(--subtle); font:12px Georgia,serif; }.nursery-style strong { font-size:13px; font-weight:600; }.nursery-style small { font-size:10px; color:var(--muted); line-height:1.5; }
.nursery-style[aria-pressed="true"] { background:var(--accent-soft); border-color:var(--accent-2); }.nursery-style[aria-pressed="true"]::after { content:""; position:absolute; top:18px; right:16px; width:6px; height:6px; border-radius:50%; background:var(--accent); }
.nursery-workspace { display:grid; grid-template-columns:minmax(0,1fr) 255px; gap:25px; align-items:start; }
.nursery-room-panel { min-width:0; position:sticky; top:20px; background:var(--panel); border-radius:26px; padding:18px; box-shadow:0 12px 45px #243e2e08; }
.nursery-room-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; padding:4px 5px 14px; }.nursery-room-heading .section-kicker { margin:0; }
.nursery-room-label { color:var(--muted); font-size:10px; }.room-viewport { border-radius:17px; overflow:hidden; background:#ece8dc; isolation:isolate; }
.room-scene { display:block; width:100%; height:auto; }.room-scene path,.room-scene ellipse,.room-scene rect { transition:fill .3s ease,stroke .3s ease; }
.room-view-controls { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px; margin:17px 3px 0; }.room-view-controls .text-button { min-height:35px; }.room-view-controls .segmented button { padding:8px 13px; }
.nursery-room-note { margin:14px 3px 0; color:var(--subtle); font-size:10px; }.nursery-controls { padding:10px 0; min-width:0; }.nursery-controls>h3 { font:28px/1.2 Georgia,serif; margin:0 0 13px; }.nursery-controls>p:not(.section-kicker) { color:var(--muted); font-size:12px; line-height:1.8; }
.nursery-controls>.btn { width:100%; margin-top:12px; }.nursery-color-options { display:grid; gap:12px; margin:22px 0 26px; }
.nursery-color { display:flex; align-items:center; gap:12px; cursor:pointer; }.nursery-color input[type="color"] { appearance:none; -webkit-appearance:none; width:44px; height:44px; min-height:44px; padding:3px; border:1px solid var(--line); background:var(--panel); border-radius:50%; cursor:pointer; }
.nursery-color input::-webkit-color-swatch-wrapper { padding:0; }.nursery-color input::-webkit-color-swatch { border:0; border-radius:50%; }.nursery-color input::-moz-color-swatch { border:0; border-radius:50%; }
.nursery-color span { font-size:12px; }.nursery-color small { display:block; font-size:10px; color:var(--subtle); margin-top:2px; text-transform:uppercase; }
.nursery-palettes { display:flex; gap:8px; flex-wrap:wrap; }.nursery-palettes button { display:flex; width:43px; height:30px; padding:3px; border:1px solid var(--line); border-radius:30px; background:var(--panel); overflow:hidden; }
.nursery-palettes button[aria-pressed="true"] { outline:2px solid var(--accent); outline-offset:2px; }.nursery-palettes i { flex:1; }.nursery-palettes i:first-child { border-radius:20px 0 0 20px; }.nursery-palettes i:nth-child(3) { border-radius:0 20px 20px 0; }.nursery-palettes span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.nursery-room-status { min-height:21px; }.nursery-notes { margin-top:30px; }.nursery-inspiration-empty { color:var(--muted); font-size:13px; padding:26px 0; }
.room-stars { animation:room-starlight 7s ease-in-out infinite alternate; }@keyframes room-starlight { from {opacity:.75;} to {opacity:1;} }
.nursery-saved-palette { margin-bottom:20px; }.nursery-saved-palette input[type="color"] { height:40px; }
@media(hover:hover) { .nursery-style:hover { transform:translateY(-3px); background:var(--soft); }.nursery-palettes button:hover { transform:translateY(-2px); } }
@media(max-width:1200px) { .nursery-workspace { grid-template-columns:minmax(0,1fr) 210px; gap:18px; }.nursery-style { padding:12px; }.nursery-style small {font-size:9px;}.nursery-style[aria-pressed="true"]::after {top:14px;right:12px;} }
@media(max-width:760px) { .nursery-style-strip { display:flex; overflow-x:auto; padding:3px 2px 10px; margin-bottom:14px; scrollbar-width:thin; }.nursery-style { flex:0 0 154px; padding:14px; }.nursery-workspace { display:block; }.nursery-room-panel { top:8px; z-index:4; padding:10px; border-radius:20px; }.nursery-room-heading { padding:5px 4px 10px; gap:4px; }.nursery-room-heading .section-kicker { font-size:10px; }.room-viewport { border-radius:12px; }.room-view-controls { gap:7px; margin:8px 3px 0; }.room-view-controls .segmented button { font-size:10px; padding:7px 9px; }.room-view-controls .text-button { font-size:10px; }.nursery-room-note { font-size:9px; margin-top:6px; }.nursery-controls { padding:25px 4px 0; }.nursery-color-options { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px 10px; }.nursery-controls>.btn { width:auto; margin-right:8px; }.nursery-room-panel .section-kicker { max-width:70%; }.nursery-notes { margin-top:18px; } }
@media print { .nursery-style-strip,.nursery-controls,.room-view-controls,.nursery-room-status { display:none; }.nursery-workspace {display:block;}.nursery-room-panel{position:static;box-shadow:none;} }