.projection-atelier{--projection-gold:#a58849;--projection-line:#e6e0d4;color:#20231d;background:#f4f3ef;max-width:none;margin:0;padding:0 24px 18px}.projection-atelier [hidden]{display:none!important}.studio-toolbar{border-bottom:1px solid var(--projection-line);align-items:center;gap:28px;min-width:0;margin-bottom:18px;padding:18px 2px;display:flex}.studio-toolbar .photo-eyebrow{margin:0 0 5px;font-size:8px}.studio-toolbar h1{letter-spacing:-.055em;margin:0;font-size:28px;font-weight:500;line-height:1.1}.studio-toolbar h1 em{color:#86672c;font-style:normal}.studio-toolbar>p{color:#828176;margin:0;font-size:12px}.studio-toolbar-tools{align-items:center;gap:24px;margin-left:auto;font-size:11px;display:flex}.studio-toolbar-tools>a{white-space:nowrap}.studio-toolbar-tools>a span{margin-left:10px}.studio-help{position:relative}.studio-help summary{cursor:pointer;white-space:nowrap;color:#73746b;list-style:none}.studio-help summary::-webkit-details-marker{display:none}.studio-help summary span{margin-left:8px}.studio-help>div{border:1px solid var(--projection-line);z-index:5;background:#fff;border-radius:14px;width:330px;padding:22px;font-size:12px;line-height:1.7;position:absolute;top:32px;right:0;box-shadow:0 12px 45px #20231d20}.studio-help p{color:#77766c}.studio-help a{color:#86672c;text-decoration:underline}.projection-atelier .photo-workspace{grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:20px}.projection-atelier .photo-view{flex-direction:column;gap:0;min-width:0;scroll-margin-top:100px;display:flex;position:static}.projection-step{color:#90723b;background:#f4efe4;border:1px solid #d9c8a2;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.projection-upload{flex-shrink:0;align-items:center;gap:12px;margin:0 0 14px;display:flex}.projection-upload-button{color:#20231d;cursor:pointer;background:#fff;border:1px solid #d7d5cc;border-radius:24px;align-items:center;gap:9px;padding:10px 16px;font-size:11px;font-weight:500;display:inline-flex}.projection-upload-button:hover{background:#f9f7f0}.projection-upload-button svg{width:16px;height:16px}.projection-upload-button:focus-within{outline-offset:4px;outline:2px solid #856426}.projection-upload-button input{opacity:0;width:1px;height:1px;position:absolute}.projection-upload>button{font:inherit;color:#77796e;cursor:pointer;background:0 0;border:0;padding:8px;font-size:11px}.projection-upload>button span{padding-left:7px;font-size:16px}.projection-stage{cursor:default;-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#e7e5df;border:1px solid #dedcd2;border-radius:14px}.projection-stage:has(.projection-result:not([hidden])){cursor:ew-resize}.projection-stage>img{user-select:none;-webkit-user-drag:none;pointer-events:none;object-fit:contain}.photo-stage>.projection-result{clip-path:inset(0 0 0 var(--split));width:100%;height:100%;position:absolute;inset:0}.projection-atelier .photo-badges{inset:14px 14px auto}.projection-atelier .photo-badges span{padding:8px 12px;font-size:10px}.projection-atelier .photo-divider span{width:44px;height:44px}.projection-progress{z-index:3;backdrop-filter:blur(8px);pointer-events:none;background:#f7f4ebbf;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.projection-progress>span{border:2px solid #d6c8a9;border-top-color:#8b703a;border-radius:50%;width:32px;height:32px;animation:1s linear infinite atelier-spin}.projection-progress p{color:#534c3c;margin:0;font-size:14px}.projection-material-detail{z-index:1;backdrop-filter:blur(10px);cursor:zoom-in;text-align:left;color:#3f4538;background:#fffffff0;border:1px solid #fff9;border-radius:10px;align-items:center;gap:10px;padding:7px;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 3px 20px #0001}.projection-material-detail>img{object-fit:cover;border-radius:6px;width:40px;height:40px}.projection-material-detail strong{font-size:11px;font-weight:500;display:block}.projection-material-detail small{color:#929181;margin-top:4px;font-size:9px;display:block}.projection-material-detail>span:last-child{padding:0 7px;font-size:19px}.projection-atelier .photo-compare{flex-shrink:0;padding:10px 2px 0}.projection-atelier .photo-compare label,.projection-atelier .photo-compare label span{font-size:10px}.projection-atelier .photo-compare input{min-height:22px;margin:4px 0 0}.projection-atelier .studio-actionbar{border:0;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 2px 0;display:flex}.studio-actionbar>div>span{color:#929080;margin-bottom:4px;font-size:9px;display:block}.studio-actionbar strong{letter-spacing:-.035em;font-size:19px;font-weight:500}.projection-atelier .projection-generate{cursor:pointer;color:#fff;white-space:nowrap;background:#20231d;border:0;justify-content:space-between;gap:20px;width:auto;min-height:46px;padding:7px 8px 7px 18px;font-size:12px}.projection-atelier .projection-generate .arrow{color:#242820;background:#d2b76d;border-radius:50%;flex-shrink:0;place-items:center;width:31px;height:31px;font-size:21px;display:grid}.projection-generate:disabled{opacity:.55;cursor:default}.projection-status{color:#878478;flex-shrink:0;min-height:17px;margin:9px 2px 0;font-size:11px;line-height:1.5}.projection-status.is-error{color:#973f2c}.projection-result-tools{border-top:1px solid var(--projection-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:18px;margin-top:10px;padding:10px 2px 0;display:flex}.projection-result-tools a{color:#3f4735;align-items:center;gap:7px;font-size:11px;display:inline-flex}.projection-result-tools svg{width:15px;height:15px}.projection-result-tools a:last-child{color:#8b6a2f}.projection-atelier .photo-palette{background:#fff;border:1px solid #e7e1d7;border-radius:14px;flex-direction:column;min-width:0;padding:22px 18px;display:flex;position:static}.projection-panel-heading{flex-shrink:0;align-items:center;gap:12px;margin-bottom:22px;display:flex}.projection-panel-heading .photo-eyebrow{margin:0 0 5px;font-size:8px}.projection-atelier .photo-palette h2{letter-spacing:-.04em;margin:0;font-size:21px;line-height:1.15}.projection-atelier .photo-palette fieldset{border:0;min-width:0;margin:0 0 22px;padding:0}.projection-atelier fieldset legend{width:100%;margin:0 0 11px;font-size:12px;font-weight:500;line-height:1.4}.projection-atelier fieldset legend>span{color:#949185;margin-top:3px;font-size:9px;font-weight:400;display:block}.projection-finishes>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.projection-finish{cursor:pointer;min-width:0;position:relative}.projection-finish input{opacity:0;width:1px;height:1px;position:absolute}.projection-finish>span{border:1px solid #0000;border-radius:8px;padding:3px;display:block}.projection-finish img{aspect-ratio:1;object-fit:cover;border-radius:4px;width:100%;height:auto;display:block}.projection-finish strong{text-align:center;color:#666b5f;white-space:nowrap;margin:7px -3px 2px;font-size:9px;font-weight:400;display:block}.projection-finish input:checked+span{border-color:var(--projection-gold);background:#f8f4ec}.projection-finish input:checked+span strong{color:#8c6d2d;font-weight:500}.projection-finish input:focus-visible+span{outline-offset:2px;outline:2px solid #806126}.projection-finish:hover>span{border-color:#d2c5a7}.projection-atelier .atelier-swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 9px}.projection-atelier .atelier-swatch-photo{border-radius:9px;padding:3px}.projection-atelier .atelier-swatch-photo img{border-radius:6px}.projection-atelier .atelier-swatch-name{text-align:center;margin-top:2px;font-size:10px}.projection-atelier .atelier-swatch input:checked+.atelier-swatch-photo{border-color:var(--projection-gold);background:#f7f0e2}.projection-atelier .atelier-check{background:var(--projection-gold);width:17px;height:17px;top:6px;right:6px}.projection-atelier .atelier-show-all{color:#7d693e;background:#faf9f6;border:1px solid #e4dece;border-radius:24px;justify-content:center;width:100%;margin:0;padding:10px 14px;font-size:11px}.projection-atelier .atelier-show-all:hover{background:#f4efe4}.projection-consent{color:#9a988c;margin:17px 0 0;font-size:9px;line-height:1.65}.projection-atelier [aria-busy=true]{opacity:.65;pointer-events:none}@media (width>=801px){body:has([data-projection-atelier]){overflow:hidden}body:has([data-projection-atelier])>footer{display:none}.projection-atelier{height:calc(100dvh - var(--studio-header-height,88px));grid-template-rows:auto minmax(0,1fr);display:grid}.projection-atelier .photo-workspace,.projection-atelier .photo-view{height:100%;min-height:0}.projection-atelier .projection-stage{flex:1;min-height:0;aspect-ratio:auto!important}.projection-atelier .photo-palette{height:100%;min-height:0}.projection-atelier .photo-palette form{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d2cbbd transparent;min-height:0;padding:3px 5px 5px;scroll-padding:10px;overflow-y:auto}.projection-atelier .projection-stage>img{position:absolute;inset:0}}@media (width>=801px) and (width<=1100px){.projection-atelier{padding:0 16px 16px}.projection-atelier .photo-workspace{grid-template-columns:minmax(0,1fr) 310px;gap:16px}.projection-atelier .photo-palette{padding:20px 13px}.studio-toolbar>p{display:none}.projection-panel-heading{gap:9px}.projection-atelier .photo-palette h2{font-size:19px}.projection-upload>button{font-size:10px}.projection-upload{gap:8px}.projection-step{flex-basis:25px;width:25px;height:25px}.studio-actionbar strong{font-size:17px}.projection-atelier .projection-generate{gap:12px;font-size:11px}}@media (width<=800px){.projection-atelier{padding:0 16px 28px}.studio-toolbar{flex-wrap:wrap;gap:12px;padding:20px 0 16px}.studio-toolbar h1{font-size:28px}.studio-toolbar>p{display:none}.studio-toolbar-tools{gap:14px;font-size:10px}.studio-toolbar-tools>a{display:none}.studio-help>div{width:min(330px,85vw)}.projection-atelier .photo-workspace{grid-template-columns:1fr;gap:24px}.projection-atelier .photo-view{position:static}.projection-upload{flex-wrap:wrap;gap:9px}.projection-upload>button{font-size:10px}.projection-upload-button{padding:10px 13px;font-size:11px}.projection-upload>button{margin-left:37px;padding:0}.projection-atelier .photo-palette{padding:24px 20px}.projection-atelier .photo-palette h2{font-size:23px}.projection-material-detail{gap:7px;padding:5px;bottom:10px;left:10px}.projection-material-detail>img{width:29px;height:29px}.projection-material-detail small{display:none}.projection-material-detail strong{font-size:9px}.projection-material-detail>span:last-child{font-size:16px}.projection-atelier .photo-badges{inset:10px 10px auto}.projection-atelier .photo-badges span{padding:6px 9px;font-size:9px}.studio-actionbar strong{font-size:17px}.projection-atelier .studio-actionbar{gap:10px}.projection-atelier .projection-generate{gap:10px;padding-left:13px;font-size:10px}.projection-atelier .photo-divider span{width:36px;height:36px}.projection-result-tools{flex-wrap:wrap;gap:12px}.projection-atelier .atelier-swatch-grid{gap:15px 10px}}@media (prefers-reduced-motion:reduce){.projection-atelier *{transition:none!important;animation:none!important}}