.concept-viewer{color:#ffffffe6;pointer-events:auto;flex-direction:column;flex:auto;gap:clamp(.4rem,.9vw,.75rem);width:100%;height:100%;min-height:0;padding:clamp(.5rem,1vw,.75rem);display:flex;position:relative}.concept-viewer__surface{width:100%;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:0;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.concept-viewer__surface--center{text-align:center;flex-direction:column;gap:2rem}.concept-viewer__loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.2rem,1.8vw,2.2rem);width:100%;height:100%;padding:clamp(.9rem,1.6vw,1.6rem);display:flex}.concept-viewer__images-container{box-sizing:border-box;flex-direction:column;align-self:stretch;gap:clamp(1rem,2vw,1.5rem);width:100%;height:100%;max-height:100%;padding:0;display:flex;position:relative;overflow:hidden auto}.concept-viewer__labeled-image-wrapper{flex-direction:column;gap:.5rem;width:100%;display:flex}.concept-viewer__labeled-image-wrapper:first-child{flex:1.5;min-height:0}.concept-viewer__labeled-image-wrapper:last-child{flex:1;min-height:0}.concept-viewer__image-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;width:fit-content;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.concept-viewer__image-wrapper{box-sizing:border-box;background:#0003;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.concept-viewer__image{-o-object-fit:contain;object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;box-shadow:none;cursor:zoom-in;border-radius:0;transition:transform .4s}.concept-viewer__image:hover{transform:scale(1.02)}.concept-viewer__before-photo-wrapper{box-sizing:border-box;background:#0003;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.concept-viewer__before-photo{-o-object-fit:contain;object-fit:contain;cursor:zoom-in;border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%;transition:transform .4s}.concept-viewer__before-photo:hover{transform:scale(1.02)}.concept-viewer__before-photo-fullscreen-btn{color:#fffc;-webkit-backdrop-filter:blur(16px);cursor:pointer;opacity:0;z-index:2;background:#14141999;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:inline-flex;position:absolute;top:.75rem;right:.75rem;box-shadow:0 4px 12px #0003}.concept-viewer__before-photo-wrapper:hover .concept-viewer__before-photo-fullscreen-btn{opacity:1}.concept-viewer__before-photo-fullscreen-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.concept-viewer__controls{z-index:5;justify-content:flex-end;gap:.75rem;width:100%;margin-top:.75rem;display:flex}.concept-viewer__control-btn{color:#fffc;-webkit-backdrop-filter:blur(16px);background:#14141999;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;padding:.6rem;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #0003}.concept-viewer__control-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.concept-viewer__control-btn--text{letter-spacing:.02em;gap:.45rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:500}.concept-viewer__control-btn--icon{padding:.55rem}.concept-viewer__control-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:#14141966;transform:none}.concept-viewer__status,.concept-viewer__hint{-webkit-backdrop-filter:blur(16px);color:#ffffffe6;text-align:center;background:#141419b3;border:1px solid #ffffff1a;border-radius:14px;max-width:320px;padding:.75rem 1.25rem;box-shadow:0 10px 30px #0000004d}.concept-viewer__status{z-index:5;align-items:center;gap:.5rem;display:flex;position:absolute;top:1.5rem;left:1.5rem}.concept-viewer__status h3{letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;margin:0;font-size:.8rem}.concept-viewer__generate-hint{color:#fff9;margin-top:.75rem;font-size:.9rem}.concept-viewer__empty{color:#ffffff80;flex-direction:column;align-items:center;gap:1rem;display:flex}.concept-viewer__empty--workspace{flex-direction:column;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;overflow-y:auto}.concept-viewer__empty button{margin-top:1rem}.concept-viewer__spinner{aspect-ratio:1;place-items:center;width:clamp(240px,24vw,320px);display:grid;position:relative}.concept-viewer__spinner:before{content:"";filter:blur(40px);opacity:.5;background:radial-gradient(circle,#2bd1ff1a,#0000 70%);border-radius:50%;position:absolute;inset:-16%}.concept-viewer__spinner-orbit{pointer-events:none;border:2px solid #0000;border-radius:50%;position:absolute;inset:0}.concept-viewer__spinner-orbit--outer{border-top-color:#2bd1ff80;border-bottom-color:#2bd1ff1a;animation:2.8s cubic-bezier(.61,.01,.29,1) infinite concept-spin}.concept-viewer__spinner-orbit--middle{border-left-color:#20c8f70d;border-right-color:#20c8f766;animation:2.1s cubic-bezier(.53,.04,.25,1) infinite concept-spin-alt;inset:16%}.concept-viewer__spinner-orbit--inner{border-top-color:#fff9;border-bottom-color:#ffffff1a;animation:1.6s cubic-bezier(.45,.1,.2,1) infinite reverse concept-spin;inset:30%}.concept-viewer__spinner-core{aspect-ratio:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at top,#ffffff1a,#0009);border:1px solid #ffffff1a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;width:56%;display:flex;position:relative;box-shadow:0 24px 80px #00000080}.concept-viewer__spinner-core:after{content:"";border-radius:inherit;border:1px solid #ffffff0d;position:absolute;inset:12%;box-shadow:inset 0 0 35px #ffffff0d}.concept-viewer__spinner-glow{filter:blur(12px);opacity:.4;background:conic-gradient(from 90deg,#2bd1ff1a,#fff3,#2bd1ff0d);border-radius:50%;animation:2.8s ease-in-out infinite concept-pulse;position:absolute;inset:12%}.concept-viewer__progress-value{color:#fff;text-shadow:0 0 20px #ffffff80;font-size:1.75rem;font-weight:600}.concept-viewer__progress-label{letter-spacing:.18em;color:#fff9;font-size:.8rem}.concept-viewer__badge--floating{z-index:2;letter-spacing:.2em;text-transform:uppercase;color:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#14141999;border:1px solid #ffffff26;border-radius:999px;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:.45rem 1.2rem;display:inline-flex;position:relative;box-shadow:0 20px 48px #0006}@keyframes concept-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes concept-spin-alt{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes concept-pulse{0%,to{opacity:.3;transform:scale(.92)}50%{opacity:.6;transform:scale(1)}}.concept-viewer__steps{color:#fff6;justify-content:center;gap:1rem;display:flex}.concept-viewer__steps span{align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.concept-viewer__steps span:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.concept-viewer__steps span.is-active{color:#ffffffe6;text-shadow:0 0 10px #ffffff80}.concept-viewer__status small{letter-spacing:.08em;color:#ffffff80;margin-top:.2rem;font-size:.72rem;display:block}.concept-viewer__badge{color:#fffc;letter-spacing:.12em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff0d;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8rem;display:inline-flex}.concept-fullscreen-overlay{z-index:99999;opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.concept-fullscreen-overlay--active{opacity:1;pointer-events:auto}.concept-fullscreen-backdrop{-webkit-backdrop-filter:blur(20px);opacity:0;background:#000000e6;width:100%;height:100%;transition:opacity .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.concept-fullscreen-overlay--active .concept-fullscreen-backdrop{opacity:1}.concept-fullscreen-image{-o-object-fit:contain;object-fit:contain;cursor:zoom-out;opacity:0;z-index:1;border-radius:24px;width:auto;max-width:95vw;height:auto;max-height:95vh;transition:all .5s cubic-bezier(.2,.8,.2,1);transform:scale(.95);box-shadow:0 40px 100px -20px #0009}.concept-fullscreen-overlay--active .concept-fullscreen-image{opacity:1;transform:scale(1)}.concept-fullscreen-close-btn,.concept-fullscreen-download-btn{-webkit-backdrop-filter:blur(20px);color:#fff;cursor:pointer;z-index:10;opacity:0;background:#1e1e2399;border:1px solid #ffffff26;border-radius:14px;padding:.85rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:2rem;transform:translateY(-20px);box-shadow:0 10px 30px #0000004d}.concept-fullscreen-close-btn{right:2rem}.concept-fullscreen-download-btn{right:6rem}.concept-fullscreen-overlay--active .concept-fullscreen-close-btn,.concept-fullscreen-overlay--active .concept-fullscreen-download-btn{opacity:1;transition-delay:.2s;transform:translateY(0)}.concept-fullscreen-close-btn:hover,.concept-fullscreen-download-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 15px 40px #0006}.concept-fullscreen-info,.concept-fullscreen-instructions{-webkit-backdrop-filter:blur(20px);color:#fff;opacity:0;z-index:10;background:#1e1e2399;border:1px solid #ffffff26;border-radius:14px;padding:.85rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;transform:translateY(20px);box-shadow:0 10px 30px #0000004d}.concept-fullscreen-info{bottom:2rem;left:2rem}.concept-fullscreen-instructions{bottom:2rem;right:2rem}.concept-fullscreen-overlay--active .concept-fullscreen-info,.concept-fullscreen-overlay--active .concept-fullscreen-instructions{opacity:1;transition-delay:.2s;transform:translateY(0)}.concept-comparison-container{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.concept-fullscreen-overlay .concept-comparison-container{width:100vw;height:100vh}.concept-comparison-image{-o-object-fit:contain;object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.concept-comparison-image--before{z-index:1}.concept-comparison-image--after{z-index:2;width:100%;max-width:none;height:100%;max-height:none;position:absolute;top:0;left:0}.concept-comparison-slider{z-index:10;cursor:col-resize;touch-action:none;justify-content:center;align-items:center;width:40px;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.concept-comparison-handle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#2bd1ff;background:#141419cc;border:1px solid #2bd1ff99;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;box-shadow:0 0 20px #2bd1ff40}.concept-comparison-slider:hover .concept-comparison-handle,.concept-comparison-slider:active .concept-comparison-handle{color:#2bd1ff;background:#141419f2;border-color:#2bd1ff;transform:scale(1.1);box-shadow:0 0 25px #2bd1ff80}.concept-comparison-slider:before{content:"";z-index:-1;background:linear-gradient(#2bd1ff00 0%,#2bd1ff80 25%,#2bd1ff 50%,#2bd1ff80 75%,#2bd1ff00 100%) 0 0/100% 200%;width:2px;animation:3s linear infinite slider-shimmer;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 15px #2bd1ff66}@keyframes slider-shimmer{0%{background-position:0 200%}to{background-position:0 -200%}}.concept-comparison-info{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fffc;pointer-events:none;opacity:0;z-index:5;background:#141419b3;border:1px solid #ffffff1a;border-radius:999px;padding:.5rem 1rem;font-size:.8rem;transition:opacity .3s;position:absolute;top:2rem;left:50%;transform:translate(-50%)}.concept-fullscreen-overlay--active .concept-comparison-info{opacity:1;transition-delay:.5s}.is-dragging{-webkit-user-select:none;user-select:none}@media (max-width:1024px){.concept-viewer{padding:1rem}.concept-viewer__controls{bottom:1rem;right:1rem}}