:root{font-family:Arial,Helvetica,sans-serif;color:#20211e;background:#f5f5f3;font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button,.primary,.secondary{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #986334;outline-offset:5px}[hidden]{display:none!important}.header{max-width:1280px;margin:auto;padding:32px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcded8}.brand{text-decoration:none;font-size:24px;letter-spacing:-1px;font-weight:700;display:flex;align-items:baseline;gap:24px}.brand span{font-size:16px;font-weight:400;letter-spacing:0;border-left:1px solid #bfc2b9;padding-left:24px}.edition,.eyebrow{font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.edition{color:#64675f}main{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;padding:40px 48px 28px}.workspace{min-width:0}.stage{position:relative;background:#e7e9e3;min-height:420px;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;border-radius:4px}.stage>canvas{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#171916}.intro{text-align:center;padding:30px 20px;max-width:100%}.camera-icon{width:56px;height:56px;color:#6e7465;margin-bottom:16px}h1{font-size:clamp(24px,3vw,36px);letter-spacing:-1.2px;font-weight:500;margin:0 0 16px;line-height:1.15}.intro p{color:#5b6054;line-height:1.6;margin:0 0 28px}.primary,.secondary,.text-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 20px;text-decoration:none;border-radius:4px;font-weight:500;line-height:1.3;text-align:center}.primary{color:white;background:#242820;border:1px solid #242820}.primary:hover{background:#3d4634}.secondary{border:1px solid #c8cbc2;background:transparent;color:#30372a}.secondary:hover{background:#e7e9e3}.text-button{display:flex;border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;margin:10px auto 0;color:#444b3c}.stage-label{position:absolute;left:16px;top:16px;background:#fffef2ec;padding:8px 12px;border-radius:2px;font-size:12px;letter-spacing:1px}.status{font-size:14px;min-height:40px;line-height:1.5;margin:14px 0}.status[data-error=true]{color:#9d301f}.camera-actions,.photo-actions{display:flex;flex-wrap:wrap;gap:10px}.camera-actions .primary{flex:1}.settings{padding-top:4px}.filter-card{margin:16px 0 24px;border:1px solid #ced2c5;border-radius:4px;background:#edf0e7;overflow:hidden}.filter-card canvas{display:block;width:100%;height:180px;object-fit:contain}.filter-card>div{padding:12px 18px 20px}h2{margin:0 0 7px;font-size:22px;font-weight:500;letter-spacing:-.5px}.filter-card span{font-size:14px;color:#5b6451}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin:12px 0 20px;cursor:pointer}.toggle input{appearance:none;width:44px;height:26px;border-radius:20px;background:#b3b9aa;position:relative;margin:0;cursor:pointer;flex-shrink:0}.toggle input:after{content:"";width:20px;height:20px;position:absolute;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .15s}.toggle input:checked{background:#454f38}.toggle input:checked:after{transform:translateX(18px)}.range-label{display:flex;gap:12px;justify-content:space-between;font-size:14px}.range-label output{white-space:nowrap;color:#555e49}input[type=range]{width:100%;accent-color:#454f38;height:44px;margin:6px 0 20px}.full{width:100%}.hint{font-size:14px;color:#606658;line-height:1.6;margin:22px 0 30px}.privacy{border-top:1px solid #d4d8cc;padding-top:22px}.privacy p{font-size:14px;line-height:1.6;color:#606658}.privacy .eyebrow{font-size:11px}footer{max-width:1280px;margin:auto;padding:24px 48px;display:flex;gap:20px;justify-content:space-between;color:#686e60;font-size:13px;line-height:1.5}footer a{text-underline-offset:4px}#video{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;left:0;bottom:0}dialog{border:0;border-radius:8px;padding:24px;width:min(480px,calc(100% - 32px));max-height:90dvh;background:#f5f5f3;color:#20211e}dialog::backdrop{background:#151b17c9}.result-content{display:grid;gap:12px}.result-content img{width:100%;max-height:55dvh;object-fit:contain;background:#171916}.result-content p{font-size:13px;line-height:1.5;color:#606658;margin:4px 0}.legal{display:block;max-width:850px;line-height:1.65}.legal h1{margin:15px 0 30px}.legal h2{margin-top:32px}.legal li{margin-bottom:10px}@media(max-width:850px){.header{padding:24px}.brand{font-size:22px}main{grid-template-columns:minmax(0,1fr) 240px;gap:24px;padding:28px 24px}.stage{min-height:360px}.camera-actions .secondary{font-size:14px;padding:12px}footer{padding:24px}}@media(max-width:650px){.header{padding:20px}.brand{gap:16px}.brand span{padding-left:16px}.edition{font-size:11px}main{display:block;padding:20px}.stage{min-height:340px;aspect-ratio:3/4;max-height:65dvh}.intro{padding:24px 12px}h1{font-size:28px}.settings{margin-top:36px;border-top:1px solid #d4d8cc;padding-top:24px}.filter-card{display:flex;align-items:center;margin:14px 0}.filter-card canvas{width:110px;height:110px;flex-shrink:0}.filter-card>div{padding:16px 12px}.camera-actions{display:grid;grid-template-columns:1fr 1fr}.camera-actions .primary{grid-column:1/-1;grid-row:1}.photo-actions>*{flex:1}.hint{margin-bottom:24px}footer{padding:12px 20px 28px;flex-direction:column;gap:10px}.privacy{margin-top:12px}}
.style-label{display:block;font-size:14px;margin-bottom:8px}#ear-style{width:100%;min-height:48px;padding:10px 12px;border:1px solid #c8cbc2;border-radius:4px;background:#f5f5f3;color:#20211e;font:inherit;margin-bottom:12px;cursor:pointer}