body[data-module=skin-tone] .tryon-layout{align-items:start}.skin-tone-workspace{min-width:0}body[data-module=skin-tone] .camera-stage{aspect-ratio:auto;min-height:0}.skin-tone-workspace #preview{display:block;width:100%;height:auto}.skin-tone-workspace .stage-placeholder[hidden]{display:none}.skin-tone-workspace .stage-placeholder{padding:24px 68px}.skin-tone-workspace #flip-camera{font-size:0}.skin-tone-workspace .status-bar{margin:0}.skin-tone-workspace .status-panel>.skin-tone-mask-label{position:static;max-width:100%;box-sizing:border-box}body[data-module=skin-tone] .module-copy .skin-tone-note{margin-top:24px;font-size:13px}.skin-tone-controls{min-width:0;margin:0;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.skin-tone-controls legend{padding:0 8px;color:var(--accent);font-size:13px}.skin-tone-controls label{display:block;margin:16px 0;font-size:13px}.skin-tone-controls :is(button,select,input){font:inherit;accent-color:var(--accent)}.skin-tone-controls button,.skin-tone-controls select{min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--wash);color:var(--ink)}.skin-tone-controls button,.skin-tone-controls summary{cursor:pointer}.skin-tone-controls button:hover:not(:disabled){border-color:var(--accent)}.skin-tone-controls button:disabled{opacity:.5;cursor:default}.skin-tone-controls select,.skin-tone-controls input[type=range]{display:block;width:100%;margin-top:10px}.skin-tone-controls input[type=file]{display:block;width:100%;margin-top:8px;font-size:12px}.skin-tone-controls input[type=file]::file-selector-button{padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--wash);color:var(--ink);cursor:pointer}.skin-tone-controls output{float:right;color:var(--accent)}.skin-tone-controls #preset-description{color:var(--muted);font-size:12px;line-height:1.6}.skin-tone-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}.skin-tone-inputs .skin-tone-photo{min-width:0;margin:0}.skin-tone-controls .skin-tone-original{display:flex;align-items:center;gap:8px}.skin-tone-controls details{padding:16px 0;border-top:1px solid var(--line);font-size:13px}.skin-tone-controls .skin-tone-color{display:flex;justify-content:space-between;align-items:center;gap:12px}.skin-tone-color input{width:56px;height:34px;padding:2px;border:1px solid var(--line);border-radius:6px;background:var(--wash)}.skin-tone-colors{margin-top:20px;padding-block:8px 16px;border-block:1px solid var(--line)}.skin-tone-colors h2{margin:12px 0;font-size:15px;font-weight:500}.skin-tone-controls .skin-tone-hex{display:flex;justify-content:space-between;align-items:center;gap:12px}.skin-tone-hex input{width:100px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--wash);color:var(--ink);font-family:monospace}.skin-tone-hex input[aria-invalid=true]{border-color:#dc6464}.skin-tone-controls #save{width:100%}.skin-tone-help{color:var(--muted);font-size:12px;line-height:1.6}.skin-tone-help a{color:var(--accent)}.skin-tone-workspace [hidden]{display:none!important}.skin-tone-performance{padding:14px;margin-bottom:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:12px}.skin-tone-performance summary{cursor:pointer;color:var(--accent)}.skin-tone-performance table{margin-top:12px;width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.skin-tone-performance th,.skin-tone-performance td{padding:5px 0;text-align:right;font-weight:400}.skin-tone-performance th:first-child{text-align:left}.skin-tone-performance thead th{color:var(--muted);border-bottom:1px solid var(--line)}.skin-tone-performance p{margin-bottom:0;line-height:1.5}.skin-tone-mask-label{width:fit-content;padding:6px 8px;background:var(--surface);color:#19b85b;border:1px solid currentColor;border-radius:6px;font-size:11px;pointer-events:none}@media(max-width:480px){body[data-module=skin-tone] .tryon-nav{flex-wrap:wrap;gap:14px;padding-block:18px}body[data-module=skin-tone] .tryon-nav-actions{width:100%;justify-content:space-between}.skin-tone-controls{padding:16px}.skin-tone-inputs{grid-template-columns:1fr}}.skin-tone-method{color:var(--accent);font-size:13px}.skin-tone-smoothing-comparison{position:absolute;inset:0;pointer-events:none}.skin-tone-smoothing-comparison:after{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid rgba(255,255,255,.75)}.skin-tone-smoothing-comparison span{position:absolute;top:62px;padding:5px 8px;border-radius:4px;background:#000000b3;color:#fff;font-size:11px}.skin-tone-smoothing-comparison span:first-child{left:12px}.skin-tone-smoothing-comparison span:last-child{right:12px}