/* Clothes puts the chosen doll first, then a visual wardrobe. */
#panel-clothes{width:570px;max-width:calc(100vw - 24px);padding:16px;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100dvh - var(--toolbar-bottom,84px) - 20px)}
#panel-clothes #drawer{min-height:0;display:flex;flex-direction:column;overflow:hidden}
#panel-clothes #filters.closet-controls{display:block;overflow:visible;min-height:0;margin:0;padding:0;flex:none}
#panel-clothes #collection.closet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;overflow:auto;min-height:0;max-height:none;padding:5px 3px 12px;overscroll-behavior:contain}
.closet-recipient{display:flex;align-items:center;gap:13px;padding:8px 2px 15px;border-bottom:1px solid #dedbcb}.closet-recipient-photo{display:block;flex:none;height:83px;max-width:58px;background-position:center;background-size:contain!important}.closet-recipient-copy{min-width:0;flex:1}.closet-recipient-copy h3{font:25px 'Playfair Display',Georgia,serif!important;margin:0 0 6px!important;color:#294f40}.closet-recipient-copy>span{font:12px/1.5 Montserrat,system-ui;color:#718071}.closet-recipient-actions{display:flex;flex-direction:column;gap:3px}.closet-recipient-actions button,.closet-pick-first{background:#efeee3;color:#4e624f;font:12px Montserrat,system-ui;min-height:40px;border:1px solid #d8d9c7;border-radius:9px;padding:8px 11px}.closet-recipient-actions button:last-child{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;min-height:32px}
#filters .closet-tabs{display:flex;gap:2px;flex-wrap:wrap;padding:12px 0 9px}#filters .closet-tabs button{white-space:nowrap;font:12px Montserrat,system-ui;border-radius:8px;min-height:38px;padding:8px 11px;background:transparent;color:#637666}#filters .closet-tabs button[aria-pressed=true]{background:#294f40;color:#fffdf5}
.closet-look{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:0 0 12px;min-width:0;min-height:228px;background:#fbfaf5;border:1px solid #deded0;border-radius:13px;overflow:hidden;text-align:center;color:#354b3d;box-shadow:0 2px 4px #243a2610}.closet-look:hover{border-color:#aa8d55;box-shadow:0 4px 12px #263e251a}.closet-look.is-worn,.closet-look[aria-pressed=true]{background:#eef3e8;color:#284d3b;border-color:#66876b}.closet-look-stage{height:181px;display:flex;align-items:center;justify-content:center;margin:0 0 9px;background:linear-gradient(130deg,#f1eee5,#faf8f2);position:relative;padding:12px}.closet-look-art{height:100%;max-width:100%;display:block;flex:none;background-repeat:no-repeat;background-position:center;background-size:contain!important}.closet-look>strong{font:500 13px/1.35 Montserrat,system-ui;padding:0 9px}.closet-look>small{font:11px Montserrat,system-ui;color:#88907e;margin-top:5px}.closet-wearing{position:absolute;top:8px;left:8px;background:#294f40;color:#fff;font:10px Montserrat,system-ui;padding:4px 7px;border-radius:5px}.closet-more{grid-column:1/-1;min-height:45px;background:#eeeede;color:#365941;border:1px solid #d2d6c1;border-radius:10px}
.closet-picker{width:min(650px,calc(100vw - 24px));max-height:86dvh;padding:22px;border:1px solid #bbae88;background:#fffdf6;border-radius:21px;color:#294b3a}.closet-picker::backdrop{background:#19352c80;backdrop-filter:blur(3px)}.closet-picker-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.closet-picker-header h2{font:29px 'Playfair Display',Georgia,serif;margin:0}.closet-close{background:#eeeee2;font-size:25px;width:44px;padding:0}.closet-family-label{display:flex;gap:15px;align-items:center;margin:18px 0;font-size:14px}.closet-family-label select{flex:1;min-width:0;min-height:44px;padding:9px 12px;background:#f4f3e9;color:inherit;border:1px solid #c9c9b2;border-radius:10px;font:inherit}.closet-doll-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.closet-doll-choice{display:flex;flex-direction:column;align-items:center;min-width:0;padding:12px 7px;background:#f4f4e9;border:1px solid #d8decb;border-radius:12px;color:#31513e}.closet-doll-photo{display:block;height:139px;max-width:100%;background-size:contain!important;background-position:center;flex:none;margin-bottom:8px}.closet-doll-choice strong{font:20px 'Playfair Display',Georgia,serif}.closet-doll-choice small{font:10px/1.5 Montserrat,system-ui;color:#758068;margin-top:4px}.closet-doll-choice>span:last-child:not(.closet-doll-photo){font:11px Montserrat,system-ui;margin-top:5px}.closet-chosen-outfit{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:18px;padding:12px;background:#f2eee2;border-radius:13px}.closet-chosen-art{display:block;height:100px;max-width:90px;background-size:contain!important;background-repeat:no-repeat}.closet-chosen-outfit strong{font:20px 'Playfair Display',Georgia,serif;max-width:65%}.closet-empty{font-size:14px}
@media(max-width:600px){#panel-clothes{width:calc(100vw - 20px);padding:12px;max-width:none}#panel-clothes #collection.closet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.closet-recipient{gap:9px}.closet-recipient-copy h3{font-size:22px!important}.closet-recipient-copy>span{font-size:11px}.closet-recipient-photo{height:71px;max-width:45px}.closet-recipient-actions button,.closet-pick-first{font-size:10px;padding:8px}.closet-look-stage{height:168px}.closet-look{min-height:215px}.closet-look>strong{font-size:12px}#filters .closet-tabs{gap:3px;padding:10px 0}#filters .closet-tabs button{font-size:11px;padding:7px 9px;min-height:35px}.closet-picker{padding:16px}.closet-picker-header h2{font-size:25px}.closet-doll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.closet-doll-photo{height:144px}}