html.am-lock,html.am-lock body{overflow:hidden!important;height:100%}
#athar-mockup{position:fixed;inset:0;z-index:2147483000;background:#15110d;color:#fff;overflow:hidden;font-family:inherit;-webkit-tap-highlight-color:transparent}
#athar-mockup *{box-sizing:border-box}
#athar-mockup [hidden]{display:none!important}
.am-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
.am-canvas{position:absolute;left:0;top:0;transform-origin:0 0;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.am-photo{display:block;width:100%;height:100%;-webkit-user-drag:none}
.am-plane{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0}
.am-frame{position:absolute;cursor:grab;touch-action:none;transition:box-shadow .3s,opacity .3s}
.am-frame.is-dragging{cursor:grabbing}
#athar-mockup.is-loading .am-frame{opacity:.75}
.am-art,.am-tint,.am-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.am-art{display:block;-webkit-user-drag:none}
.am-tint{mix-blend-mode:multiply}
.am-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:max(14px,env(safe-area-inset-top)) 14px 30px;background:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,0));pointer-events:none}
.am-top>*{pointer-events:auto}
.am-group{display:flex;gap:8px}
.am-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:44px;padding:0 12px;border:0;border-radius:999px;background:rgba(24,19,15,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font:inherit;font-size:14px;cursor:pointer;text-decoration:none}
.am-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.am-icon .am-moon{display:none}
#athar-mockup[data-evening="on"] .am-icon .am-sun{display:none}
#athar-mockup[data-evening="on"] .am-icon .am-moon{display:block}
#athar-mockup[data-evening="none"] [data-action="evening"]{display:none}
.am-brand{font-size:13px;letter-spacing:.22em;text-transform:uppercase;opacity:.9;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.am-toast{position:absolute;top:calc(max(14px,env(safe-area-inset-top)) + 58px);left:50%;transform:translateX(-50%);max-width:min(92vw,420px);padding:10px 16px;border-radius:14px;background:rgba(24,19,15,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:14px;line-height:1.4;text-align:center}
.am-dock{position:absolute;left:0;right:0;bottom:0;padding:0 10px max(10px,env(safe-area-inset-bottom));pointer-events:none}
.am-sheet{pointer-events:auto;max-width:720px;margin:0 auto;background:rgba(255,252,247,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#3b3127;border-radius:22px;padding:12px;box-shadow:0 12px 40px rgba(0,0,0,.28)}
.am-picker{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;scroll-snap-type:x proximity}
.am-picker::-webkit-scrollbar{display:none}
.am-thumb{flex:0 0 58px;height:58px;border-radius:14px;border:0;padding:4px;background:#fff;box-shadow:inset 0 0 0 1px #e6dccd;cursor:pointer;scroll-snap-align:start}
.am-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.am-thumb[aria-pressed="true"]{box-shadow:inset 0 0 0 2px #3b3127}
.am-opts{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.am-sizes{display:flex;gap:4px;background:#f1e9dd;border-radius:999px;padding:3px;overflow-x:auto;scrollbar-width:none}
.am-size{flex:0 0 auto;border:0;background:transparent;border-radius:999px;min-height:38px;padding:0 12px;font:inherit;font-size:14px;color:#6f6152;cursor:pointer;white-space:nowrap}
.am-size[aria-pressed="true"]{background:#fff;color:#3b3127;box-shadow:0 1px 3px rgba(0,0,0,.14)}
.am-frames{display:flex;gap:2px;flex:0 0 auto}
.am-swatch{width:40px;height:40px;border:0;padding:0;background:transparent;border-radius:50%;cursor:pointer;position:relative}
.am-swatch::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.am-swatch[aria-pressed="true"]::after{content:"";position:absolute;inset:3px;border-radius:50%;box-shadow:0 0 0 2px #3b3127}
.am-buy{display:flex;align-items:center;gap:12px;margin-top:10px}
.am-info{flex:1 1 auto;min-width:0}
.am-title{margin:0;font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-sub{margin:2px 0 0;font-size:13px;color:#6f6152;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-price{color:#3b3127;font-weight:600}
.am-cart{flex:0 0 auto;border:0;border-radius:999px;min-height:48px;padding:0 22px;background:#3b3127;color:#fbf6ee;font:inherit;font-size:15px;cursor:pointer}
.am-cart:disabled{opacity:.55}
.am-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center;padding:10px 10px max(10px,env(safe-area-inset-bottom))}
.am-panel{width:100%;max-width:720px;background:#fffcf7;color:#3b3127;border-radius:22px;padding:16px}
.am-panel h2{margin:0 0 12px;font-size:17px;font-weight:500}
.am-room-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.am-room{border:0;padding:0;background:none;font:inherit;color:inherit;text-align:start;cursor:pointer}
.am-room img,.am-room .am-own{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;background:#f1e9dd;margin-top:0}
.am-room .am-own svg{width:30px;height:30px;fill:none;stroke:#3b3127;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.am-room span{display:block;margin-top:6px;font-size:14px}
.am-note{margin:12px 0 0;font-size:12px;color:#6f6152}
.am-measure-layer{position:absolute;inset:0;display:none}
#athar-mockup[data-mode="measure"] .am-measure-layer{display:block}
#athar-mockup[data-mode="measure"] .am-plane,#athar-mockup[data-mode="measure"] .am-shop,#athar-mockup[data-mode="measure"] [data-action="evening"],#athar-mockup[data-mode="measure"] [data-action="share"]{display:none}
#athar-mockup:not([data-mode="measure"]) .am-measure-card{display:none}
#athar-mockup:not([data-own="yes"]) .am-only-own{display:none}
#athar-mockup[data-mode="measure"] .am-only-own{display:none}
.am-line-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.am-line{stroke:#fff;stroke-width:3;stroke-dasharray:9 6;filter:drop-shadow(0 0 2px rgba(0,0,0,.8))}
.am-tag{position:absolute;transform:translate(-50%,40%);display:flex;align-items:center;gap:4px;padding:4px 12px 4px 4px;border-radius:999px;background:#3b3127;color:#fff;font-size:15px;font-weight:600;white-space:nowrap;box-shadow:0 2px 10px rgba(0,0,0,.35);cursor:text}
.am-tag input{width:66px;min-height:36px;border:0;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font:inherit;font-size:16px;text-align:center;padding:0 6px}
.am-tag input::placeholder{color:rgba(255,255,255,.8)}
.am-tag input:focus{outline:2px solid #e8a36f;background:rgba(255,255,255,.24)}
.am-handle{position:absolute;width:48px;height:48px;margin:-24px 0 0 -24px;border:0;padding:0;background:transparent;cursor:move;touch-action:none}
.am-handle::before{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #c2703d,0 2px 8px rgba(0,0,0,.5)}
.am-handle.is-dragging::before{inset:8px}
.am-loupe{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 16px rgba(0,0,0,.5);background-repeat:no-repeat;pointer-events:none;z-index:3}
.am-loupe::before,.am-loupe::after{content:"";position:absolute;background:#c2703d}
.am-loupe::before{left:50%;top:35%;bottom:35%;width:2px;margin-left:-1px}
.am-loupe::after{top:50%;left:35%;right:35%;height:2px;margin-top:-1px}
.am-center{align-items:center;overflow-y:auto}
.am-x{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;background:#f1e9dd;color:#3b3127;cursor:pointer;display:flex;align-items:center;justify-content:center}
.am-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.am-wide{width:100%}
@media (min-width:900px){.am-dock{padding-bottom:24px}.am-sheet{padding:14px 16px}.am-thumb{flex-basis:64px;height:64px}}
.am-toast span{display:block}
.am-toast span[dir]{margin-top:3px}
a.am-title{display:block;color:#3b3127;text-decoration:none}
.am-view{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid #d9cdbb;color:#3b3127;background:#fff}
.am-view svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.am-tour{position:absolute;inset:0;z-index:40}
.am-spot{position:absolute;border-radius:18px;box-shadow:0 0 0 9999px rgba(12,9,6,.66);transition:left .35s,top .35s,width .35s,height .35s;pointer-events:none}
.am-spot::after{content:"";position:absolute;inset:-4px;border-radius:22px;border:2px solid #f3d9b8;animation:am-pulse 1.6s ease-in-out infinite}
@keyframes am-pulse{0%,100%{opacity:.9;transform:scale(1)}50%{opacity:.35;transform:scale(1.03)}}
.am-tip{position:absolute;background:#fffcf7;color:#3b3127;border-radius:18px;padding:14px 16px 12px;box-shadow:0 12px 36px rgba(0,0,0,.35);transition:left .35s,top .35s}
.am-tip::before{content:"";position:absolute;left:var(--ax);top:-8px;width:16px;height:16px;margin-left:-8px;background:#fffcf7;transform:rotate(45deg);border-radius:3px}
.am-tip.is-above::before{top:auto;bottom:-8px}
.am-tip p{margin:0;font-size:15px;line-height:1.45}
.am-tip .am-tip-ar{margin-top:4px;font-size:16px;text-align:right;color:#5a4c3f}
.am-tip-row{display:flex;align-items:center;gap:8px;margin-top:12px}
.am-dots{flex:1;display:flex;gap:5px}
.am-dots i{width:6px;height:6px;border-radius:50%;background:#e2d6c4}
.am-dots i.on{background:#3b3127;width:16px;border-radius:3px}
.am-tip-next{border:0;border-radius:999px;background:#3b3127;color:#fff;font:inherit;font-size:14px;min-height:40px;padding:0 16px;cursor:pointer}
@media (max-width:420px){.am-top .am-icon span{display:none}.am-group{gap:6px}}
.am-tag.is-empty{animation:am-glow 1.3s ease-in-out infinite}
@keyframes am-glow{0%,100%{box-shadow:0 0 0 0 rgba(232,163,111,.9),0 2px 10px rgba(0,0,0,.35)}50%{box-shadow:0 0 0 10px rgba(232,163,111,0),0 2px 10px rgba(0,0,0,.35)}}
.am-measure-card p{margin:0 0 4px;font-size:15px;line-height:1.45;text-align:center}
.am-measure-card p[dir]{font-size:16px;margin-bottom:10px}
.am-q{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 6px;border-radius:999px;background:#3b3127;color:#fff;font-size:13px}
.am-tip-art{margin:-2px 0 10px;border-radius:12px;overflow:hidden;line-height:0}
.am-tip-art svg{width:100%;height:auto;display:block}
.am-welcome{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(21,17,13,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto}
.am-w-card{width:100%;max-width:420px;background:#fffcf7;color:#3b3127;border-radius:24px;padding:22px 20px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.am-w-brand{margin:0 0 10px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#8a6a3a}
.am-w-ico{width:56px;height:56px;fill:none;stroke:#8a6a3a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.am-w-card h2{display:flex;flex-direction:column;gap:2px;margin:8px 0 10px;font-size:23px;font-weight:500;line-height:1.25}
.am-w-card > p{margin:0 0 4px;font-size:15px;line-height:1.5}
.am-w-card > p[dir]{font-size:16px}
.am-w-tip{margin:12px 0 16px!important;padding:10px 12px;border-radius:14px;background:#f4ece0;font-size:13px!important;color:#5a4c3f}
.am-w-alt{margin-top:8px;min-height:48px;border:1px solid #3b3127;border-radius:999px;background:transparent;color:#3b3127;font:inherit;font-size:15px;cursor:pointer}
.am-w-link{margin-top:6px;border:0;background:none;color:#8a6a3a;font:inherit;font-size:14px;text-decoration:underline;min-height:44px;cursor:pointer}