*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11";scroll-behavior:smooth;height:100%}body{min-height:100vh;min-height:100dvh;line-height:1.5;overflow-x:hidden;font-family:var(--font-body, system-ui, -apple-system, sans-serif);background-color:var(--bg-primary, #090a0f);color:var(--text-primary, #f8fafc);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);transition:background-color .4s ease,color .4s ease}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:transparent}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent-color, #6366f1);outline-offset:3px}:root{--bg-primary: #07090e;--bg-secondary: #0d121d;--bg-surface: rgba(255, 255, 255, .04);--bg-surface-hover: rgba(255, 255, 255, .08);--bg-surface-active: rgba(255, 255, 255, .12);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-color: #6366f1;--accent-hover: #4f46e5;--accent-light: #818cf8;--accent-glow: rgba(99, 102, 241, .35);--card-bg: rgba(15, 23, 42, .65);--card-border: rgba(255, 255, 255, .1);--card-shadow: 0 20px 40px -15px rgba(0, 0, 0, .6);--card-glow: 0 0 50px -10px rgba(99, 102, 241, .2);--font-body: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-heading: "Space Grotesk", system-ui, sans-serif;--font-digits: "Space Grotesk", system-ui, sans-serif;--sidebar-width: 440px;--header-height: 72px;--border-radius-sm: 8px;--border-radius-md: 14px;--border-radius-lg: 24px;--border-radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}body.theme-cyber-monolith{--bg-primary: #05080c;--bg-secondary: #0a1018;--bg-surface: rgba(0, 255, 204, .04);--bg-surface-hover: rgba(0, 255, 204, .08);--text-primary: #e0f7f3;--text-secondary: #7fa89f;--text-muted: #49635d;--accent-color: #00ffcc;--accent-hover: #00d9ad;--accent-light: #66ffe0;--accent-glow: rgba(0, 255, 204, .4);--card-bg: rgba(10, 16, 24, .85);--card-border: rgba(0, 255, 204, .22);--card-shadow: 0 15px 35px -10px rgba(0, 0, 0, .8);--card-glow: 0 0 40px -10px rgba(0, 255, 204, .25)}body.theme-champagne-ivory{--bg-primary: #12100e;--bg-secondary: #1e1914;--bg-surface: rgba(212, 175, 55, .05);--bg-surface-hover: rgba(212, 175, 55, .1);--text-primary: #fcf8ee;--text-secondary: #cfc1aa;--text-muted: #8c7f6b;--accent-color: #d4af37;--accent-hover: #b8972e;--accent-light: #e5c968;--accent-glow: rgba(212, 175, 55, .35);--card-bg: rgba(28, 24, 20, .75);--card-border: rgba(212, 175, 55, .25);--card-shadow: 0 20px 45px -10px rgba(0, 0, 0, .7);--card-glow: 0 0 45px -10px rgba(212, 175, 55, .25)}body.theme-sunset-terracotta{--bg-primary: #130c0e;--bg-secondary: #221217;--bg-surface: rgba(251, 113, 133, .05);--bg-surface-hover: rgba(251, 113, 133, .1);--text-primary: #fff1f2;--text-secondary: #fda4af;--text-muted: #9f656e;--accent-color: #fb7185;--accent-hover: #f43f5e;--accent-light: #fecdd3;--accent-glow: rgba(251, 113, 133, .4);--card-bg: rgba(30, 16, 21, .75);--card-border: rgba(251, 113, 133, .2);--card-shadow: 0 20px 40px -10px rgba(0, 0, 0, .7);--card-glow: 0 0 50px -10px rgba(251, 113, 133, .25)}body.theme-deep-ocean-neon{--bg-primary: #030a16;--bg-secondary: #07152b;--bg-surface: rgba(6, 182, 212, .05);--bg-surface-hover: rgba(6, 182, 212, .1);--text-primary: #ecfeff;--text-secondary: #7dd3fc;--text-muted: #38809e;--accent-color: #06b6d4;--accent-hover: #0891b2;--accent-light: #67e8f9;--accent-glow: rgba(6, 182, 212, .35);--card-bg: rgba(7, 21, 43, .75);--card-border: rgba(6, 182, 212, .22);--card-shadow: 0 20px 45px -10px rgba(0, 0, 0, .8);--card-glow: 0 0 50px -10px rgba(6, 182, 212, .25)}body.theme-oled-minimal{--bg-primary: #000000;--bg-secondary: #090909;--bg-surface: rgba(255, 255, 255, .04);--bg-surface-hover: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #52525b;--accent-color: #ffffff;--accent-hover: #e4e4e7;--accent-light: #ffffff;--accent-glow: rgba(255, 255, 255, .25);--card-bg: #0c0c0e;--card-border: #27272a;--card-shadow: 0 20px 40px -10px rgba(0, 0, 0, .9);--card-glow: 0 0 0 transparent}body.font-space-grotesk{--font-body: "Space Grotesk", system-ui, sans-serif;--font-heading: "Space Grotesk", system-ui, sans-serif;--font-digits: "Space Grotesk", system-ui, sans-serif}body.font-playfair-display{--font-body: "Outfit", system-ui, sans-serif;--font-heading: "Playfair Display", Georgia, serif;--font-digits: "Playfair Display", Georgia, serif}body.font-jetbrains-mono{--font-body: "JetBrains Mono", monospace;--font-heading: "JetBrains Mono", monospace;--font-digits: "JetBrains Mono", monospace}body.font-syne{--font-body: "Outfit", system-ui, sans-serif;--font-heading: "Syne", system-ui, sans-serif;--font-digits: "Syne", system-ui, sans-serif}body.font-outfit{--font-body: "Outfit", system-ui, sans-serif;--font-heading: "Outfit", system-ui, sans-serif;--font-digits: "Outfit", system-ui, sans-serif}body.font-cinzel{--font-body: "Outfit", system-ui, sans-serif;--font-heading: "Cinzel", serif;--font-digits: "Cinzel", serif}.app-root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;z-index:2}.ambient-glow{position:fixed;top:-20vh;left:10vw;width:80vw;height:80vh;border-radius:50%;background:radial-gradient(circle at center,var(--accent-glow, rgba(99, 102, 241, .25)) 0%,transparent 70%);filter:blur(100px);pointer-events:none;z-index:1;opacity:.7;transition:background .6s ease,transform .6s ease;animation:ambientFloat 14s infinite alternate ease-in-out}@keyframes ambientFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(5vw,10vh) scale(1.1)}to{transform:translate(-5vw,5vh) scale(.95)}}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.app-header{height:var(--header-height);padding:0 1.75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--card-border);background-color:#07090e66;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.header-left,.header-right{display:flex;align-items:center;gap:.75rem}.brand-logo{display:flex;align-items:center;gap:.6rem;font-family:var(--font-heading);font-weight:700;font-size:1.15rem;letter-spacing:.08em;color:var(--text-primary);transition:opacity var(--transition-fast)}.brand-logo:hover{opacity:.85}.brand-icon{font-size:1.3rem}.active-mode-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;background:var(--bg-surface);border:1px solid var(--card-border);border-radius:var(--border-radius-full);font-size:.7rem;font-weight:600;letter-spacing:.06em;color:var(--accent-color)}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-color);box-shadow:0 0 8px var(--accent-color);animation:pulseDot 2s infinite ease-in-out}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.counter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;font-weight:700;background:var(--accent-color);color:#000;border-radius:9px;margin-left:.35rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:var(--border-radius-sm);font-weight:600;font-size:.88rem;letter-spacing:.01em;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;min-height:42px}.btn-primary{background-color:var(--accent-color);color:#05070a;box-shadow:0 4px 15px -3px var(--accent-glow)}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px -2px var(--accent-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-surface);border:1px solid var(--card-border);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-surface-hover);border-color:#fff3}.btn-ghost{background:transparent;color:var(--text-secondary);padding:.5rem .8rem}.btn-ghost:hover{color:var(--text-primary);background-color:var(--bg-surface)}.btn-outline{background:transparent;border:1px solid var(--card-border);color:var(--text-primary)}.btn-outline:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--bg-surface)}.btn-hero{background:var(--accent-color);color:#05070a;font-size:1rem;font-weight:700;padding:.9rem 1.5rem;border-radius:var(--border-radius-md);box-shadow:0 8px 25px -5px var(--accent-glow)}.btn-hero:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 12px 30px -4px var(--accent-glow)}.btn-block{width:100%}.btn-sm{padding:.4rem .75rem;font-size:.8rem;min-height:32px}.app-main{flex:1;display:flex;min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height));position:relative}.studio-sidebar{width:var(--sidebar-width);min-width:360px;max-width:480px;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));overflow-y:auto;padding:1.75rem;border-right:1px solid var(--card-border);background-color:#07090ea6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:1.75rem;z-index:10}.sidebar-header{display:flex;flex-direction:column;gap:.35rem}.sidebar-title-row{display:flex;align-items:center;justify-content:space-between}.sidebar-header h2{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.badge-pill{font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:.2rem .55rem;background:var(--accent-color);color:#000;border-radius:var(--border-radius-full)}.sidebar-subtitle{font-size:.82rem;color:var(--text-secondary)}.customizer-form{display:flex;flex-direction:column;gap:1.75rem}.form-section{display:flex;flex-direction:column;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--bg-surface-active)}.section-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.95rem;font-weight:700;letter-spacing:.02em;color:var(--text-primary);text-transform:uppercase}.section-icon{font-size:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-row{display:flex;gap:.75rem}.form-row>*{flex:1}.flex-2{flex:2}label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.form-label-sub{font-size:.78rem;font-weight:600;color:var(--text-secondary);margin-top:.25rem}.required{color:var(--accent-color)}.form-input,.form-textarea,.form-select{width:100%;padding:.7rem .9rem;background-color:var(--bg-surface);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.9rem;transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent-color);background-color:var(--bg-surface-hover);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical}.theme-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.theme-card{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;background:var(--bg-surface);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);text-align:left;transition:all var(--transition-fast)}.theme-card:hover{background:var(--bg-surface-hover);border-color:#fff3}.theme-card.active{border-color:var(--accent-color);background:var(--bg-surface-active);box-shadow:0 0 12px var(--accent-glow)}.theme-swatch{width:20px;height:20px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.theme-swatch.obsidian-aurora{background:linear-gradient(135deg,#07090e,#6366f1)}.theme-swatch.cyber-monolith{background:linear-gradient(135deg,#05080c,#0fc)}.theme-swatch.champagne-ivory{background:linear-gradient(135deg,#12100e,#d4af37)}.theme-swatch.sunset-terracotta{background:linear-gradient(135deg,#130c0e,#fb7185)}.theme-swatch.deep-ocean-neon{background:linear-gradient(135deg,#030a16,#06b6d4)}.theme-swatch.oled-minimal{background:linear-gradient(135deg,#000,#fff)}.theme-swatch.custom-swatch{background:conic-gradient(red,#ff0,green,#0ff,#00f,#f0f,red)}.theme-name{font-size:.75rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-colors-panel{padding:.75rem;background:var(--bg-surface);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);margin-top:.5rem}.color-picker-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.color-picker-item{display:flex;flex-direction:column;align-items:center;gap:.35rem}.color-picker-item label{font-size:.7rem}.color-input{width:36px;height:36px;padding:0;border:1px solid var(--card-border);border-radius:50%;cursor:pointer;background:transparent}.checkbox-pills{display:flex;flex-wrap:wrap;gap:.4rem}.checkbox-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;background:var(--bg-surface);border:1px solid var(--card-border);border-radius:var(--border-radius-full);font-size:.78rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.checkbox-pill input{display:none}.checkbox-pill:has(input:checked){background:var(--bg-surface-active);border-color:var(--accent-color);color:var(--accent-color)}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.toggle-switch{display:flex;align-items:center;gap:.75rem;cursor:pointer}.toggle-switch input{display:none}.toggle-slider{width:40px;height:22px;background-color:var(--bg-surface-active);border-radius:11px;position:relative;transition:background-color var(--transition-fast);flex-shrink:0}.toggle-slider:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform var(--transition-fast)}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px);background-color:#000}.toggle-label{font-size:.8rem;color:var(--text-secondary)}.sidebar-actions{display:flex;flex-direction:column;gap:.6rem;padding-top:1rem}.display-canvas{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 2rem;position:relative;overflow:hidden}html.route-view-mode .studio-sidebar,body.view-mode .studio-sidebar{display:none!important}html.route-view-mode .app-header,body.view-mode .app-header{background-color:transparent;border-bottom-color:transparent}.modal-backdrop,.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:50;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{width:100%;max-width:580px;background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);box-shadow:0 25px 60px -15px #000c;overflow:hidden;animation:modalScaleUp .25s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header,.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.75rem;border-bottom:1px solid var(--card-border)}.modal-title-wrap h3,.drawer-title-wrap h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.modal-subtitle,.drawer-subtitle{font-size:.82rem;color:var(--text-secondary)}.btn-close{font-size:1.5rem;line-height:1;color:var(--text-muted);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-close:hover{color:var(--text-primary);background:var(--bg-surface)}.modal-body{padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:1.5rem;max-height:75vh;overflow-y:auto}.modal-section{display:flex;flex-direction:column;gap:.5rem}.modal-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.copy-input-row{display:flex;gap:.5rem}.copy-input{flex:1;padding:.65rem .9rem;background:var(--bg-surface);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.85rem}.font-mono{font-family:JetBrains Mono,monospace;font-size:.8rem}.qr-section{display:flex;flex-direction:row;align-items:center;gap:1.5rem;padding:1.2rem;background:var(--bg-surface);border:1px solid var(--card-border);border-radius:var(--border-radius-md)}.qr-code-box{width:130px;height:130px;background:#fff;padding:8px;border-radius:var(--border-radius-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center}.qr-actions{display:flex;flex-direction:column;gap:.75rem}.qr-note{font-size:.82rem;color:var(--text-secondary);line-height:1.4}.social-btn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.btn-social{padding:.6rem .5rem;background:var(--bg-surface);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);font-size:.78rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.35rem}.btn-social:hover{border-color:var(--accent-color);background:var(--bg-surface-hover);color:var(--accent-color)}.graphic-export-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.admin-section{padding:1rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:var(--border-radius-md)}.admin-alert{display:flex;gap:.75rem;margin-bottom:.75rem}.admin-icon{font-size:1.3rem}.admin-text strong{display:block;font-size:.85rem;color:#fbbf24}.admin-text p{font-size:.78rem;color:var(--text-secondary)}.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:440px;background:var(--bg-secondary);border-left:1px solid var(--card-border);box-shadow:-15px 0 40px #0009;display:flex;flex-direction:column;animation:drawerSlideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-body{flex:1;padding:1.5rem;overflow-y:auto}.drawer-list{display:flex;flex-direction:column;gap:.85rem}.saved-item-card{padding:1rem;background:var(--bg-surface);border:1px solid var(--card-border);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:.6rem;transition:all var(--transition-fast)}.saved-item-card:hover{background:var(--bg-surface-hover);border-color:#fff3}.saved-item-top{display:flex;align-items:center;justify-content:space-between}.saved-item-badge{font-size:.7rem;font-weight:700;color:var(--accent-color)}.saved-item-title{font-size:.95rem;font-weight:700;color:var(--text-primary)}.saved-item-date{font-size:.78rem;color:var(--text-secondary)}.saved-item-actions{display:flex;align-items:center;gap:.4rem;margin-top:.4rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;gap:.75rem}.empty-icon{font-size:2.5rem}.empty-state h4{font-size:1.1rem;font-weight:700}.empty-state p{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.6rem;z-index:100;pointer-events:none}.toast{padding:.8rem 1.2rem;background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:0 15px 35px #0009;font-size:.85rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.6rem;pointer-events:auto;animation:toastIn .3s cubic-bezier(.16,1,.3,1),toastOut .3s cubic-bezier(.16,1,.3,1) 3.7s forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.95)}}.input-error{border-color:#fb7185!important;box-shadow:0 0 0 3px #fb718540!important;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media(max-width:1024px){.app-main{flex-direction:column-reverse}.studio-sidebar{width:100%;max-width:100%;min-width:100%;height:auto;border-right:none;border-top:1px solid var(--card-border)}.display-canvas{min-height:55vh;padding:2rem 1rem}}@media(max-width:640px){.app-header{padding:0 .75rem;height:54px;gap:.4rem}.header-left{gap:.35rem;min-width:0}.brand-logo{font-size:.95rem;gap:.35rem}.active-mode-badge{display:none!important}.header-right{gap:.3rem;flex-shrink:0}.header-right .btn{padding:.4rem .5rem;font-size:.8rem}.header-right .btn-text,#btnFullscreen{display:none!important}#btnNewCountdown{padding:.4rem .6rem}.studio-sidebar{padding:1.25rem 1rem}.form-row{flex-direction:column}.social-btn-grid{grid-template-columns:repeat(2,1fr)}.qr-section{flex-direction:column;text-align:center}}.countdown-hero-wrap{width:100%;max-width:1100px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(1.5rem,3.5vw,3rem);position:relative;z-index:5;transition:all var(--transition-normal)}.event-header{display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,1.5vw,1rem);max-width:800px}.event-badge-container{display:flex;justify-content:center}.event-badge{display:inline-flex;align-items:center;padding:.35rem .85rem;background:var(--bg-surface);border:1px solid var(--card-border);border-radius:var(--border-radius-full);font-family:var(--font-heading);font-size:clamp(.72rem,1.1vw,.85rem);font-weight:700;letter-spacing:.08em;color:var(--accent-color);box-shadow:0 0 20px var(--accent-glow);text-transform:uppercase}.event-title{font-family:var(--font-heading);font-size:clamp(2rem,5.5vw,4.2rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);word-break:break-word;text-wrap:balance;text-shadow:0 4px 30px rgba(0,0,0,.5)}.event-description{font-size:clamp(.9rem,1.6vw,1.15rem);color:var(--text-secondary);max-width:650px;line-height:1.6}.digits-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(.5rem,2vw,1.5rem);width:100%}.digit-card-group{display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,1vw,.85rem)}.digit-card{position:relative;width:clamp(75px,16vw,160px);height:clamp(90px,18vw,180px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:clamp(12px,2vw,22px);box-shadow:var(--card-shadow),var(--card-glow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform var(--transition-fast),border-color var(--transition-fast)}.digit-card-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;z-index:2}.digit-card:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--card-border);opacity:.4;z-index:3}.digit-num{font-family:var(--font-digits);font-size:clamp(2.4rem,8vw,5.5rem);font-weight:800;line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;transition:transform .15s ease-out}.accent-digit{color:var(--accent-color);text-shadow:0 0 30px var(--accent-glow)}.digit-label{font-family:var(--font-heading);font-size:clamp(.65rem,1.2vw,.85rem);font-weight:700;letter-spacing:.12em;color:var(--text-secondary)}.digit-divider{font-family:var(--font-digits);font-size:clamp(1.8rem,5vw,4rem);font-weight:700;color:var(--card-border);align-self:center;margin-bottom:clamp(1rem,2vw,2rem);-webkit-user-select:none;user-select:none}.millis-group .digit-card{width:clamp(55px,10vw,100px);height:clamp(65px,11vw,110px)}.millis-group .digit-num{font-size:clamp(1.4rem,3.5vw,2.5rem)}.digit-card.tick-pulse{animation:cardPulse .3s cubic-bezier(.16,1,.3,1)}@keyframes cardPulse{0%{transform:scale(1)}50%{transform:scale(1.04);border-color:var(--accent-color)}to{transform:scale(1)}}body.layout-split-flips .digit-card{perspective:400px}body.layout-split-flips .digit-card.tick-pulse .digit-num{animation:flipDigit .35s cubic-bezier(.16,1,.3,1)}@keyframes flipDigit{0%{transform:rotateX(0)}50%{transform:rotateX(-35deg);opacity:.7}to{transform:rotateX(0);opacity:1}}body.layout-minimal-inline .digit-card{background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;width:auto;height:auto;padding:0 .5rem}body.layout-minimal-inline .digit-card:after{display:none}body.layout-minimal-inline .digit-num{font-size:clamp(2.8rem,10vw,7rem)}body.layout-minimal-inline .digit-divider{margin-bottom:1.5rem}.progress-ring-wrap{position:relative;width:clamp(140px,25vw,220px);height:clamp(140px,25vw,220px);margin-top:1rem}.progress-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--bg-surface-active);stroke-width:10}.ring-fg{fill:none;stroke:var(--accent-color);stroke-width:10;stroke-linecap:round;stroke-dasharray:552.92;stroke-dashoffset:0;transition:stroke-dashoffset .6s ease;filter:drop-shadow(0 0 8px var(--accent-glow))}.ring-label-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-percent{font-family:var(--font-digits);font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;color:var(--text-primary)}.ring-sub{font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--text-secondary)}.target-meta-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1.25rem;background:var(--bg-surface);border:1px solid var(--card-border);border-radius:var(--border-radius-full);font-size:clamp(.75rem,1.2vw,.88rem);color:var(--text-secondary);box-shadow:0 4px 20px #0000004d}.meta-icon{font-size:1rem}.meta-separator{color:var(--card-border)}.viewer-tz-note{color:var(--text-muted)}.celebration-box{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:clamp(1.75rem,3.5vw,3rem);background:var(--card-bg);border:1px solid var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:0 0 60px var(--accent-glow),0 20px 40px #0009;animation:celebrationPop .5s cubic-bezier(.16,1,.3,1);max-width:720px;width:100%;position:relative;z-index:10}@keyframes celebrationPop{0%{transform:scale(.88) translateY(15px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.celebration-sparkle{font-size:2.4rem;animation:sparkleRotate 3s infinite linear}@keyframes sparkleRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(10deg) scale(1.15)}to{transform:rotate(0) scale(1)}}.celebration-title{font-family:var(--font-heading);font-size:clamp(1.8rem,4.5vw,3rem);font-weight:800;color:var(--text-primary);line-height:1.15;text-shadow:0 0 30px var(--accent-glow)}.celebration-message{font-size:clamp(1rem,1.9vw,1.25rem);color:var(--text-secondary);line-height:1.5;max-width:600px}body.zero-state-active .countdown-hero-wrap{gap:clamp(1.2rem,2.5vw,2rem)}body.zero-state-active .digits-container{transform:scale(.76);transform-origin:center center;opacity:.75;margin:-1rem 0;transition:all var(--transition-normal)}body.zero-state-active .progress-ring-wrap{transform:scale(.8);margin-top:0}body.zero-state-active.zero-hide-digits .digits-container,body.zero-state-active.zero-hide-digits .progress-ring-wrap,body.zero-state-active.zero-hide-digits .target-meta-badge{display:none!important}body.zero-state-active.zero-hide-digits .celebration-box{margin-top:1rem}.btn-celebration{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.6rem;background:var(--accent-color);color:#000;font-weight:700;border-radius:var(--border-radius-md);font-size:1rem;box-shadow:0 0 25px var(--accent-glow);transition:all var(--transition-fast);margin-top:.5rem}.btn-celebration:hover{transform:translateY(-2px);background:var(--accent-hover)}.viewer-floating-bar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;background:#0d121dd9;border:1px solid var(--card-border);border-radius:var(--border-radius-full);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 40px -10px #000000b3;z-index:30;animation:floatBarIn .4s cubic-bezier(.16,1,.3,1)}@keyframes floatBarIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.btn-floating{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.82rem;font-weight:600;border-radius:var(--border-radius-full);color:var(--text-primary);background:transparent;transition:all var(--transition-fast);white-space:nowrap}.btn-floating:hover{background:var(--bg-surface-active);color:var(--accent-color)}.btn-edit-trigger{background:var(--accent-color);color:#000!important;font-weight:700}.btn-edit-trigger:hover{background:var(--accent-hover);color:#000!important}body.fullscreen-active{cursor:none}body.fullscreen-active:hover{cursor:default}body.fullscreen-active .app-header,body.fullscreen-active .studio-sidebar{display:none}body.fullscreen-active .display-canvas{height:100vh;height:100dvh;padding:1rem}body.fullscreen-active .countdown-hero-wrap{max-width:1400px}body.fullscreen-active .event-title{font-size:clamp(3rem,7vw,6rem)}body.fullscreen-active .digit-card{width:clamp(100px,20vw,240px);height:clamp(120px,22vw,260px)}body.fullscreen-active .digit-num{font-size:clamp(3.5rem,11vw,8.5rem)}@media(max-width:640px){.viewer-floating-bar{bottom:1.25rem;padding:.35rem .45rem;gap:.25rem;max-width:calc(100vw - 1.25rem);width:auto;justify-content:center}.viewer-floating-bar .btn-floating{padding:.45rem .65rem;font-size:.78rem;gap:.25rem}}@media(max-width:480px){.display-canvas{padding:1.5rem .5rem 6.5rem}.countdown-hero-wrap{gap:1.25rem;width:100%;max-width:100%}.event-title{font-size:clamp(1.6rem,7vw,2.2rem);padding:0 .5rem}.event-description{font-size:.88rem;padding:0 .5rem}.digits-container{gap:.25rem}.digit-card{width:clamp(62px,19vw,76px);height:clamp(74px,23vw,88px);border-radius:12px}.digit-num{font-size:clamp(1.75rem,7vw,2.3rem)}.digit-divider{font-size:clamp(1.2rem,3.5vw,1.6rem);margin-bottom:.75rem}.digit-label{font-size:.58rem;letter-spacing:.05em}.target-meta-badge{flex-direction:column;gap:.2rem;padding:.45rem .75rem;font-size:.72rem;text-align:center}.target-meta-badge .meta-separator{display:none}.viewer-floating-bar{bottom:.85rem;padding:.3rem .4rem;gap:.2rem;max-width:calc(100vw - 1rem)}.viewer-floating-bar .btn-floating{padding:.4rem .55rem;font-size:.74rem}#btnShareModalTrigger span:not(.icon){display:none}#btnDownloadCardTrigger span:not(.icon){display:none}#btnCreateOwn span:not(.icon){display:none}}