outfit-phone-widget{display:block;width:100%;margin:10px auto 22px;max-width:520px;font-family:inherit;color:#604c37}
outfit-phone-widget .op-wrap{background:#fcfaf7;padding:0 0 12px;text-align:center}
outfit-phone-widget .op-label{font:600 11px/1.5 Arial,sans-serif;letter-spacing:2px;color:#816c51;margin:10px 0 0}
outfit-phone-widget .op-stage{position:relative;width:100%;max-width:470px;margin:0 auto;aspect-ratio:1536/1024;touch-action:pan-y;user-select:none}
outfit-phone-widget .op-img{display:block;width:100%;height:100%;object-fit:contain}
outfit-phone-widget .op-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
outfit-phone-widget .op-digit{cursor:pointer;touch-action:none;outline:none}
outfit-phone-widget .op-digit:focus-visible circle{stroke:#493522;stroke-width:8}
outfit-phone-widget .op-controls{display:flex;gap:8px;justify-content:center;margin:2px 0 10px}
outfit-phone-widget button.op-btn{border:1px solid #cdbda6;background:#f7efe3;color:#5b4431;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:600;cursor:pointer}
outfit-phone-widget button.op-btn.primary{background:#614932;color:white}
outfit-phone-widget .op-hint{font-size:11px;color:#8c7c6b;margin:6px 0 12px}
outfit-phone-widget .op-panel{background:#fffaf3;border:1px solid #e2d5c4;border-radius:16px;padding:15px;margin-top:10px;text-align:left}
outfit-phone-widget .op-panel h3{font:500 19px Georgia,serif;margin:0 0 10px;color:#614932}
outfit-phone-widget .op-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
outfit-phone-widget .op-item{border:1px solid #e6daca;border-radius:12px;padding:8px;background:white;min-width:0}
outfit-phone-widget .op-item img{width:100%;aspect-ratio:4/5;object-fit:contain;border-radius:8px;background:#f7f2eb}
outfit-phone-widget .op-item strong{display:block;font-size:12px;margin-top:6px;overflow-wrap:anywhere}
outfit-phone-widget .op-item small{font-size:11px;color:#8a7967}
outfit-phone-widget .op-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
outfit-phone-widget .op-color{border:1px solid #d9c8b5;background:white;border-radius:10px;padding:7px 3px;font-size:10px;color:#584b40;cursor:pointer}
outfit-phone-widget .op-color span{display:block;width:26px;height:26px;border-radius:50%;border:1px solid #c8bdaf;margin:0 auto 5px}
outfit-phone-widget .op-color[aria-pressed=true]{outline:2px solid #7b6044}
outfit-phone-widget .op-choice{display:flex;gap:7px;margin-top:7px}
outfit-phone-widget .op-choice button{flex:1}
outfit-phone-widget .op-empty{font-size:12px;color:#86725f;line-height:1.6}
outfit-phone-widget .op-summary{font-size:12px;color:#7c6855;margin-bottom:12px}
@media(max-width:400px){outfit-phone-widget .op-panel{padding:12px}outfit-phone-widget .op-controls{margin-top:-4px}}

outfit-phone-widget .op-directory{display:grid;gap:9px}outfit-phone-widget .op-directory>div{display:flex;align-items:center;gap:12px;padding:9px;border:1px solid #e6daca;border-radius:10px;font-size:12px}outfit-phone-widget .op-directory b{display:grid;place-items:center;background:#e8d9c4;border-radius:50%;width:27px;height:27px;flex-shrink:0}outfit-phone-widget .op-occasion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}outfit-phone-widget .op-occasion-grid button{padding:10px 3px}outfit-phone-widget .op-outfit{border:1px solid #e3d4c1;border-radius:12px;padding:10px;margin-top:12px}outfit-phone-widget .op-outfit>strong,outfit-phone-widget .op-outfit>small{display:block;margin-bottom:6px}outfit-phone-widget .op-question{border-bottom:1px solid #e6daca;padding:12px 0}outfit-phone-widget .op-question>strong{font-size:13px}outfit-phone-widget .op-feedback{font-size:12px;color:#6e614f}outfit-phone-widget .op-search{display:flex;gap:7px}outfit-phone-widget .op-search input{min-width:0;flex:1;padding:11px;border:1px solid #d8c7b3;border-radius:9px;background:white;font:inherit}outfit-phone-widget .op-controls{flex-wrap:wrap}outfit-phone-widget .op-controls button{padding:10px 12px}outfit-phone-widget .op-panel[hidden]{display:none}