/* Founder reference menus: stationary controls, two-column artwork, one scrolling catalog. */
#actions[data-kind=doll]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:490px;gap:6px;padding:10px}
#actions[data-kind=doll][hidden]{display:none}
#actions[data-kind=doll] .menu-title{grid-column:1/-2;width:auto;min-width:0}
#actions[data-kind=doll] .menu-close{grid-column:-2/-1;justify-self:end;margin:0}
#actions[data-kind=doll] .action{width:100%;min-width:0;min-height:82px;font-size:13px;padding:6px 4px;line-height:1.3}
#panel-clothes .closet-target{margin:0 0 10px;color:#315f4d;font:500 12px/1.4 Montserrat,sans-serif}
@media(max-width:520px){#actions[data-kind=doll]{grid-template-columns:repeat(3,minmax(0,1fr));width:310px}}
#panel-people,#panel-clothes{width:560px;max-width:calc(100vw - 24px);height:min(720px,calc(100dvh - var(--toolbar-bottom,84px) - 16px));max-height:calc(100dvh - var(--toolbar-bottom,84px) - 16px);padding:0;display:flex;flex-direction:column;overflow:hidden;background:#fbfaf7;border:1px solid #e2e5dd;border-radius:23px;color:#143c3b;box-shadow:0 18px 55px #18352d30}
#panel-clothes{height:min(680px,calc(100dvh - var(--toolbar-bottom,84px) - 16px))}
#panel-people .panel-heading,#panel-clothes .panel-heading{flex:none;min-height:69px;margin:0;padding:17px 21px 9px;gap:20px;justify-content:flex-start}
#panel-people .panel-heading h2,#panel-clothes .panel-heading h2{font:27px/1.2 'Playfair Display',Georgia,serif;letter-spacing:-.04em}
#panel-people .panel-close,#panel-clothes .panel-close{margin-left:auto;border:0;background:#eef0ea;color:#163e3b;min-width:36px;width:36px;min-height:36px;height:36px;border-radius:11px;font:25px/1 system-ui}
#panel-people .people-browse{display:flex;gap:16px;align-self:stretch;align-items:center;border:0;background:none;padding:0;border-radius:0}
#panel-people .people-browse button{font:12px/1.4 Montserrat,sans-serif;min-height:36px;min-width:0;padding:5px 0;border:0;border-bottom:2px solid transparent;border-radius:0;color:#647578;background:transparent;box-shadow:none;white-space:nowrap}
#panel-people .people-browse button[aria-pressed=true]{border-bottom-color:#315f4d;color:#153b3a;font-weight:600}
#panel-people #drawer{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden;padding:0}
#panel-people #filters,#panel-clothes #filters.closet-controls{display:block;flex:none;overflow:visible;min-height:0;padding:0 21px 15px;margin:0;border:0;border-bottom:1px solid #e7e8e1}
#filters .menu-choice-grid{display:grid;grid-template-columns:64px repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,36px);gap:1px;overflow:hidden;background:#dce2d7;border:1px solid #dce2d7;border-radius:12px}
#filters .menu-choice-grid:not(.people-families){grid-template-columns:54px repeat(4,minmax(0,1fr)) 54px}
#filters .menu-choice-grid button{display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;border:0;border-radius:0;margin:0;padding:4px 3px;background:#eef0e9;color:#173e3e;font:11px/1.25 Montserrat,sans-serif;white-space:normal}
#filters .menu-choice-grid button[data-choice=all]{grid-column:1;grid-row:1/3;font-size:12px}
#filters .menu-choice-grid button[data-choice=baby]{grid-column:6;grid-row:1/3}
#filters .menu-choice-grid button[aria-pressed=true]{background:#fff;color:#123e3b;box-shadow:inset 0 -2px #315f4d}
#filters .menu-choice-grid button:hover{background:#e3eae2}
#panel-people #collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:12px;flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;padding:18px 21px 22px;scrollbar-gutter:stable;overscroll-behavior:contain}
#panel-people .family-intro{padding:0;margin:0 0 2px;grid-column:1/-1}
#panel-people .family-intro:not(:first-child){margin-top:16px}
#panel-people .family-intro h3{font:23px/1.3 'Playfair Display',Georgia,serif;margin:0 0 5px;color:#183d3a}
#panel-people .family-intro p{font:12px/1.6 Montserrat,sans-serif;margin:0;color:#617676}
#panel-people .family-member{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;min-width:0;min-height:0;background:white;border:1px solid #e0e4db;border-radius:14px;overflow:hidden;text-align:left}
#panel-people .family-member.present{border-color:#b8d0c0;background:white}
#panel-people .family-member-photo{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:150px;align-self:auto;padding:10px;background:linear-gradient(125deg,#eeefe7,#f5f4ef)}
#panel-people .family-member-photo .family-portrait{height:130px;max-width:100%;background-size:contain!important;align-self:center}
#panel-people .member-playing{position:absolute;top:9px;left:9px;display:flex;align-items:center;gap:5px;border-radius:20px;padding:4px 8px;background:#315f4d;color:#fff;font:600 10px/1 Montserrat,sans-serif}
#panel-people .member-playing:before{content:'';width:6px;height:6px;background:#d9e9cf;border-radius:50%}
#panel-people .family-member-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:7px;padding:10px 11px;min-height:59px;text-align:left}
#panel-people .member-copy{display:contents}
#panel-people .family-member-caption strong{grid-column:1/-1;display:block;font:17px/1.25 'Playfair Display',Georgia,serif;overflow-wrap:normal}
#panel-people .family-member-caption small{grid-column:1;grid-row:2;font:11px/1.4 Montserrat,sans-serif;color:#667e7b;margin:0}
#panel-people .member-invite{grid-column:2;grid-row:2;justify-self:end}
#panel-people .member-invite{flex:none;min-width:0;min-height:31px;padding:6px 12px;border:1px solid #315f4d;border-radius:22px;color:white;background:#315f4d;font:600 10px/1.4 Montserrat,sans-serif}
#panel-people .present .member-invite{border-color:#d7dfd5;background:white;color:#32595b;font-weight:400}
#panel-people .member-invite:disabled{opacity:.4;cursor:default}
#panel-clothes #drawer{display:grid;grid-template-columns:138px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);flex:1;min-height:0;overflow:hidden}
#panel-clothes #filters{grid-column:1/-1;grid-row:1}
#panel-clothes .closet-tabs{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:2px;margin:0;padding:14px 10px;overflow-y:auto;border-right:1px solid #e7e8e1}
#panel-clothes .closet-tabs button{flex:none;text-align:left;min-height:36px;min-width:0;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:#32565a;font:12px/1.4 Montserrat,sans-serif;white-space:normal}
#panel-clothes .closet-tabs button[aria-pressed=true]{background:#e2ebe4;color:#17453f}
#panel-clothes .closet-tabs button:disabled{opacity:.35}
#panel-clothes #collection.closet-grid{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:12px;min-height:0;max-height:none;overflow:auto;padding:14px 15px 20px;scrollbar-gutter:stable}
#panel-clothes .closet-look{min-height:0;border-radius:14px;border-color:#e0e4db;background:white;box-shadow:none;padding:0 0 12px;color:#163e3d}
#panel-clothes .closet-look-stage{height:160px;padding:10px;background:linear-gradient(125deg,#eeefe7,#f5f4ef);margin-bottom:10px}
#panel-clothes .closet-look>strong{font:500 11px/1.4 Montserrat,sans-serif;padding:0 8px}
#panel-clothes .closet-look>small{font:10px/1.3 Montserrat,sans-serif;color:#667e7b;margin-top:3px}
#panel-people button:focus-visible,#panel-clothes button:focus-visible{outline:2px solid #a17e3e;outline-offset:-3px}
#panel-people #collection,#panel-clothes #collection,#panel-clothes .closet-tabs{scrollbar-width:thin;scrollbar-color:#929b91 transparent}
@media(pointer:coarse){#panel-people .member-invite{min-height:44px}#panel-clothes .closet-tabs button{min-height:44px}#filters .menu-choice-grid{grid-template-rows:repeat(2,44px)}}
@media(max-width:480px){
 #panel-people,#panel-clothes{width:calc(100vw - 16px);max-width:none;right:8px}
 #panel-people .panel-heading,#panel-clothes .panel-heading{padding:12px 12px 8px;gap:12px;min-height:60px}
 #panel-people .people-browse{gap:12px}#panel-people .people-browse button{font-size:11px}
 #panel-people #filters,#panel-clothes #filters.closet-controls{padding:0 11px 12px}
 #filters .menu-choice-grid{grid-template-columns:40px repeat(4,minmax(0,1fr))}
 #filters .menu-choice-grid:not(.people-families){grid-template-columns:35px repeat(4,minmax(0,1fr)) 35px}
 #filters .menu-choice-grid button{font-size:9px}
 #panel-people #collection{padding:14px 11px;gap:9px}
 #panel-people .family-member-photo{height:154px}#panel-people .family-member-photo .family-portrait{height:134px}
 #panel-people .family-member-caption{flex-wrap:wrap;padding:9px;gap:8px}#panel-people .member-invite{margin-left:auto}
 #panel-clothes #drawer{grid-template-columns:96px minmax(0,1fr)}#panel-clothes .closet-tabs{padding:12px 6px}#panel-clothes .closet-tabs button{font-size:11px;padding:8px}
 #panel-clothes #collection.closet-grid{padding:12px 8px;gap:8px}#panel-clothes .closet-look-stage{height:143px;padding:8px}
}