@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;600;700&display=swap";
:root{--noir-bg:#050505;--noir-card:#0d0d0d;--noir-accent:#c5a059;--noir-accent-soft:#c5a05926;--noir-text:#fff;--noir-text-muted:#d0d0d0;--noir-border:#ffffff14;--accent-gold:#c5a059}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--noir-bg);color:var(--noir-text);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.studio-theme{background-color:var(--noir-bg);color:var(--noir-text);font-family:Inter,sans-serif}video,canvas{max-width:100%;height:auto}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:16/9}.glass-panel{-webkit-backdrop-filter:blur(20px);border:1px solid var(--noir-border);background:#ffffff08;border-radius:20px}.luxury-button{background:var(--noir-accent);color:#000;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;border-radius:12px;padding:12px 28px;font-weight:800;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #c5a05933}.luxury-button:hover{background:#d4b47a;transform:translateY(-2px);box-shadow:0 10px 25px #c5a05966}.luxury-button:active{transform:translateY(0)scale(.98)}.studio-container{background-color:var(--noir-bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.studio-main{flex:1;display:flex;position:relative;overflow:hidden}@media (max-width:1024px){.studio-main{flex-direction:column}}.studio-viewport-area{background-color:#000;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}@media (max-width:1024px){.studio-viewport-area{flex:none;height:60%;padding:0}}.studio-camera-wrapper{background:#000;border:1px solid #ffffff1a;border-radius:40px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 100px #c5a0591a}.studio-camera-wrapper canvas{object-fit:cover;width:100%!important;height:100%!important}@media (max-width:1024px){.studio-camera-wrapper{border:none;border-radius:0}}.studio-sidebar{background-color:var(--noir-card);border-left:1px solid var(--noir-border);z-index:30;flex-direction:column;width:480px;display:flex;overflow-y:auto}@media (max-width:1024px){.studio-sidebar{border-left:none;border-top:1px solid var(--noir-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0d0df2;border-radius:32px 32px 0 0;width:100%;height:45%;padding-bottom:2rem;position:absolute;bottom:0;left:0;overflow-y:auto}}.studio-nav{border-bottom:1px solid var(--noir-border);background-color:var(--noir-bg);z-index:50;justify-content:space-between;align-items:center;height:96px;padding:0 4rem;display:flex}@media (max-width:1024px){.studio-nav{height:72px;padding:0 1.5rem}}.vto-category-btn{text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;min-width:140px;padding:12px 24px;transition:all .3s}.vto-category-btn.active{background:#c5a0591a;border-color:#c5a059;box-shadow:0 0 20px #c5a0591a}.vto-category-btn span{display:block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.fixed{position:fixed}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.hidden{display:none}.block{display:block}.grid{display:grid}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.p-8{padding:2rem}.p-16{padding:4rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mt-8{margin-top:2rem}.mt-16{margin-top:4rem}.w-full{width:100%}.h-full{height:100%}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:1rem}.text-white{color:#fff}.text-white\/40{color:#fff6}.text-white\/60{color:#fff9}.text-\[\#c5a059\]{color:#c5a059}.w-12{width:3rem}.h-12{height:3rem}.w-14{width:3.5rem}.h-14{height:3.5rem}.cursor-pointer{cursor:pointer}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#c5a05933;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#c5a05966}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}