@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,500;0,600;0,700;0,800;1,500;1,700&display=swap";:root{--gold-light: #ffd769;--gold: #c9a84c;--gold-mid: #a07828;--gold-deep: #7a5c10;--gold-brd: rgba(201, 168, 76, .22);--bg1: #07050a;--bg2: #0d0b11;--bg3: #130f08;--text: #f4eee1;--sub: #a89a82;--muted: #5c5447;--ok: #c9a84c;--warn: #c07a1b;--err: #ef4444;--surface: rgba(255,255,255,.04);--surface2: rgba(255,255,255,.07);--border: rgba(201,168,76,.15)}*{box-sizing:border-box;margin:0;padding:0;outline:none}body{background:var(--bg1);color:var(--text);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg1)}::-webkit-scrollbar-thumb{background:#c9a84c40;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.font-playfair{font-family:Playfair Display,serif}.gold-gradient-text{background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 50%,#e8c560 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.glass-panel{background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(201,168,76,.15);box-shadow:0 8px 32px #00000059}.glass-card{background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--gold-brd);transition:all .35s cubic-bezier(.25,.8,.25,1)}.glass-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 12px 32px #c9a84c26;background:#ffffff0f}.transparent-checkered{background:repeating-conic-gradient(#ffffff0a,#ffffff0a 25%,#00000026 0%,#00000026 50%) 50% / 20px 20px}.app-container{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.header-nav{position:sticky;top:0;z-index:100;background:#07050ad1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid rgba(201,168,76,.12);box-shadow:0 4px 30px #0006}.nav-wrapper{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:72px;display:flex;align-items:center;justify-content:space-between}.logo-container{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none}.logo-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--gold-light),var(--gold));display:flex;align-items:center;justify-content:center;font-size:1.15rem;box-shadow:0 4px 16px #c9a84c59;transition:transform .3s}.logo-container:hover .logo-icon{transform:scale(1.06)}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-brand{font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700;letter-spacing:.05em;color:var(--gold-light)}.logo-sub{font-size:.5rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:.15rem}.nav-links{display:flex;gap:.4rem}@keyframes mesh-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.08)}66%{transform:translate(-15px,25px) scale(.95)}}@keyframes star-pulse{0%,to{opacity:.3}50%{opacity:1}}.hero-banner{position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 60% 50%,rgba(180,130,30,.08) 0%,transparent 70%),linear-gradient(160deg,#0d0b11,#07050a,#0c0900);border-bottom:1px solid rgba(201,168,76,.08);padding:5rem 0 6rem}.hero-banner:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.12) 0%,transparent 65%);top:-150px;right:-100px;animation:mesh-drift 8s ease-in-out infinite;pointer-events:none}.hero-banner:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(120,80,200,.06) 0%,transparent 65%);bottom:-100px;left:-50px;animation:mesh-drift 10s ease-in-out infinite reverse;pointer-events:none}.hero-wrapper{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;position:relative;z-index:1}@media(min-width:992px){.hero-wrapper{grid-template-columns:1.15fr .85fr}}.hero-content{display:flex;flex-direction:column;gap:1.75rem;text-align:left}.hero-badge{background:linear-gradient(135deg,#c9a84c26,#c9a84c0d);border:1px solid rgba(201,168,76,.3);color:var(--gold-light);font-size:.6rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;padding:.5rem 1.25rem;border-radius:50px;width:fit-content;box-shadow:0 0 20px #c9a84c26}.hero-title{font-family:Playfair Display,serif;font-size:3rem;font-weight:800;line-height:1.15;color:var(--text);text-shadow:0 2px 30px rgba(0,0,0,.5)}@media(min-width:576px){.hero-title{font-size:3.5rem}}@media(min-width:992px){.hero-title{font-size:4rem}}.hero-desc{color:var(--sub);font-size:.88rem;line-height:1.75;max-width:500px}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-title-line{width:60px;height:3px;background:linear-gradient(90deg,var(--gold-light),transparent);border-radius:2px}.hero-3d-wrapper{width:100%;display:flex;justify-content:center;align-items:center;min-height:360px}@keyframes float-up-down{0%,to{translate:0 0}50%{translate:0 -12px}}@keyframes float-up-down-b{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes float-up-down-c{0%,to{translate:0 0}50%{translate:0 -15px}}@keyframes hero-card-in{0%{opacity:0;transform:translateY(40px) scale(.88)}to{opacity:1}}@keyframes shimmer-slide{0%{left:-80%}to{left:130%}}.hero-floating-cards{position:relative;width:100%;min-height:380px;display:flex;align-items:center;justify-content:center}.hero-product-card{position:absolute;width:200px;background:#120f08d9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(201,168,76,.3);border-radius:20px;padding:1rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 24px 60px #0009,0 0 0 1px #ffffff0a inset;animation:hero-card-in .6s cubic-bezier(.22,1,.36,1) both,float-up-down 5s ease-in-out infinite;will-change:transform;transition:border-color .3s,box-shadow .3s}.hero-product-card:nth-child(2){animation-name:hero-card-in,float-up-down-b;animation-duration:.6s,4s}.hero-product-card:nth-child(3){animation-name:hero-card-in,float-up-down-c;animation-duration:.6s,6s}.hero-product-card:hover{border-color:var(--gold)!important;box-shadow:0 36px 80px #000000b3,0 0 40px #c9a84c26!important;z-index:10!important}.hero-product-card.skeleton{background:#120f0880;border-color:#c9a84c14;min-height:240px;animation:hero-card-in .5s both}.hpc-badge{display:inline-block;font-size:.56rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light);background:#c9a84c1f;border:1px solid rgba(201,168,76,.25);border-radius:50px;padding:.22rem .7rem;width:fit-content}.hpc-img-wrap{width:100%;height:120px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#c9a84c0f,#ffffff05);position:relative;display:flex;align-items:center;justify-content:center;border:1px solid rgba(201,168,76,.08)}.hpc-img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .4s ease;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.hero-product-card:hover .hpc-img{transform:scale(1.07)}.hpc-shimmer{position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:skew(-20deg);animation:shimmer-slide 3.5s ease-in-out infinite;pointer-events:none}.hpc-info{display:flex;flex-direction:column;gap:.2rem}.hpc-brand{font-size:.58rem;font-weight:800;color:var(--gold);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:.2rem}.hpc-name{font-size:.8rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.hpc-price{font-size:.88rem;font-weight:800;color:var(--gold-light);margin:0;text-shadow:0 0 20px rgba(201,168,76,.4)}.hpc-actions{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-top:.1rem}.hpc-btn{display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.45rem .4rem;border-radius:9px;font-size:.65rem;font-weight:700;cursor:pointer;border:none;transition:all .2s;font-family:Inter,sans-serif}.hpc-btn-primary{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#07050a;box-shadow:0 4px 14px #c9a84c66}.hpc-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #c9a84c8c}.hpc-btn-secondary{background:#c9a84c14;border:1px solid rgba(201,168,76,.2);color:var(--gold-light)}.hpc-btn-secondary:hover{background:#c9a84c29}.hpc-glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}.hpc-glow-1{width:200px;height:200px;background:#c9a84c1a;top:15%;left:15%}.hpc-glow-2{width:150px;height:150px;background:#8250dc0f;bottom:10%;right:10%}.dashboard-container{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem}.dashboard-title-bar{display:flex;flex-direction:column;gap:1.25rem;border-bottom:1px solid rgba(201,168,76,.1);padding-bottom:1.25rem;margin-bottom:2.5rem}@media(min-width:768px){.dashboard-title-bar{flex-direction:row;align-items:center;justify-content:space-between}}.section-header-title{font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700;color:var(--text)}.section-header-sub{font-size:.75rem;color:var(--muted);margin-top:.25rem}.section-icon-badge{width:34px;height:34px;border-radius:8px;background:#c9a84c1a;border:1px solid rgba(201,168,76,.2);display:flex;align-items:center;justify-content:center}.section-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.trend-carousel{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1.5rem;scroll-snap-type:x mandatory}.trend-carousel::-webkit-scrollbar{height:3px}.filter-tabs-bar{display:flex;gap:.35rem;background:#ffffff08;padding:.35rem;border-radius:12px;border:1px solid rgba(201,168,76,.1);width:fit-content}.glasses-grid{display:grid;grid-template-cols:1fr;gap:1.5rem}@media(min-width:576px){.glasses-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.glasses-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:992px){.glasses-grid{grid-template-columns:repeat(4,1fr)}}.glasses-card{border-radius:18px;overflow:hidden;position:relative;display:flex;flex-direction:column;height:100%;transition:transform .35s ease,box-shadow .35s ease}.glasses-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #00000080,0 0 0 1px #c9a84c33}.glasses-card-badge{position:absolute;top:.75rem;left:.75rem;background:#07050abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--gold-light);border:1px solid rgba(201,168,76,.25);font-size:.52rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:.25rem .65rem;border-radius:50px;z-index:10}.glasses-card-img-box{width:100%;height:185px;background:linear-gradient(135deg,#c9a84c0d,#0000001a);display:flex;align-items:center;justify-content:center;padding:1.25rem;overflow:hidden;border-bottom:1px solid rgba(201,168,76,.08)}.glasses-card-img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .5s ease;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5))}.glasses-card:hover .glasses-card-img{transform:scale(1.06)}.glasses-card-info{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;flex-grow:1;justify-content:space-between}.glasses-card-title{font-size:.84rem;font-weight:600;color:var(--text);line-height:1.3}.glasses-card-subtitle{font-size:.68rem;color:var(--sub);margin-top:.25rem}.loading-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 0;gap:1rem}.spinner{width:36px;height:36px;border-radius:50%;border:2px solid rgba(201,168,76,.1);border-top-color:var(--gold);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-wrapper{text-align:center;padding:5rem 2rem;border:1px dashed rgba(201,168,76,.15);border-radius:20px;background:#ffffff04}.empty-icon{font-size:2rem;display:block;margin-bottom:.75rem}.vto-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.vto-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}@media(min-width:992px){.vto-grid{grid-template-columns:1.7fr 1.3fr}}.vto-workspace-panel{position:relative;width:100%;aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:#0d0b11;border:1px solid rgba(201,168,76,.2);box-shadow:0 16px 40px #00000080;display:flex;align-items:center;justify-content:center}.vto-video-feed{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.vto-photo-canvas{width:100%;height:100%;object-fit:cover}.vto-overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:20;pointer-events:none}.vto-badge-detector{position:absolute;top:1rem;left:1rem;background:var(--gold);color:var(--bg1);border:1px solid rgba(255,255,255,.2);font-size:.55rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .8rem;border-radius:50px;z-index:30;box-shadow:0 4px 15px #c9a84c66;animation:pulseGold 2s infinite}.vto-banner-alert{position:absolute;bottom:1rem;left:1rem;right:1rem;background:#0d0b11e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(201,168,76,.2);color:var(--gold-light);border-radius:12px;padding:.75rem 1rem;font-size:.7rem;display:flex;align-items:center;gap:.75rem;z-index:30}.mode-toggle-bar{display:flex;gap:.75rem;background:#ffffff08;padding:.4rem;border-radius:14px;border:1px solid rgba(201,168,76,.1)}.mode-toggle-btn{flex:1;padding:.75rem;border-radius:10px;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s;background:transparent;border:none;color:var(--muted)}.mode-toggle-btn.active{background:linear-gradient(135deg,var(--gold),var(--gold-mid));color:#07050a;box-shadow:0 4px 12px #c9a84c40}.preset-grid-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.preset-thumb-btn{aspect-ratio:1;border-radius:10px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .25s;padding:0;background:none}.preset-thumb-btn.active{border-color:var(--gold);transform:scale(.96);box-shadow:0 4px 12px #c9a84c40}.preset-thumb-img{width:100%;height:100%;object-fit:cover}.admin-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.admin-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}@media(min-width:992px){.admin-grid{grid-template-columns:1.7fr 1.3fr}}.admin-form-panel{border-radius:20px;padding:1.75rem;border:1px solid rgba(201,168,76,.2);display:flex;flex-direction:column;gap:1.5rem}.form-title-bar{font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700;color:var(--gold-light);border-bottom:1px solid rgba(201,168,76,.1);padding-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.form-row-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.form-row-grid{grid-template-columns:repeat(3,1fr)}}.form-field-group{display:flex;flex-direction:column;gap:.4rem}.form-field-label{font-size:.6rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.input-field{background:#ffffff0a;border:1px solid rgba(201,168,76,.2);color:var(--text);padding:.65rem 1.05rem;border-radius:10px;font-family:Inter,sans-serif;font-size:.78rem;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.input-field:focus{border-color:var(--gold);background:#c9a84c0a;box-shadow:0 0 0 2px #c9a84c26,0 4px 12px #0003}.input-field::placeholder{color:var(--muted);opacity:.5}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23c9a84c'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}select option,select.input-field option{background-color:#1a1610!important;background:#1a1610!important;color:#f4eee1!important}.hidden{display:none!important}.upload-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:768px){.upload-grid{grid-template-columns:repeat(2,1fr)}}.upload-dropzone{width:100%;height:180px;border-radius:12px;border:1px dashed rgba(201,168,76,.2);background:#ffffff05;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:.5rem;transition:all .25s}.upload-dropzone:hover{border-color:var(--gold);background:#c9a84c0a}.upload-preview-box{position:relative;width:100%;height:180px;border-radius:12px;border:1px solid rgba(201,168,76,.15);background:#ffffff05;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.editor-workspace-wrapper{position:relative;width:100%;height:380px;border-radius:12px;border:1px solid rgba(201,168,76,.2);display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden}.editor-tools-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;background:#ffffff05;border:1px solid rgba(201,168,76,.12);padding:1rem;border-radius:12px}.btn-grid-row{display:flex;gap:.5rem;width:100%}.catalog-sidebar-panel{display:flex;flex-direction:column;gap:.75rem;max-height:640px;overflow-y:auto;padding-right:.25rem}.catalog-sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#ffffff05;border:1px solid rgba(201,168,76,.08);border-radius:12px;transition:border-color .2s}.catalog-sidebar-item:hover{border-color:#c9a84c40}.sidebar-img-box{width:48px;height:32px;background:#ffffff05;border:1px solid rgba(201,168,76,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:.15rem}.sidebar-del-btn{background:#ef44440d;border:1px solid rgba(239,68,68,.1);color:#f87171;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.sidebar-del-btn:hover{background:#ef444426;border-color:var(--err);color:var(--err)}@keyframes sheen-sweep{0%{left:-130%}to{left:130%}}@keyframes pulseGold{0%,to{opacity:1}50%{opacity:.55}}@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}@keyframes auth-slide-up{0%{opacity:0;transform:translate(-50%,calc(-50% + 18px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.btn-primary{position:relative;overflow:hidden;padding:.75rem 1.75rem;background:linear-gradient(135deg,#ffeab0,#d4af37 40%,#a67c1e 75%,#d4af37);background-size:200% auto;color:#07050a;border:1px solid rgba(255,255,255,.12);border-radius:12px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #c9a84c59,inset 0 1px #fff3;-webkit-user-select:none;user-select:none}.btn-primary:after{content:"";position:absolute;top:-50%;left:-130%;width:60%;height:200%;background:linear-gradient(90deg,#fff0,#fff6,#fff0);transform:skew(-25deg);pointer-events:none}.btn-primary:hover{transform:translateY(-2px);background-position:right center;box-shadow:0 10px 30px #c9a84c8c,inset 0 1px #ffffff4d;border-color:#fff3}.btn-primary:hover:after{animation:sheen-sweep .85s cubic-bezier(.16,1,.3,1)}.btn-primary:active{transform:translateY(1px);box-shadow:0 2px 8px #c9a84c33}.btn-secondary{position:relative;overflow:hidden;padding:.75rem 1.75rem;background:#c9a84c0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(201,168,76,.3);color:var(--gold-light);border-radius:12px;font-family:Inter,sans-serif;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px 1px #ffffff0d;-webkit-user-select:none;user-select:none}.btn-secondary:after{content:"";position:absolute;top:-50%;left:-130%;width:60%;height:200%;background:linear-gradient(90deg,#c9a84c00,#c9a84c24,#c9a84c00);transform:skew(-25deg);pointer-events:none}.btn-secondary:hover{border-color:var(--gold);background:#c9a84c1f;color:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px #c9a84c33,inset 0 1px 1px #ffffff14}.btn-secondary:hover:after{animation:sheen-sweep .95s cubic-bezier(.16,1,.3,1)}.btn-secondary:active{transform:translateY(1px);box-shadow:none}.nav-btn{background:transparent;border:1px solid transparent;color:var(--sub);padding:.6rem 1.2rem;border-radius:10px;font-size:.73rem;font-weight:700;letter-spacing:.04em;cursor:pointer;display:flex;align-items:center;gap:.45rem;transition:all .3s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.nav-btn:hover{color:var(--gold-light);background:#c9a84c0f;border-color:#c9a84c33;transform:translateY(-1px)}.nav-btn.active{background:#c9a84c1a;border-color:#c9a84c66;color:var(--gold-light);box-shadow:0 4px 16px #c9a84c26}.nav-btn:active{transform:translateY(1px)}.filter-tab-btn{background:transparent;border:none;color:var(--muted);padding:.55rem 1.4rem;border-radius:10px;font-size:.72rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.filter-tab-btn:hover{color:var(--text);background:#ffffff0a}.filter-tab-btn.active{background:linear-gradient(135deg,#ffeab0,#d4af37);color:#07050a;font-weight:800;box-shadow:0 4px 14px #c9a84c4d;transform:scale(1.03)}.editor-tool-btn{background:#ffffff0a;border:1px solid rgba(201,168,76,.2);color:var(--sub);padding:.55rem 1rem;border-radius:10px;font-size:.72rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .3s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.editor-tool-btn:hover{border-color:var(--gold);color:var(--gold-light);background:#c9a84c14;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.editor-tool-btn.active{background:linear-gradient(135deg,#ffeab0,#d4af37);color:#07050a;border-color:var(--gold);box-shadow:0 4px 14px #c9a84c4d;transform:translateY(-1px)}.editor-tool-btn.danger{border-color:#ef44444d;color:#f87171;background:#ef444408}.editor-tool-btn.danger:hover{border-color:#ef4444;background:#ef4444;color:#fff;box-shadow:0 4px 14px #ef444459;transform:translateY(-2px)}.editor-tool-btn:active{transform:translateY(1px)}@media(max-width:768px){.logo-sub{display:none!important}.logo-brand{font-size:1rem!important}.logo-icon{width:32px!important;height:32px!important}.logo-icon svg{width:15px!important;height:15px!important}.nav-wrapper{height:60px!important;padding:0 1rem!important}.nav-links{gap:.25rem!important}.nav-btn{padding:.5rem .6rem!important;border-radius:8px!important}.nav-btn span{display:none!important}.user-menu-btn{padding:.35rem!important;border-radius:8px!important;gap:0!important}.user-menu-name,.user-menu-btn svg:last-of-type{display:none!important}.category-tabs-bar{width:100%!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important}.category-tabs-bar::-webkit-scrollbar{display:none!important}.category-tabs-bar button{flex-shrink:0!important}.filter-tabs-bar{width:100%!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important}.filter-tabs-bar::-webkit-scrollbar{display:none!important}.filter-tabs-bar button{flex-shrink:0!important}.catalog-layout{gap:1.5rem!important}}@media(max-width:576px){.hero-floating-cards{min-height:290px!important;transform:scale(.8)!important;margin-top:-2rem!important;margin-bottom:-1rem!important}.hero-title{font-size:2.2rem!important;line-height:1.25!important}.hero-banner{padding:3rem 0 3.5rem!important}.hero-desc{font-size:.8rem!important;line-height:1.6!important}.hero-actions{gap:.75rem!important}.hero-actions button{width:100%!important;padding:.85rem!important}.vto-workspace-panel{aspect-ratio:4/3!important;border-radius:14px!important}}