*{box-sizing:border-box}body{margin:0;background:#f7f5f0;color:#303c32;font:14px/1.7 system-ui,sans-serif}button,input,select{font:inherit;color:inherit}button,.button{cursor:pointer;display:inline-block;border:1px solid #c7cabb;background:transparent;padding:10px 14px;text-decoration:none;color:inherit;min-height:44px}button:disabled{opacity:.45;cursor:default}.primary{background:#303e32;color:white;border-color:#303e32}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #6b765b;outline-offset:3px}[hidden]{display:none!important}.closet-nav{display:flex;gap:24px;padding:12px 5%;border-bottom:1px solid #dedfd5;flex-wrap:wrap}.closet-nav a{color:inherit;text-underline-offset:5px;font-size:12px}main{max-width:1150px;margin:auto;padding:36px 24px 70px}.page-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-heading a{color:inherit;white-space:nowrap}h1{font-size:32px;font-weight:500;margin:6px 0}h2{font-size:22px;font-weight:500}h3{font-size:15px;font-weight:500}.eyebrow{font-size:10px;letter-spacing:2px}.muted{font-size:12px;color:#747b6b}small{font-size:12px}section{border-top:1px solid #d9ddcf;padding:26px 0;scroll-margin-top:20px}select,input:not([type=file]){border:1px solid #c9cebd;background:#fffefa;padding:10px;max-width:100%}.items-grid,.saved-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px;margin-top:20px}.items-grid article,.saved-grid article{min-width:0}.items-grid img,.saved-grid img{display:block;width:100%;aspect-ratio:2/3;object-fit:contain;background:#eae7df}.items-grid article.selected{outline:2px solid #61704e;outline-offset:5px}.items-grid p,.saved-grid p{font-size:12px;margin:6px 0}.card-actions{display:flex;flex-wrap:wrap;gap:5px}.card-actions button,.card-actions a{font-size:11px;padding:7px;min-height:44px}.outfits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.outfit-card{padding:16px;background:#eeece4}.outfit-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.outfit-photos img{width:100%;aspect-ratio:2/3;object-fit:contain;background:#e4e1d7}.outfit-photos p{font-size:10px}.selected-items{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.selected-items button{font-size:12px}#outfit-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}#outfit-form label{display:flex;flex-direction:column;flex:1;min-width:180px}#reference img{height:180px;object-fit:contain}#reference a{color:inherit}.wear-row{padding:12px 0;border-bottom:1px solid #dedfd5}dialog{width:min(640px,94vw);border:1px solid #c9cebd;background:#f7f5f0;color:inherit;padding:24px;max-height:92vh;overflow:auto}dialog::backdrop{background:#202820b3}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:flex;flex-direction:column}.photo-actions,.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.file-input{display:block;max-width:220px;font-size:11px;margin-top:8px}#item-preview{max-height:240px;max-width:100%;margin:auto;display:block}.error{color:#9e302b}#status{min-height:25px}#guest{padding:24px;background:#eeece4}#saved a{color:inherit}.saved-grid img{object-fit:cover}@media(max-width:650px){main{padding:22px 18px}h1{font-size:25px}.page-heading{align-items:flex-start;flex-direction:column}.closet-nav{gap:18px;padding-inline:18px}.section-heading{align-items:flex-start;flex-wrap:wrap}.items-grid,.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.outfits-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.dialog-actions button{flex:1}dialog{padding:18px}.outfit-photos{grid-template-columns:repeat(3,minmax(0,1fr))}#outfit-form button{flex:1}}

.selected-photo{width:120px;max-width:45%}.selected-photo img{width:100%;aspect-ratio:2/3;object-fit:contain;background:#eae7df}.selected-photo button{width:100%;font-size:11px;padding:7px;word-break:keep-all}