.tryon-page{--tryon-border:#d3cbbf;--tryon-muted:#625b53;--tryon-surface:#fffdf8;background:var(--paper,#f5f1e8);color:#171513;min-height:100vh}.tryon-header{border-bottom:1px solid var(--tryon-border);justify-content:space-between;align-items:center;max-width:1440px;height:88px;margin:auto;padding:0 40px;display:flex}.tryon-back{align-items:center;gap:8px;min-height:44px;font-size:14px;display:flex}.tryon-main{max-width:1440px;margin:auto;padding:48px 40px 24px}.tryon-heading{justify-content:space-between;align-items:end;gap:32px;display:flex}.tryon-heading h1{letter-spacing:-.035em;margin:10px 0 0;font-family:Cormorant Garamond,serif;font-size:clamp(44px,5vw,72px);font-weight:500;line-height:1.05}.tryon-heading h1 em,.tryon-share h2 em,.tryon-dialog h2 em{color:#b82d25}.tryon-heading>p{color:var(--tryon-muted);padding-bottom:4px;font-size:15px;line-height:1.7}.tryon-steps{gap:32px;margin:28px 0;padding:0;font-size:13px;list-style:none;display:flex}.tryon-steps li{align-items:center;gap:10px;display:flex}.tryon-steps span{color:#b82d25;font-size:11px;font-weight:700}.tryon-workspace{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.tryon-stage{isolation:isolate;border:1px solid var(--tryon-border);background:#e7e0d4;border-radius:4px;min-width:0;scroll-margin-top:12px;position:sticky;top:18px;overflow:hidden}.tryon-canvas{width:100%;height:670px;position:relative}.tryon-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.tryon-stage-top{z-index:2;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:20px;left:20px;right:20px}.tryon-stage-label{letter-spacing:.2em;color:#635b51;font-size:10px}.tryon-segment{background:#faf7f0e8;border:1px solid #cbc2b5;border-radius:4px;gap:4px;max-width:100%;padding:4px;display:flex}.tryon-page button,.tryon-dialog button{cursor:pointer;border:1px solid var(--tryon-border,#d3cbbf);color:#27231f;background:#fffdf8;border-radius:3px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s;display:inline-flex}.tryon-page button:hover,.tryon-dialog button:hover{background:#f2ebe0;border-color:#8e8170}.tryon-page button:disabled,.tryon-dialog button:disabled{opacity:.5;cursor:not-allowed}.tryon-page :focus-visible,.tryon-dialog :focus-visible{outline-offset:3px;outline:3px solid #a83229}.tryon-segment button{background:0 0;border:0}.tryon-segment button[aria-pressed=true]{color:#fffdf8;background:#24211e}.tryon-stage-tools{z-index:2;gap:8px;display:grid;position:absolute;top:95px;right:16px}.tryon-stage-tools button{background:#faf7f0e8;width:44px;padding:10px}.tryon-stage-bottom{z-index:2;text-align:center;width:max-content;max-width:calc(100% - 24px);position:absolute;bottom:68px;left:50%;transform:translate(-50%)}.tryon-stage-bottom .tryon-segment{width:max-content;margin:auto}.tryon-stage-bottom p{color:#4c453e;background:#e7e0d4e8;border-radius:4px;margin:9px 0 0;padding:4px 8px;font-size:11px}.tryon-views{background:#efe9de;border-top:1px solid #d1c7b8;justify-content:center;gap:6px;padding:10px 12px;display:flex;position:relative}.tryon-views button{background:0 0;border:0;padding:8px 12px;font-size:12px}.tryon-panel{background:var(--tryon-surface);border:1px solid var(--tryon-border);border-radius:4px;min-width:0;padding:24px}.tryon-panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.tryon-panel-title h2{letter-spacing:-.025em;margin:0;font-family:inherit;font-size:17px;font-weight:700}.tryon-panel-title>span{color:var(--tryon-muted);font-size:12px}.tryon-page .tryon-upload{background:#f7f2e9;border:1px dashed #bcb0a0;flex-direction:column;gap:8px;width:100%;padding:25px 12px;display:flex}.tryon-upload>svg{color:#b82d25}.tryon-upload strong{font-size:15px}.tryon-upload>span{color:var(--tryon-muted);text-align:center;max-width:200px;font-size:11px;font-weight:400}.tryon-file{display:none}.tryon-helper{color:var(--tryon-muted);margin:12px 0;font-size:12px!important;line-height:1.6!important}.tryon-layers{gap:8px;margin:22px 0;display:grid}.tryon-layers button{text-align:left;justify-content:start;width:100%;padding:8px}.tryon-layers .is-selected{background:#fff3ed;border-color:#b82d25}.tryon-thumb{background-color:#e4dccf;background-image:conic-gradient(#fff6 25%,transparent 0 50%,#fff6 0 75%,transparent 0);background-size:12px 12px;flex-shrink:0;width:44px;height:44px}.tryon-thumb img{object-fit:contain;width:100%;height:100%}.tryon-layers button>span:nth-child(2){flex:1;min-width:0}.tryon-layers strong{font-size:12px;display:block}.tryon-layers small{color:var(--tryon-muted);font-size:11px;font-weight:400;display:block}.tryon-adjust{border:0;min-width:0;padding:0}.tryon-adjust label{margin:16px 0;font-size:12px;font-weight:600;display:block}.tryon-page select{border:1px solid var(--tryon-border);background:#fffdf8;border-radius:3px;width:100%;height:44px;margin-top:8px;padding:0 10px;font-size:16px;display:block}.tryon-row{flex-wrap:wrap;gap:8px;display:flex}.tryon-row>button{flex:1}.tryon-range{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:12px;margin:18px 0!important;display:flex!important}.tryon-range span{font-variant-numeric:tabular-nums;color:var(--tryon-muted);font-size:11px}.tryon-range input{accent-color:#b82d25;cursor:pointer;flex-basis:100%;width:100%;min-height:28px}.tryon-page details,.tryon-dialog details{border-top:1px solid var(--tryon-border,#d3cbbf);margin-top:16px;padding-top:8px}.tryon-page summary,.tryon-dialog summary{cursor:pointer;padding:12px 0;font-size:13px}.tryon-page .tryon-delete{color:#a52821;background:0 0;border:0;margin-top:8px;padding-left:0;font-size:12px}.tryon-empty{text-align:center;padding:30px 0}.tryon-empty>span{font-family:Cormorant Garamond,serif;font-size:25px;font-style:italic}.tryon-empty p{color:var(--tryon-muted);margin-top:10px;font-size:13px;line-height:1.7}.tryon-skin{border-top:1px solid var(--tryon-border);align-items:center;gap:8px;margin-top:12px;padding-top:18px;display:flex}.tryon-skin>span{margin-right:auto;font-size:12px}.tryon-page .tryon-skin button{background:var(--skin);color:#fff;border:2px solid #0000;width:36px;min-height:44px;padding:4px}.tryon-page .tryon-skin button[aria-pressed=true]{color:#171513;border-color:#1c1915}.tryon-share{border-top:1px solid var(--tryon-border);grid-template-columns:1fr 360px;gap:64px;margin-top:44px;padding:40px 0;display:grid}.tryon-share h2{letter-spacing:-.02em;margin:12px 0 18px;font-family:Cormorant Garamond,serif;font-size:clamp(34px,4vw,48px);font-weight:500;line-height:1.1}.tryon-share p{max-width:560px;font-size:14px;line-height:1.8}.tryon-share-actions{flex-direction:column;gap:12px;display:flex}.tryon-consent{color:var(--tryon-muted);cursor:pointer;align-items:start;gap:12px;font-size:11px;line-height:1.7;display:flex}.tryon-consent input{accent-color:#b82d25;flex-shrink:0;width:20px;height:20px;margin-top:2px}.tryon-page .button,.tryon-dialog .button{color:#fff;background:#b82d25;border-color:#b82d25;justify-content:center;align-items:center;min-height:52px;padding:14px 18px;font-size:13px;display:flex}.tryon-page .button:hover,.tryon-dialog .button:hover{background:#96251f;border-color:#96251f}.tryon-share-result{border:1px solid var(--tryon-border);background:#eee6d9;border-radius:4px;gap:10px;padding:14px;display:grid}.tryon-share-result label{gap:6px;font-size:12px;display:grid}.tryon-share-result input{border:1px solid var(--tryon-border);background:#fffdf8;border-radius:3px;width:100%;min-width:0;padding:12px 8px;font-size:16px}.tryon-share-result small{color:var(--tryon-muted);font-size:11px;line-height:1.7}.tryon-error{color:#a0211b;overflow-wrap:anywhere;background:#fff0e9;border-left:3px solid #a0211b;padding:12px;font-size:13px!important}.tryon-notice{color:#3a5a3a;font-size:12px!important}.tryon-notice:empty{display:none}.tryon-footnote{border-top:1px solid var(--tryon-border);color:var(--tryon-muted);justify-content:space-between;gap:20px;padding-top:24px;font-size:12px;display:flex}.tryon-loading{justify-content:center;align-items:center;min-height:460px;font-size:14px;display:flex}.tryon-model-loading{text-align:center;font-size:13px;position:absolute;inset:45% 20px auto}.tryon-viewer-error{border:1px solid var(--tryon-border);z-index:3;background:#fffdf8;padding:24px;font-size:14px;line-height:1.8;position:absolute;inset:30% 24px auto}.tryon-viewer-error a{color:#a52821}.tryon-banner{border:1px solid var(--tryon-border);background:#fffdf8;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:20px;font-size:13px;display:flex}.tryon-dialog{--tryon-muted:#625b53;--tryon-border:#d3cbbf;color:#171513;background:#f5f1e8;border:1px solid #c3b6a3;border-radius:6px;width:min(640px,100% - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:24px;position:fixed;inset:0;overflow:auto}.tryon-dialog::backdrop{background:#17130dc9}.tryon-dialog-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.tryon-dialog h2{letter-spacing:-.02em;margin:8px 0 12px;font-family:Cormorant Garamond,serif;font-size:34px;font-weight:500;line-height:1.1}.tryon-dialog p{color:#625b53;margin:12px 0;font-size:12px;line-height:1.7}.eraser-area{background-color:#ddd4c5;background-image:conic-gradient(#fff8 25%,transparent 0 50%,#fff8 0 75%,transparent 0);background-size:18px 18px;justify-content:center;min-height:100px;margin:16px 0;padding:12px;display:flex}.eraser-area canvas{object-fit:contain;touch-action:none;cursor:crosshair;width:auto;max-width:100%;height:auto;max-height:38dvh;display:block}.tryon-dialog-actions{justify-content:end;gap:8px;margin-top:20px;display:flex}.tryon-dialog-actions .button{font-size:13px}@media (min-width:1500px){.tryon-canvas{height:720px}}@media (max-width:1050px){.tryon-main{padding:32px 24px 24px}.tryon-header{padding:0 24px}.tryon-workspace{grid-template-columns:minmax(0,1fr) 320px;gap:16px}.tryon-panel{padding:18px}.tryon-canvas{height:600px}.tryon-share{grid-template-columns:1fr 320px;gap:32px}.tryon-stage-label{display:none}.tryon-heading>p{max-width:260px}.tryon-views{gap:0}.tryon-views button{padding:8px;font-size:11px}}@media (max-width:760px){.tryon-header{height:68px;padding:0 20px}.tryon-main{padding:28px 16px 24px}.tryon-heading{padding:0 4px;display:block}.tryon-heading>p{max-width:none;margin-top:14px;font-size:13px}.tryon-heading h1{font-size:44px}.tryon-steps{justify-content:space-between;gap:12px;margin:24px 4px;font-size:10px}.tryon-steps li{align-items:start;gap:6px;max-width:105px;line-height:1.6}.tryon-workspace{grid-template-columns:1fr;gap:16px}.tryon-stage{position:relative;top:auto}.tryon-canvas{height:min(64svh,530px);min-height:360px}.tryon-stage-top{top:12px;left:12px;right:12px}.tryon-stage-tools{top:78px;right:12px}.tryon-stage-bottom{bottom:66px}.tryon-views{padding:6px}.tryon-views button{padding:8px 10px}.tryon-panel{padding:20px}.tryon-layers{grid-template-columns:1fr 1fr}.tryon-layers button{gap:6px}.tryon-layers button>svg{display:none}.tryon-thumb{width:36px;height:40px}.tryon-share{grid-template-columns:1fr;gap:24px;margin-top:28px;padding:28px 4px}.tryon-share p{font-size:13px}.tryon-share-actions{gap:12px}.tryon-consent{font-size:12px}.tryon-footnote{flex-direction:column;gap:12px;padding:20px 4px 0}.tryon-banner{display:block}.tryon-banner .tryon-row{margin-top:12px}.tryon-dialog{padding:18px}.tryon-dialog h2{font-size:30px}.tryon-dialog-actions{background:#f5f1e8;padding:12px 0;position:sticky;bottom:-18px}.tryon-helper{font-size:12px!important}}@media (prefers-reduced-motion:reduce){.tryon-page *,.tryon-dialog *{scroll-behavior:auto!important;transition:none!important}}.tryon-stage{grid-template-rows:auto minmax(0,1fr) auto auto;height:min(760px,100dvh - 36px);min-height:520px;display:grid}.tryon-stage-top{padding:14px 16px;position:relative;top:auto;left:auto;right:auto}.tryon-stage .tryon-canvas{height:100%;min-height:0}.tryon-stage-bottom{width:100%;max-width:none;padding:8px 12px 10px;position:relative;bottom:auto;left:auto;transform:none}.tryon-stage-bottom p{margin-top:6px;padding:0}@media (max-width:760px){.tryon-stage{z-index:5;height:min(470px,57svh);min-height:350px;position:sticky;top:0;box-shadow:0 4px 14px #33281a12}.tryon-stage-top{padding:8px 10px}.tryon-stage-top .tryon-segment{padding:2px}.tryon-stage-tools{top:76px;right:10px}.tryon-stage-bottom{padding:4px 8px 8px}.tryon-stage-bottom p{font-size:10px}.tryon-stage .tryon-views{padding:2px 4px}.tryon-panel :focus-visible{scroll-margin-top:480px}.tryon-workspace{isolation:isolate}}@media (max-width:760px) and (max-height:560px){.tryon-stage{height:440px;position:relative;top:auto}.tryon-panel :focus-visible{scroll-margin-top:16px}}@media (max-width:760px) and (min-height:561px){.tryon-stage{height:min(520px,65svh);min-height:440px}.tryon-stage-top{padding:6px 10px}.tryon-stage-bottom p{display:none}.tryon-stage-bottom{padding:4px 8px}.tryon-panel :focus-visible{scroll-margin-top:540px}}.eraser-toolbar{flex-wrap:wrap;gap:6px;margin:14px 0 8px;display:flex}.eraser-toolbar button{flex:1;min-width:120px}.eraser-toolbar button[aria-pressed=true]{color:#fff;background:#24211e;border-color:#24211e}.eraser-zoom{color:#625b53;justify-content:flex-end;align-items:center;gap:7px;font-size:12px;display:flex}.eraser-zoom span{margin-right:auto}.eraser-zoom button{width:44px;min-height:44px;padding:7px;font-size:20px}.eraser-area{overscroll-behavior:contain;touch-action:none;min-height:210px;max-height:42dvh;display:block;overflow:auto}.eraser-image{min-width:100%;margin:auto;position:relative}.eraser-image canvas{object-fit:fill;touch-action:none;cursor:crosshair;width:100%;max-width:none;height:auto;max-height:none;display:block}.eraser-guide{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.eraser-guide polyline{fill:none;stroke:#c6322a;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke;filter:drop-shadow(0 0 2px #fff)}.tryon-drag-preview{z-index:1;pointer-events:none;opacity:.78;filter:drop-shadow(0 1px 2px #fff9);background-position:50%;background-repeat:no-repeat;background-size:contain;display:none;position:absolute;transform:translate(-50%,-50%)}