@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_ca35ecd4-module__VNkuCW__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_ca35ecd4-module__VNkuCW__variable{--font-outfit:"Outfit", "Outfit Fallback"}
:root{--bg-gradient:linear-gradient(135deg, #030303 0%, #0d0d0d 50%, #050505 100%);--panel-bg:#121212bf;--panel-border:#ffffff14;--panel-border-hover:#d4af374d;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#52525b;--accent-gold:#d4af37;--accent-gold-glow:#d4af3726;--accent-gold-gradient:linear-gradient(135deg, #f3e5ab 0%, #d4af37 50%, #aa7c11 100%);--accent-blue:#0070f3;--accent-red:#ff0040;--card-shadow:0 8px 32px 0 #00000080;--glass-blur:blur(12px);--transition-smooth:all .3s cubic-bezier(.16, 1, .3, 1);--font-sans:var(--font-outfit), "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;outline:none;margin:0;padding:0}html,body{color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#030303;width:100vw;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#030303}::-webkit-scrollbar-thumb{background:#27272a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.appContainer{background:var(--bg-gradient);grid-template-columns:1fr 420px;width:100vw;height:100vh;display:grid;position:relative;overflow:hidden}@media (max-width:1024px){.appContainer{grid-template-rows:1fr auto;grid-template-columns:1fr;height:auto;min-height:100vh;overflow-y:auto}}.canvasContainer{background-image:radial-gradient(circle,#0303031a 10%,#030303cc 100%),url(/studio_background.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}@media (max-width:1024px){.canvasContainer{height:60vh;min-height:400px}}.controlsPanel{background:var(--panel-bg);border-left:1px solid var(--panel-border);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--card-shadow);z-index:10;flex-direction:column;gap:1.5rem;height:100%;padding:2rem;display:flex;overflow-y:auto}@media (max-width:1024px){.controlsPanel{border-left:none;border-top:1px solid var(--panel-border);height:auto;max-height:80vh;padding:1.5rem}}.brandHeader{flex-direction:column;gap:.25rem;margin-bottom:.5rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.2em;color:var(--accent-gold);font-size:.65rem;font-weight:700}.title{letter-spacing:-.02em;background:var(--accent-gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.75rem;font-weight:800}.subtitle{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.section{border-top:1px solid #ffffff0d;flex-direction:column;gap:.75rem;padding-top:1.25rem;display:flex}.sectionTitle{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.dropzone{border:1px dashed var(--panel-border);text-align:center;cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.dropzone:hover{border-color:var(--accent-gold);box-shadow:0 0 15px var(--accent-gold-glow);background:#d4af3708}.dropzoneActive{border-color:var(--accent-gold);background:#d4af370d}.dropzoneText{color:var(--text-secondary);font-size:.8rem}.dropzoneSubtext{color:var(--text-muted);font-size:.7rem}.fileInput{display:none}.previewContainer{border:1px solid var(--panel-border);background:#ffffff08;border-radius:8px;align-items:center;gap:1rem;padding:.75rem;display:flex}.previewThumb{object-fit:cover;border:1px solid #ffffff1a;border-radius:6px;width:48px;height:48px}.previewInfo{flex:1;min-width:0}.previewName{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.previewSize{color:var(--text-secondary);font-size:.7rem}.removeBtn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.removeBtn:hover{color:var(--accent-red);background:#ff00401a}.buttonGroup{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.buttonGroup3{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.optionButton{border:1px solid var(--panel-border);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);text-align:center;background:#ffffff08;border-radius:8px;padding:.6rem .8rem;font-size:.75rem;font-weight:500}.optionButton:hover{color:var(--text-primary);background:#ffffff0d;border-color:#fff3}.optionButtonActive{background:var(--accent-gold-glow);border-color:var(--accent-gold);color:var(--accent-gold);font-weight:600}.sliderContainer{flex-direction:column;gap:.4rem;display:flex}.sliderHeader{color:var(--text-secondary);justify-content:space-between;font-size:.75rem;display:flex}.sliderValue{color:var(--accent-gold);font-family:monospace}.slider{-webkit-appearance:none;cursor:pointer;background:#27272a;border-radius:2px;outline:none;width:100%;height:4px}.slider::-webkit-slider-thumb{appearance:none;background:var(--accent-gold);cursor:pointer;width:14px;height:14px;transition:var(--transition-smooth);border-radius:50%;box-shadow:0 0 10px #d4af3780}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.actionBtn{background:var(--accent-gold-gradient);color:#030303;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 4px 15px #d4af3733}.actionBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.actionBtn:active{transform:translateY(0)}.secondaryBtn{border:1px solid var(--panel-border);color:var(--text-primary);box-shadow:none;background:0 0}.secondaryBtn:hover{box-shadow:none;background:#ffffff0d;border-color:#fff3;transform:none}.viewportUI{pointer-events:none;z-index:5;flex-direction:column;gap:.5rem;display:flex;position:absolute;top:1.5rem;left:1.5rem}.viewportBadge{-webkit-backdrop-filter:var(--glass-blur);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);background:#0009;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:.5rem;width:fit-content;padding:.5rem .75rem;font-size:.7rem;font-weight:600;display:flex}.liveIndicator{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;box-shadow:0 0 8px #10b981}.viewportControls{z-index:5;gap:.5rem;display:flex;position:absolute;bottom:1.5rem;left:1.5rem}.roundBtn{-webkit-backdrop-filter:var(--glass-blur);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#0009;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex}.roundBtn:hover{border-color:var(--accent-gold);color:var(--text-primary);background:#000c;transform:scale(1.05)}.roundBtnActive{background:var(--accent-gold-glow);border-color:var(--accent-gold);color:var(--accent-gold)}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.colorPicker{align-items:center;gap:.75rem;display:flex}.colorSwatch{cursor:pointer;width:24px;height:24px;transition:var(--transition-smooth);border:2px solid #0000;border-radius:50%}.colorSwatch:hover{transform:scale(1.15)}.colorSwatchActive{border-color:var(--accent-gold);box-shadow:0 0 8px var(--accent-gold-glow);transform:scale(1.1)}.loadingOverlay{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030303d9;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.spinner{border:3px solid #d4af371a;border-top-color:var(--accent-gold);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}