:root{--bg-primary:#090d16;--bg-secondary:#0f172a;--bg-tertiary:#1e293b;--bg-card:#1e293bbf;--bg-card-hover:#334155d9;--bg-glass:#0f172acc;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-subtle:#ffffff14;--border-medium:#ffffff29;--border-focus:#00dfd8;--grad-adeptwiz:linear-gradient(135deg, #7928ca 0%, #ff0080 50%, #00dfd8 100%);--grad-neon-pink:linear-gradient(135deg, #ff0080 0%, #7928ca 100%);--grad-cyan-blue:linear-gradient(135deg, #00dfd8 0%, #0284c7 100%);--grad-amber-orange:linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--grad-emerald:linear-gradient(135deg, #10b981 0%, #059669 100%);--grad-card:linear-gradient(145deg, #ffffff0f 0%, #ffffff03 100%);--accent-purple:#7928ca;--accent-pink:#ff0080;--accent-cyan:#00dfd8;--accent-indigo:#6366f1;--accent-amber:#f59e0b;--accent-emerald:#10b981;--canvas-viewport-bg:#070a11;--canvas-grid-dot:#ffffff12;--selection-color:#00dfd8;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 10px 25px -5px #0006, 0 8px 10px -6px #0000004d;--shadow-lg:0 20px 40px -10px #0009;--shadow-glow:0 0 35px -5px #7928ca66;--shadow-cyan-glow:0 0 25px #00dfd859;--font-main:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-code:"Fira Code", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--transition:all .25s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-card:#ffffffe6;--bg-card-hover:#fff;--bg-glass:#ffffffd9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-subtle:#00000012;--border-medium:#00000024;--border-focus:#7928ca;--canvas-viewport-bg:#e2e8f0;--canvas-grid-dot:#00000014;--selection-color:#7928ca;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 10px 25px -5px #00000014;--shadow-lg:0 20px 40px -10px #0000001f;--shadow-glow:0 0 30px #7928ca26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;outline:none}a{color:inherit;text-decoration:none}.navbar{z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);height:68px;transition:var(--transition);justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:24px;display:flex}.brand-logo{font-family:var(--font-main);letter-spacing:-.5px;cursor:pointer;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.logo-badge{border-radius:var(--radius-sm);background:var(--grad-adeptwiz);color:#fff;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 0 16px #7928ca80}.brand-name{background:linear-gradient(135deg,#fff 30%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=light] .brand-name{background:linear-gradient(135deg,#0f172a 30%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.brand-tag{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px;background:#00dfd826;border:1px solid #00dfd84d;border-radius:9999px;padding:2px 7px;font-size:10px;font-weight:700}.workspace-selector{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition);align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:flex;position:relative}.workspace-selector:hover{background:var(--bg-card-hover);border-color:var(--border-medium)}.nav-links{align-items:center;gap:6px;display:flex}.nav-link-btn{border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:flex}.nav-link-btn:hover,.nav-link-btn.active{color:var(--text-primary);background:#ffffff0f}[data-theme=light] .nav-link-btn:hover,[data-theme=light] .nav-link-btn.active{background:#0000000d}.nav-right{align-items:center;gap:16px;display:flex}.search-bar-wrapper{width:280px;position:relative}.search-input{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:100%;color:var(--text-primary);transition:var(--transition);padding:8px 14px 8px 38px;font-size:13px}.search-input:focus{border-color:var(--accent-cyan);outline:none;box-shadow:0 0 14px #00dfd840}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.btn-create-primary{border-radius:var(--radius-md);color:#fff;background:var(--grad-adeptwiz);transition:var(--transition);background-size:200% 200%;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:700;animation:6s infinite gradientFlow;display:flex;box-shadow:0 4px 18px #7928ca66}.btn-create-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff008080}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-icon-subtle{border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-secondary);border:1px solid var(--border-subtle);background:var(--bg-tertiary);transition:var(--transition);justify-content:center;align-items:center;display:flex}.btn-icon-subtle:hover{color:var(--text-primary);border-color:var(--border-medium);transform:scale(1.05)}.user-profile-badge{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);align-items:center;gap:10px;padding:4px 10px 4px 4px;display:flex}.user-profile-badge:hover{border-color:var(--border-medium)}.avatar-img{object-fit:cover;border:2px solid var(--accent-cyan);border-radius:50%;width:32px;height:32px}.user-meta-name{font-size:13px;font-weight:600}.dashboard-container{max-width:1540px;margin:0 auto;padding:32px 36px 80px}.hero-banner{border-radius:var(--radius-xl);background:linear-gradient(135deg, #7928ca38 0%, #ff00802e 50%, #00dfd81f 100%), var(--bg-secondary);border:1px solid var(--border-medium);box-shadow:var(--shadow-glow);margin-bottom:40px;padding:48px 48px 40px;position:relative;overflow:hidden}.hero-banner:before{content:"";filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#00dfd840 0%,#0000 70%);border-radius:50%;width:450px;height:450px;position:absolute;top:-150px;right:-100px}.hero-title-wrap{text-align:center;margin-bottom:36px}.hero-title{font-family:var(--font-main);letter-spacing:-1px;color:var(--text-primary);margin-bottom:10px;font-size:42px;font-weight:800}.hero-title-highlight{background:var(--grad-adeptwiz);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:650px;margin:0 auto;font-size:18px}.category-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;margin-top:24px;display:grid}.category-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);transition:var(--transition);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:18px 12px;display:flex;position:relative;overflow:hidden}.category-card:hover{border-color:var(--accent-cyan);background:var(--bg-card-hover);transform:translateY(-6px);box-shadow:0 12px 24px #0000004d,0 0 20px #00dfd840}.category-icon-box{border-radius:var(--radius-md);color:#fff;width:52px;height:52px;transition:var(--transition);justify-content:center;align-items:center;margin-bottom:12px;display:flex;box-shadow:0 6px 14px #0000004d}.category-card:hover .category-icon-box{transform:scale(1.12)}.category-name{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:700}.category-size{color:var(--text-muted);font-size:11px}.quick-action-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:28px;display:flex}.pill-action-btn{border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-primary);transition:var(--transition);align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.pill-action-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-cyan);transform:translateY(-2px)}.dashboard-section-header{justify-content:space-between;align-items:center;margin:40px 0 20px;display:flex}.section-title-wrap{align-items:center;gap:12px;display:flex}.section-title{font-family:var(--font-main);color:var(--text-primary);font-size:22px;font-weight:800}.filter-pills-row{align-items:center;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.filter-pill{border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:var(--transition);white-space:nowrap;padding:6px 16px;font-size:13px;font-weight:600}.filter-pill:hover,.filter-pill.active{background:var(--accent-indigo);color:#fff;border-color:#0000}.designs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.design-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:var(--transition);flex-direction:column;display:flex;position:relative;overflow:hidden}.design-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.design-preview-box{background:#020617;justify-content:center;align-items:center;width:100%;height:190px;display:flex;position:relative;overflow:hidden}.design-mini-canvas{transform-origin:50%;border-radius:4px;box-shadow:0 8px 20px #0006}.design-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:var(--transition);background:#0f172ab3;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.design-card:hover .design-overlay{opacity:1}.design-info{justify-content:space-between;align-items:center;padding:16px;display:flex}.design-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:190px;margin-bottom:4px;font-size:15px;font-weight:700;overflow:hidden}.design-meta{color:var(--text-muted);font-size:12px}.btn-card-action{border-radius:var(--radius-md);color:#fff;background:var(--grad-adeptwiz);transition:var(--transition);padding:8px 16px;font-size:13px;font-weight:700}.btn-card-action:hover{transform:scale(1.05)}.studio-container{background:var(--bg-primary);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.studio-topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:50;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.studio-top-left{align-items:center;gap:16px;display:flex}.studio-title-input{border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition);background:0 0;border:1px solid #0000;max-width:260px;padding:4px 10px;font-size:15px;font-weight:700}.studio-title-input:hover{border-color:var(--border-medium);background:var(--bg-tertiary)}.studio-title-input:focus{border-color:var(--accent-cyan);background:var(--bg-tertiary);outline:none}.studio-history-btns{align-items:center;gap:4px;display:flex}.studio-top-center{align-items:center;gap:12px;display:flex}.dimension-badge{color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:4px 10px;font-size:12px;font-weight:600}.studio-top-right{align-items:center;gap:10px;display:flex}.btn-studio-share{border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-medium);color:var(--text-primary);transition:var(--transition);align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.btn-studio-share:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan)}.btn-studio-print{border-radius:var(--radius-md);color:#fff;transition:var(--transition);background:linear-gradient(135deg,#10b981,#059669);align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 10px #10b9814d}.btn-studio-print:hover{transform:translateY(-1px);box-shadow:0 4px 16px #10b98173}.btn-studio-export{border-radius:var(--radius-md);background:var(--grad-adeptwiz);color:#fff;transition:var(--transition);align-items:center;gap:6px;padding:6px 18px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 12px #7928ca66}.btn-studio-export:hover{transform:translateY(-1px);box-shadow:0 4px 18px #ff008080}.studio-body{flex:1;display:flex;position:relative;overflow:hidden}.studio-nav-rail{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);z-index:40;flex-direction:column;align-items:center;gap:8px;width:72px;padding:12px 0;display:flex}.rail-btn{border-radius:var(--radius-md);width:58px;height:58px;color:var(--text-secondary);transition:var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.rail-btn span{font-size:10px;font-weight:600}.rail-btn:hover{color:var(--text-primary);background:#ffffff0d}.rail-btn.active{color:var(--accent-cyan);background:#00dfd81a;border:1px solid #00dfd840}.studio-side-panel{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);z-index:30;flex-direction:column;width:360px;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.panel-title{color:var(--text-primary);font-size:16px;font-weight:800}.panel-scrollable{flex:1;padding:20px;overflow-y:auto}.sidebar-sub-heading{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin:18px 0 10px;font-size:12px;font-weight:700}.shapes-palette{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.shape-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:70px;color:var(--text-primary);transition:var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.shape-btn:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan);transform:scale(1.03)}.stickers-palette{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.sticker-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:48px;transition:var(--transition);justify-content:center;align-items:center;font-size:24px;display:flex}.sticker-btn:hover{background:var(--bg-card-hover);border-color:var(--accent-pink);transform:scale(1.2)}.studio-canvas-stage{background-color:var(--canvas-viewport-bg);background-image:radial-gradient(var(--canvas-grid-dot) 1.5px, transparent 1.5px);background-size:24px 24px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.canvas-scroller{flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:auto}.canvas-board{box-shadow:0 25px 60px -15px #000c, 0 0 0 1px var(--border-subtle);-webkit-user-select:none;user-select:none;transition:width .2s,height .2s;position:relative}.canvas-element{cursor:move;-webkit-user-select:none;user-select:none;box-sizing:border-box;position:absolute}.canvas-element.selected{outline:2px solid var(--selection-color);outline-offset:2px}.resize-handle{border:2px solid var(--selection-color);z-index:20;background:#fff;border-radius:50%;width:10px;height:10px;position:absolute}.resize-handle.top-left{cursor:nwse-resize;top:-5px;left:-5px}.resize-handle.top-right{cursor:nesw-resize;top:-5px;right:-5px}.resize-handle.bottom-left{cursor:nesw-resize;bottom:-5px;left:-5px}.resize-handle.bottom-right{cursor:nwse-resize;bottom:-5px;right:-5px}.rotation-stem{background:var(--selection-color);pointer-events:none;z-index:21;width:1.5px;height:22px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.rotation-handle{border:2px solid var(--selection-color);cursor:grab;z-index:22;width:24px;height:24px;color:var(--selection-color);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s cubic-bezier(.16,1,.3,1),background .15s;display:flex;position:absolute;top:-34px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000059}.rotation-handle:hover,.rotation-handle.rotating{background:var(--selection-color);color:#fff;cursor:grabbing;transform:translate(-50%)scale(1.18)}.element-border-drag{z-index:24;cursor:grab;transition:background .15s;position:absolute}.element-border-drag:hover{background:#00dfd859;border-radius:2px;box-shadow:0 0 8px #00dfd880}.element-border-drag:active{cursor:grabbing}.element-border-drag.top{height:10px;top:-5px;left:8px;right:8px}.element-border-drag.bottom{height:10px;bottom:-5px;left:8px;right:8px}.element-border-drag.left{width:10px;top:8px;bottom:8px;left:-5px}.element-border-drag.right{width:10px;top:8px;bottom:8px;right:-5px}.element-move-stem{background:var(--selection-color);pointer-events:none;z-index:21;width:1.5px;height:20px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.element-move-handle{border:2px solid var(--accent-cyan);cursor:grab;z-index:22;width:26px;height:26px;color:var(--accent-cyan);background:#090d16;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s cubic-bezier(.16,1,.3,1),background .15s,color .15s;display:flex;position:absolute;bottom:-34px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000073}.element-move-handle:hover,.element-move-handle.dragging{background:var(--accent-cyan);color:#090d16;cursor:grabbing;transform:translate(-50%)scale(1.18)}.rotation-angle-tooltip{border:1px solid var(--accent-cyan);color:var(--accent-cyan);pointer-events:none;white-space:nowrap;z-index:30;letter-spacing:.5px;background:#090d16;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:-62px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00dfd866}.photo-frame-polaroid{box-sizing:border-box;background:#fff;border-radius:6px;flex-direction:column;width:100%;height:100%;padding:14px 14px 44px;display:flex;position:relative;box-shadow:0 15px 35px #00000059}.photo-frame-polaroid .polaroid-img-box{background:#0f172a;border-radius:2px;flex:1;width:100%;overflow:hidden}.photo-frame-polaroid .polaroid-caption{text-align:center;color:#1e293b;white-space:nowrap;text-overflow:ellipsis;outline:none;font-family:Caveat,Dancing Script,cursive;font-size:20px;font-weight:700;position:absolute;bottom:10px;left:14px;right:14px;overflow:hidden}.photo-frame-filmstrip{box-sizing:border-box;background:#090d16;border-radius:8px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #0009}.filmstrip-sprockets{background:#090d16;justify-content:space-around;align-items:center;height:22px;display:flex}.film-hole{background:#f8fafc;border-radius:2px;width:12px;height:10px}.filmstrip-content{border-radius:4px;flex:1;width:calc(100% - 24px);margin:0 auto;overflow:hidden}.photo-frame-gold{box-sizing:border-box;background:linear-gradient(135deg,#f59e0b 0%,#d97706 50%,#fbbf24 100%);border-radius:8px;width:100%;height:100%;padding:10px;box-shadow:0 15px 35px #f59e0b4d,0 0 20px #00000080}.photo-frame-gold .gold-inner{box-sizing:border-box;border:2px solid #fff9;border-radius:4px;width:100%;height:100%;overflow:hidden}.photo-frame-laptop{box-sizing:border-box;background:#1e293b;border:4px solid #475569;border-radius:14px 14px 4px 4px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 20px 40px #000000b3}.photo-frame-laptop .laptop-notch{background:#0f172a;justify-content:center;align-items:center;height:14px;display:flex}.photo-frame-laptop .laptop-camera{background:#38bdf8;border-radius:50%;width:5px;height:5px}.photo-frame-laptop .laptop-screen{flex:1;overflow:hidden}.photo-frame-tablet{box-sizing:border-box;background:#0f172a;border:12px solid #1e293b;border-radius:28px;width:100%;height:100%;overflow:hidden;box-shadow:0 20px 40px #000000b3}.photo-frame-blob{box-sizing:border-box;border:4px solid #00dfd8;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;width:100%;height:100%;overflow:hidden;box-shadow:0 20px 40px #00000080}.photo-frame-frosted{-webkit-backdrop-filter:blur(16px);box-sizing:border-box;background:#ffffff1a;border:2px solid #ffffff40;border-radius:20px;width:100%;height:100%;padding:12px;overflow:hidden;box-shadow:0 20px 40px #00000059}.photo-frame-frosted .frosted-inner{border-radius:12px;width:100%;height:100%;overflow:hidden}.floating-element-toolbar{z-index:60;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute}.tool-sep{background:var(--border-medium);width:1px;height:20px}.tool-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);transition:var(--transition);justify-content:center;align-items:center;display:flex}.tool-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.color-swatch-picker{cursor:pointer;border:2px solid #fff;border-radius:50%;width:24px;height:24px}.rotation-control-group{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);align-items:center;gap:6px;padding:3px 8px;display:flex}.rotation-number-input{background:var(--bg-primary);border:1px solid var(--border-subtle);width:42px;color:var(--accent-cyan);text-align:center;transition:var(--transition);border-radius:4px;outline:none;padding:2px 4px;font-size:11px;font-weight:700}.rotation-number-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 6px #00dfd866}.rotation-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rotation-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rotation-number-input{-moz-appearance:textfield}.rotation-slider{width:70px;height:4px;accent-color:var(--accent-cyan);cursor:pointer;background:#ffffff26;border-radius:2px}.floating-popover{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:290px;max-width:340px;padding:12px;animation:.15s cubic-bezier(.16,1,.3,1) popoverFadeIn;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 45px #000000b3,0 0 15px #00dfd81f}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.popover-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;display:flex}.popover-title{color:var(--text-primary);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.popover-section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin:8px 0 6px;font-size:10px;font-weight:700}.popover-grid-swatches{grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:10px;display:grid}.popover-gradient-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}.popover-stock-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;display:grid}.studio-pages-strip{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);z-index:40;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.pages-list{align-items:center;gap:10px;display:flex}.page-tab-btn{border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.page-tab-btn.active{background:var(--accent-indigo);color:#fff;border-color:#0000}.canvas-zoom-controls{align-items:center;gap:8px;display:flex}.zoom-level-indicator{color:var(--text-muted);text-align:center;min-width:44px;font-size:12px;font-weight:600}.tshirt-mockup-wrapper{flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:relative}.tshirt-container{filter:drop-shadow(0 25px 40px #000000b3);width:650px;height:720px;transition:var(--transition);position:relative}.tshirt-svg{width:100%;height:100%}.tshirt-print-chest-area{border:1px dashed #ffffff40;border-radius:8px;justify-content:center;align-items:center;width:300px;height:380px;display:flex;position:absolute;top:160px;left:175px;overflow:hidden;box-shadow:inset 0 2px 8px #0006}.tshirt-color-picker-row{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;gap:12px;margin-top:20px;padding:10px 18px;display:flex}.color-dot{cursor:pointer;width:28px;height:28px;transition:var(--transition);border:2px solid #0000;border-radius:50%}.color-dot.active{border-color:var(--accent-cyan);transform:scale(1.18);box-shadow:0 0 12px #00dfd880}.phone-mockup-wrapper{justify-content:center;align-items:center;padding:30px;display:flex}.phone-frame{background:#09090b;border-radius:54px;width:360px;height:720px;padding:14px;position:relative;box-shadow:0 35px 70px -15px #000000e6,0 0 0 4px #27272a,0 0 0 6px #52525b}.phone-screen{background:#000;border-radius:40px;width:100%;height:100%;position:relative;overflow:hidden}.dynamic-island{z-index:30;background:#000;border-radius:20px;width:110px;height:28px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-lockscreen-clock{text-align:center;z-index:25;color:#fff;position:absolute;top:60px;left:0;right:0}.lockscreen-time{font-size:64px;font-family:var(--font-main);font-weight:700;line-height:1}.lockscreen-date{letter-spacing:.5px;opacity:.8;font-size:14px;font-weight:500}.code-card-wrapper{border-radius:var(--radius-lg);font-family:var(--font-code);overflow:hidden;box-shadow:0 25px 60px #0009}.code-window-header{background:#0006;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.window-dots{align-items:center;gap:8px;display:flex}.win-dot{border-radius:50%;width:12px;height:12px}.win-dot.red{background:#ff5f56}.win-dot.yellow{background:#ffbd2e}.win-dot.green{background:#27c93f}.code-file-label{color:#94a3b8;font-size:13px}.code-content-box{white-space:pre-wrap;color:#f8fafc;padding:24px;font-size:15px;line-height:1.6}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04070dcc;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-xl);width:100%;max-width:540px;box-shadow:var(--shadow-lg), var(--shadow-glow);animation:.25s cubic-bezier(.16,1,.3,1) modalScaleUp;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-family:var(--font-main);color:var(--text-primary);font-size:18px;font-weight:800}.modal-body{padding:24px}.modal-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.form-group{margin-bottom:18px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-input{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition);padding:10px 14px;font-size:14px}.form-input:focus{border-color:var(--accent-cyan);outline:none;box-shadow:0 0 14px #00dfd833}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.notification-badge{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--accent-cyan);color:var(--accent-cyan);align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}@keyframes textPulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.3) drop-shadow(0 0 12px var(--accent-cyan));transform:scale(1.05)}}@keyframes textShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes textFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes textBounce{0%,to{transform:translateY(0)}35%{transform:translateY(-8px)}60%{transform:translateY(-3px)}}@keyframes textGlitch{0%,to{transform:translate(0)}20%{text-shadow:2px -2px #ff0080,-2px 2px #00dfd8;transform:translate(-2px,2px)}40%{text-shadow:-2px -2px #00dfd8,2px 2px #ff0080;transform:translate(2px,-1px)}60%{text-shadow:1px 1px #ff0080;transform:translate(-1px,1px)}80%{text-shadow:-1px -1px #00dfd8;transform:translate(1px,-2px)}}@keyframes textWave{0%,to{transform:skew(0)translateY(0)}25%{transform:skew(-4deg)translateY(-3px)}75%{transform:skew(4deg)translateY(3px)}}@keyframes textNeonFlicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 10px var(--accent-cyan), 0 0 20px var(--accent-cyan), 0 0 40px #ff0080}20%,24%,55%{opacity:.35;text-shadow:none}}.text-anim-pulse{animation:2.4s ease-in-out infinite textPulse;display:inline-block}.text-anim-shimmer{background:linear-gradient(90deg, #fff 0%, var(--accent-cyan) 50%, #fff 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:3s linear infinite textShimmer;display:inline-block}.text-anim-float{animation:3s ease-in-out infinite textFloat;display:inline-block}.text-anim-bounce{animation:1.8s cubic-bezier(.28,.84,.42,1) infinite textBounce;display:inline-block}.text-anim-glitch{animation:2.2s steps(2,start) infinite textGlitch;display:inline-block}.text-anim-wave{animation:3s ease-in-out infinite textWave;display:inline-block}.text-anim-neon-flicker{animation:3s infinite textNeonFlicker;display:inline-block}.curved-text-svg{-webkit-user-select:none;user-select:none;pointer-events:none;overflow:visible}.canvas-element sup,.floating-element-toolbar sup,.advanced-text-studio sup,sup{vertical-align:baseline!important;font-size:70%!important;line-height:0!important;position:relative!important;top:-.45em!important}.canvas-element sub,.floating-element-toolbar sub,.advanced-text-studio sub,sub{vertical-align:baseline!important;font-size:70%!important;line-height:0!important;position:relative!important;bottom:-.25em!important}.studio-layout-pills{align-items:center;gap:6px;display:flex}.btn-toggle-pill{color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border-radius:12px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.btn-toggle-pill:hover{color:var(--text-primary);background:#ffffff17;border-color:#fff3}.btn-toggle-pill.active{color:var(--accent-cyan);background:#00dfd826;border-color:#00dfd873;font-weight:600}.canvas-ruler-horizontal,.canvas-ruler-vertical{background:#0b111e!important;border:1px solid #ffffff1f!important}.canvas-ruler-corner{transition:all .15s;background:#060b14!important;border:1px solid #ffffff26!important}.canvas-ruler-corner:hover{border-color:var(--accent-cyan)!important;background:#00dfd833!important}.canvas-guide-line{transition:opacity .15s}.canvas-guide-line:hover{filter:brightness(1.2);box-shadow:0 0 8px!important}.canvas-guide-pill{opacity:0;transition:opacity .15s}.canvas-guide-line:hover .canvas-guide-pill,.canvas-guide-pill:hover{opacity:1!important}.canvas-safe-margin{transition:border-color .2s}.canvas-bleed-box{animation:4s ease-in-out infinite alternate bleedPulse}@keyframes bleedPulse{0%{border-color:#ef4444b3}to{border-color:#ef4444}}