/* Host tokens supply the brand; layout and wardrobe behaviour stay portable. */
.wa-camera-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;flex-basis:100%!important}.wa-camera-keys button{min-width:0;padding:8px!important;font-size:19px!important}
.world-avatar{--wa-bg:var(--avatar-surface,#fffdf7);--wa-text:var(--avatar-ink,#173d35);--wa-muted:var(--avatar-muted,#60776f);--wa-accent:var(--avatar-accent,#165e4c);--wa-on-accent:var(--avatar-on-accent,#fff);--wa-line:var(--avatar-line,#ccd7cd);font:inherit;color:var(--wa-text)}
.world-avatar *{box-sizing:border-box}.world-avatar [hidden]{display:none!important}.wa-layout{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(280px,1.05fr);gap:32px;align-items:start}.wa-mirror{position:sticky;top:20px;background:var(--wa-bg);border:1px solid var(--wa-line);border-radius:var(--avatar-radius,24px);overflow:hidden;min-width:0}.wa-canvas{position:relative;height:min(63dvh,640px);min-height:240px;background:#eee9df}.wa-caption{text-align:center;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin:14px 8px}.wa-camera{display:flex;gap:8px;padding:0 14px;flex-wrap:wrap}.wa-camera>*{flex:1;min-width:95px}.wa-hint{font-size:12px;line-height:1.6;color:var(--wa-muted)}.wa-mirror .wa-hint{padding:0 16px 12px}.wa-panel{min-width:0;padding-bottom:36px}.wa-panel-heading h2{font:var(--avatar-heading,500 clamp(28px,4vw,46px)/1.1 Georgia,serif);margin:12px 0 20px}.wa-eyebrow{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--wa-muted)}.wa-status{padding:12px 0;margin:0 0 18px;min-height:42px;font-size:14px;line-height:1.5}.world-avatar a{color:var(--wa-accent);text-underline-offset:4px;line-height:1.6}.world-avatar button,.world-avatar select,.world-avatar input[type=search]{font:inherit;font-size:14px;min-height:46px;border:1px solid var(--wa-line);border-radius:var(--avatar-control-radius,12px);padding:10px 14px;max-width:100%}.world-avatar button{background:var(--wa-accent);color:var(--wa-on-accent);cursor:pointer;font-weight:600}.world-avatar button.wa-secondary{background:var(--wa-bg);color:var(--wa-text)}.world-avatar button:disabled{opacity:.48;cursor:default}.world-avatar select,.world-avatar input[type=search]{width:100%;color:var(--wa-text);background:var(--wa-bg)}.world-avatar input[type=search]{font-size:16px}.world-avatar :focus-visible{outline:3px solid var(--wa-accent);outline-offset:3px}.wa-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}.wa-colors label{font-size:13px;display:flex;flex-direction:column;gap:10px}.wa-colors label:last-child{grid-column:1/-1}.wa-colors input[type=color]{width:100%;min-height:46px;padding:3px;background:var(--wa-bg);border:1px solid var(--wa-line);border-radius:8px}.wa-features{border-top:1px solid var(--wa-line);padding:14px 0;margin:0}.wa-features summary{font-weight:600;min-height:44px;padding:10px 0;cursor:pointer}.wa-features label{display:grid;grid-template-columns:1fr auto;gap:8px;margin:16px 0;font-size:13px}.wa-features input{grid-column:1/-1;grid-row:2;width:100%;min-height:38px;accent-color:var(--wa-accent);margin:0}.wa-features output{grid-column:2;grid-row:1;color:var(--wa-muted);font-variant-numeric:tabular-nums}.wa-save{display:flex;flex-wrap:wrap;gap:10px;padding:18px 0;position:relative;background:var(--wa-bg)}.wa-wardrobe{margin:28px 0}.wa-wardrobe h3{font:var(--avatar-heading,500 28px/1.2 Georgia,serif)}.wa-filters{display:grid;gap:10px;grid-template-columns:1fr 1fr}.wa-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wa-item{border:1px solid var(--wa-line);padding:20px;background:var(--wa-bg);border-radius:var(--avatar-radius,20px);min-width:0}.wa-item h4{font-size:18px;line-height:1.3;margin:14px 0 20px;overflow-wrap:anywhere}.wa-item button{display:block;width:100%;margin:8px 0}.wa-onboard{border:1px solid var(--wa-line);padding:32px;background:var(--wa-bg)}.wa-onboard a,.wa-onboard button{display:block;margin-top:20px}.wa-panel-heading a{display:inline-block;padding:8px 0}
@media(max-width:700px){.wa-layout{grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);gap:14px}.wa-canvas{height:48dvh;min-height:170px;max-height:440px}.wa-mirror{top:12px}.wa-items,.wa-filters{grid-template-columns:1fr}.wa-item{padding:14px}.wa-item h4{font-size:17px}.wa-panel-heading h2{font-size:26px}.wa-camera{padding:0 8px;gap:6px}.wa-camera>*{min-width:0;flex-basis:100%}.wa-caption{font-size:9px;letter-spacing:.06em}.wa-mirror .wa-hint{font-size:10px;padding:0 8px 8px}.wa-colors{gap:8px;grid-template-columns:1fr}.wa-colors label:last-child{grid-column:auto}.wa-colors label{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.wa-colors input[type=color]{width:48px;flex-shrink:0}.wa-colors label:last-child{flex-direction:column;align-items:stretch}.wa-save{gap:6px}.wa-save button{width:100%}.world-avatar button,.world-avatar select{font-size:12px;padding:10px 8px}.wa-status{font-size:12px}.wa-features label{font-size:12px}.wa-panel-heading a{font-size:12px;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.world-avatar *{scroll-behavior:auto;transition:none!important}}

/* Batch 2C: actual-item photography, plain guidance and reachable small screens. */
.wa-guide{border:1px solid var(--wa-line);border-radius:var(--avatar-control-radius,12px);padding:14px 16px;margin:20px 0;line-height:1.6}.wa-guide summary{cursor:pointer;min-height:28px;font-weight:700}.wa-guide p{font-size:14px}.wa-forms{border:1px solid var(--wa-line);border-radius:var(--avatar-radius,20px);padding:18px;margin:24px 0}.wa-forms legend{font-weight:700;padding:0 6px}.wa-forms button{margin:6px 8px 0 0;background:var(--wa-bg);color:var(--wa-text)}.wa-forms button[aria-pressed=true]{background:var(--wa-accent);color:var(--wa-on-accent);box-shadow:0 0 0 2px var(--wa-bg),0 0 0 3px var(--wa-accent)}.wa-item{padding:14px;display:flex;flex-direction:column;align-items:stretch}.wa-photo{aspect-ratio:4/5;background:#eeeae2;margin:-14px -14px 16px;overflow:hidden;border-radius:var(--avatar-radius,20px) var(--avatar-radius,20px) 0 0;color:#173d35;display:grid;place-items:center;text-align:center}.wa-photo img{width:100%;height:100%;object-fit:contain;display:block}.wa-item h4{font-size:17px;margin:8px 0;min-height:2.6em}.wa-item-state{font-size:12px;color:var(--wa-muted);margin:4px 0 10px}.wa-price{font-weight:700;font-variant-numeric:tabular-nums}.wa-shop-summary{padding:14px 0;line-height:1.6;border-bottom:1px solid var(--wa-line);margin-bottom:18px}.wa-filters{grid-template-columns:1fr 1fr}.wa-filters input{grid-column:1/-1}.wa-outfits input[type=text]{width:100%;min-height:46px;border:1px solid var(--wa-line);background:var(--wa-bg);color:var(--wa-text);border-radius:var(--avatar-control-radius,12px);padding:10px;font:inherit;margin:12px 0}.wa-outfit-row{padding:14px 0;border-top:1px solid var(--wa-line);display:flex;flex-wrap:wrap;gap:8px}.wa-outfit-row strong{flex-basis:100%;overflow-wrap:anywhere}.wa-save{position:sticky;bottom:0;z-index:3;border-top:1px solid var(--wa-line)}.wa-save button{flex:1}.wa-mirror .wa-hint{margin:8px 0}.wa-camera select{font-size:14px!important}.wa-camera button{min-height:44px}
@media(max-width:700px){.wa-layout{grid-template-columns:minmax(0,1fr);gap:18px}.wa-mirror{position:relative;top:auto}.wa-canvas{height:38dvh;min-height:220px;max-height:370px}.wa-camera{display:grid;grid-template-columns:1fr auto;padding:0 12px}.wa-camera-keys{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr)}.wa-camera>*{min-width:0}.wa-caption{font-size:11px;margin:10px}.wa-mirror .wa-hint{font-size:12px}.wa-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wa-filters{grid-template-columns:1fr 1fr}.wa-item{padding:10px}.wa-photo{margin:-10px -10px 12px}.wa-item h4{font-size:16px}.world-avatar button,.world-avatar select{font-size:14px;padding:10px 8px}.wa-panel-heading h2{font-size:32px}.wa-forms{margin:18px 0}.wa-colors{grid-template-columns:repeat(3,minmax(0,1fr))}.wa-colors label{flex-direction:column;align-items:stretch}.wa-colors input[type=color]{width:100%}.wa-colors label:last-child{grid-column:1/-1}.wa-status{font-size:14px}.wa-features label{font-size:14px}.wa-panel-heading a{font-size:14px}.wa-guide p{font-size:14px}}
@media(max-width:350px){.wa-items{grid-template-columns:minmax(0,1fr)}.wa-filters{grid-template-columns:minmax(0,1fr)}.wa-filters input{grid-column:auto}.wa-photo{max-height:330px}.wa-forms button{width:100%;margin:6px 0}.wa-camera{grid-template-columns:minmax(0,1fr)}}
@media(max-height:600px) and (max-width:950px){.wa-mirror{position:relative;top:auto}.wa-canvas{height:250px;min-height:200px}.wa-save{position:relative}}

.wa-expand{display:none}.wa-item-actions{margin-top:auto}.wa-intro{line-height:1.6;color:var(--wa-muted);font-size:14px}
@media(max-width:700px) and (min-height:601px){
 .wa-mirror{position:sticky;top:max(8px,env(safe-area-inset-top));z-index:6;display:block;border-radius:18px;box-shadow:0 8px 28px #0002}
 .wa-canvas{height:clamp(205px,28svh,260px);min-height:205px;max-height:none}
 .wa-caption{position:absolute;top:10px;inset-inline-start:10px;margin:0;padding:6px 9px;border-radius:20px;background:var(--wa-bg);font-size:9px;pointer-events:none}
 .wa-camera{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:8px;gap:6px}
 .wa-camera select,.wa-camera .wa-expand{display:block;min-height:40px;font-size:12px!important;padding:8px 10px}
 .wa-camera>button:not(.wa-expand),.wa-camera-keys,.wa-mirror>.wa-hint{display:none}
 .wa-expanded{position:relative;top:auto}.wa-expanded .wa-canvas{height:48svh}
 .wa-expanded .wa-camera-keys{display:grid;grid-column:1/-1}.wa-expanded .wa-camera>button{display:block}
 .wa-panel :is(input,select,button,summary,a){scroll-margin-top:calc(28svh + 70px);scroll-margin-bottom:90px}
 .wa-save{z-index:7;padding-bottom:max(12px,env(safe-area-inset-bottom))}
}

