:root{--color-primary: #111111;--color-accent: #111111;--color-accent-hover: #B8953E;--color-surface: #F8F8F6;--color-surface-dim: #EDEDEA;--color-text-primary: #1A1A2E;--color-text-secondary: #6B6B7B;--color-text-inverse: #FFFFFF;--color-overlay: rgba(26, 26, 46, .85);--color-overlay-light: rgba(26, 26, 46, .6);--color-error: #C0392B;--color-success: #27AE60;--font-heading: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 8px;--radius-card: 16px;--radius-full: 9999px;--shadow-card: 0 8px 32px rgba(26, 26, 46, .12);--shadow-button: 0 4px 16px rgba(26, 26, 46, .25);--shadow-overlay: 0 -4px 24px rgba(0, 0, 0, .15);--transition-default: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-viewer: 1;--z-overlay: 10;--z-panel: 20;--z-banner: 30;--z-modal: 40}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-surface);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-heading);font-weight:700;line-height:1.2}.ar-page{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--color-surface)}.ar-page--transparent{background:transparent}.ar-camera-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:opacity 1.5s ease}.ar-camera-video--visible{opacity:1}.ar-camera-video--hidden{opacity:0}.ar-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center;transition:opacity 1.5s ease;pointer-events:none}.ar-bg-image--visible{opacity:1}.ar-bg-image--hidden{opacity:0}.ar-logo{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:60;pointer-events:none;user-select:none;-webkit-user-select:none}.ar-logo img,.ar-logo svg{width:auto;object-fit:contain;display:block}.ar-viewer-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-viewer)}.ar-viewer-wrap{position:relative;width:100%;height:100%;background:transparent;overflow:hidden}.ar-viewer-transform{width:100%;height:100%;transform-origin:center center}.ar-panel{position:fixed;bottom:0;left:0;right:0;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:var(--color-surface);border-top:1px solid var(--color-surface-dim);box-shadow:var(--shadow-overlay);display:flex;flex-direction:column;gap:10px;z-index:var(--z-panel);transition:var(--transition-default)}.ar-panel--ar-active{background:#f8f8f6b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ar-panel-top{display:flex;align-items:center;gap:8px}.ar-panel-info{flex:1;min-width:0}.ar-product-name{font-family:var(--font-heading);font-weight:700;font-size:16px;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ar-product-dims{margin-top:2px;font-size:14px;color:var(--color-text-secondary)}.ar-btn-group{display:flex;gap:8px;flex-shrink:0}.ar-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,#111,#333);color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-button);white-space:nowrap;transition:var(--transition-default)}.ar-btn--camera-off,.ar-btn--bg-remove{background:linear-gradient(135deg,#c0392b,#e74c3c)}.ar-ai-bar{position:fixed;left:0;right:0;z-index:var(--z-panel);padding:0}.ar-controls-stack{position:absolute;bottom:calc(var(--ar-panel-h, 80px) + 20px);right:14px;gap:6px;z-index:25;display:flex;flex-direction:column;align-items:flex-end;gap:8px;user-select:none;-webkit-user-select:none}.ar-guide-toggle{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-full);font-size:14px;font-weight:600;color:#212121;font-family:var(--font-body);cursor:pointer;margin-left:auto}.ar-guide-toggle--open{border-radius:10px 10px 0 0}.ar-guide-box{display:flex;flex-direction:column;gap:0;padding:8px 16px;background:#ffffff4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:15px}.ar-guide-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.ar-guide-label{color:#5f5f5f;font-size:12px;font-weight:600}.ar-guide-desc{color:#5f5f5f;font-size:12px}.ar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-bottom:var(--ar-panel-h, 80px)}.ar-overlay-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ar-overlay-card{background:#fff;border-radius:20px;padding:32px;min-width:280px;max-width:94vw;width:600px;text-align:center;box-shadow:0 20px 60px #0000004d;font-family:var(--font-body)}.ar-overlay-title{font-size:16px;font-weight:700;color:var(--color-text-primary);margin-top:16px}.ar-overlay-subtitle{font-size:12px;color:var(--color-text-secondary);margin-top:6px}.ar-back-btn{padding:10px 24px;background:transparent;color:var(--color-text-secondary);border:1.5px solid var(--color-surface-dim);border-radius:var(--radius-full);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-body)}.ar-mobile-hint{position:fixed;top:24px;left:50%;transform:translate(-50%);background:#000000d1;color:#fff;padding:16px 24px;border-radius:12px;font-size:14px;line-height:1.55;text-align:center;font-family:var(--font-body);font-weight:500;max-width:min(80vw,420px);z-index:60;pointer-events:none;animation:arMobileHintFade 5s ease forwards;box-shadow:0 12px 40px #00000059}@keyframes arMobileHintFade{0%{opacity:0;transform:translate(-50%,-8px)}6%{opacity:1;transform:translate(-50%)}94%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.ar-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;transition:opacity .5s ease}.ar-intro--fading{opacity:0}.ar-intro-symbol{width:60px;height:60px;object-fit:contain}.ar-intro-logo{height:20px;object-fit:contain;margin-top:15px}.ar-intro-ar{margin-top:6px;font-family:var(--font-heading);font-size:15px;font-weight:600;color:var(--color-text-primary);letter-spacing:3px}.ar-intro-sub{margin-top:8px;font-family:var(--font-body);font-size:16px;color:#000}@keyframes ar-spin{to{transform:rotate(360deg)}}@keyframes ar-spinner-in{0%{opacity:0}to{opacity:1}}.ar-spinner{margin-top:24px;width:24px;height:24px;border:2px solid var(--color-surface-dim);border-top-color:#111;border-radius:50%;animation:ar-spinner-in .4s .6s forwards,ar-spin .8s .6s linear infinite;opacity:0}.ar-toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:4px;width:calc(100% - 32px);max-width:340px;padding:16px 20px;border-radius:16px;background:#1a1a2eeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 34px -4px #0000002e,0 2px 6px #00000014;text-align:center}.ar-toast-text{margin:0;font-size:14px;font-weight:600;color:#fff}.ar-toast-sub{margin:0;font-size:13px;line-height:1.5;color:#ffffffc7}.ar-toast-close{margin-top:8px;min-height:44px;padding:0 28px;border:none;border-radius:999px;background:#ffffff29;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s ease}.ar-toast-close:hover{background:#ffffff3d}.ar-3d-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:30;padding:24px;text-align:center;max-width:280px}.ar-3d-error-text{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0}.ar-3d-error-sub{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.5}.ar-3d-error-retry{margin-top:8px;min-height:44px;padding:0 24px;border:none;border-radius:999px;background:var(--color-text-primary);color:var(--color-text-inverse);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .12s ease}.ar-3d-error-retry:hover{opacity:.85}.ar-3d-error-retry:active{transform:scale(.98)}.ar-3d-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none;z-index:1;animation:ar3dLoaderFadeIn .4s ease forwards;opacity:0;transform-style:preserve-3d;transition:transform .05s linear}.ar-3d-loader-spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.08);border-top-color:#111;border-radius:50%;animation:ar-spin .9s linear infinite}.ar-3d-loader-label{font-family:var(--font-body);font-size:14px;color:#434343;letter-spacing:.3px}@keyframes ar3dLoaderFadeIn{0%{opacity:0}to{opacity:1}}.ar-hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp .6s var(--transition-default) forwards}.skeleton{display:none}model-viewer{width:100%;height:100%;display:block}model-viewer,model-viewer *,model-viewer::part(*){outline:none!important;border:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important;caret-color:transparent!important}.ar-viewer-transform,.ar-viewer-wrap,.ar-viewer-area,.ar-viewer-transform *,.ar-viewer-wrap *,.ar-viewer-area *,.ar-page,.ar-page *{outline:none!important;-webkit-tap-highlight-color:transparent!important}*:focus,*:focus-visible,*:focus-within{outline:none!important}model-viewer:focus,model-viewer:focus-visible,model-viewer:active,model-viewer:focus-within{outline:none!important;border:none!important;box-shadow:none!important}model-viewer::part(default-progress-bar){display:none}model-viewer::part(default-ar-button){display:none}model-viewer .interaction-prompt{display:none!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:var(--radius-full)}.ar-selector-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ar-selector-buttons{display:flex;gap:6px}.ar-selector-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-full);font-size:14px;font-weight:600;color:#212121;font-family:var(--font-body);cursor:pointer}.ar-color-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.ar-selector-panel{display:flex;flex-direction:column;gap:2px;padding:6px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 20px #0000001f;min-width:140px}.ar-selector-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;border:none;border-radius:8px;font-size:13px;font-family:var(--font-body);color:#212121;cursor:pointer;text-align:left}.ar-selector-item:hover{background:#0000000a}.ar-selector-item--active{background:#00000014;font-weight:700}.ar-related-card{width:480px;text-align:left;padding:24px;max-height:86vh;overflow-y:auto;box-sizing:border-box}.ar-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:16px}.ar-related-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;font-family:var(--font-body);cursor:pointer;text-align:left;transition:box-shadow .15s ease}.ar-related-item:hover{box-shadow:0 4px 16px #0000001f}.ar-related-thumb{width:100%;aspect-ratio:1;border-radius:8px;object-fit:cover;background:#f4f6fa}.ar-related-thumb--empty{display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#00000038}.ar-related-name{font-size:13px;font-weight:600;color:#212121;margin-top:4px}.ar-related-dims{font-size:11px;color:#00000080}.ar-related-section{font-size:12px;font-weight:600;color:#00000073;margin:16px 0 0}.ar-related-close{margin-top:16px;opacity:.7}.ar-capture-bar{position:fixed;left:0;right:0;z-index:var(--z-panel);display:flex;justify-content:center;padding:12px 0;pointer-events:none}.ar-capture-btn{width:64px;height:64px;border-radius:50%;border:3px solid #fff;background:#ffffff40;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:auto;box-shadow:0 2px 12px #0000004d;transition:transform .15s ease}.ar-capture-btn:active{transform:scale(.9)}.ar-capture-circle{width:52px;height:52px;border-radius:50%;background:#fff}.ar-capture-btn--pc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#ffffff1f;border:1.5px solid rgba(180,180,180,.85);box-shadow:0 2px 8px #00000026;z-index:2}.ar-capture-btn--pc:active{transform:translate(-50%,-50%) scale(.92)}.ar-capture-btn--pc .ar-capture-circle{width:34px;height:34px;background:transparent}@media (max-width: 768px){.ar-product-name{font-size:16px;text-align:center}.ar-product-dims{font-size:14px;text-align:center;line-height:100%;margin-top:4px;margin-bottom:2px}.ar-btn,.ar-guide-label,.ar-guide-desc{font-size:12px}.ar-controls-stack{right:6px;gap:2px;bottom:calc(var(--ar-panel-h, 80px) + 6px)}.ar-panel{padding:6px}.ar-panel-top{flex-direction:column;align-items:stretch;gap:6px}.ar-btn-group{width:100%;flex-wrap:wrap;gap:6px}.ar-btn-group .ar-btn{justify-content:center;padding:10px 5px;flex:1 1 calc(33.333% - 4px);min-width:0}.ar-btn-group--stacked .ar-btn:first-child{flex:1 1 100%}.ar-btn-group--stacked .ar-btn:not(:first-child){flex:1 1 calc(50% - 3px)}.ar-selector-btn,.ar-guide-toggle{font-size:12px;padding:5px 10px;justify-content:center}.ar-selector-panel{max-width:160px}.ar-related-card{width:94vw;padding:20px}.ar-related-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.ar-guide-box{max-width:calc(100vw - 24px)}.ar-guide-row{flex-wrap:nowrap;white-space:nowrap}}