.canvas-area{height:calc(100vh - 180px);min-height:400px;background:radial-gradient(circle at center,#0b1020,#0a0f1a)}canvas#pmd-canvas{background:#fff;position:relative;z-index:10}:root{--pmd-electric: #00BFFF;--pmd-neon: #FF6A00;--pmd-surface: #0F1115;--pmd-frost: rgba(255,255,255,.08);--pmd-glass: rgba(10,20,40,.4);--pmd-glass-light: rgba(255,255,255,.08);--pmd-glass-dark: rgba(10,20,40,.4);--pmd-neutral-100: #F5F5F5;--pmd-neutral-200: #E5E5E5;--pmd-neutral-400: #A3A3A3;--pmd-glow-blue: 0 0 15px 2px #00BFFF88;--pmd-glow-orange: 0 0 12px 2px #FF6A0088;--pmd-glass-inset: inset 0 0 12px rgba(255,255,255,.15);--pmd-backdrop-blur: 16px;--pmd-border-radius: 1rem;--pmd-border-radius-xl: 1.5rem;--pmd-border-radius-glass: 1.5rem;--pmd-transition-fast: .2s;--pmd-transition-med: .4s;--pmd-gradient-electric: linear-gradient(135deg, #00B3FF, #0066FF);--pmd-gradient-neon: linear-gradient(135deg, #FF7A00, #FF3B00);--pmd-gradient-surface: radial-gradient(circle at top right, #0F1115 0%, #090A0E 100%)}.pmd-frosted{background:var(--pmd-frost);border:1px solid var(--pmd-glass);-webkit-backdrop-filter:blur(var(--pmd-backdrop-blur));backdrop-filter:blur(var(--pmd-backdrop-blur));border-radius:var(--pmd-border-radius-xl);box-shadow:var(--pmd-glow-blue);position:relative;overflow:hidden}.pmd-frosted:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00b3ff1a,#ff7a000d);pointer-events:none}.pmd-button-glow{display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:var(--pmd-border-radius);padding:.5rem 1rem;font-weight:500;transition:all var(--pmd-transition-fast);background:var(--pmd-gradient-electric);box-shadow:var(--pmd-glow-blue);position:relative;overflow:hidden;border:none;cursor:pointer}.pmd-button-glow:hover{background:var(--pmd-gradient-neon);box-shadow:var(--pmd-glow-orange);transform:translateY(-1px) scale(1.03)}.pmd-card-glass{background:#ffffff14;border:1px solid var(--pmd-glass);-webkit-backdrop-filter:blur(var(--pmd-backdrop-blur));backdrop-filter:blur(var(--pmd-backdrop-blur));border-radius:var(--pmd-border-radius-xl);padding:1.5rem;box-shadow:var(--pmd-glass-inset)}.pmd-text-electric{color:var(--pmd-electric)}.pmd-text-neon{color:var(--pmd-neon)}.pmd-text-glow-blue{text-shadow:0 0 10px rgba(0,179,255,.8)}.pmd-text-glow-orange{text-shadow:0 0 10px rgba(255,122,0,.8)}#pmd-root{background:var(--pmd-surface);background:var(--pmd-gradient-surface);color:var(--pmd-neutral-100);font-family:Inter,Manrope,sans-serif}.pmd-customizer-integration{background:var(--pmd-frost);border:1px solid var(--pmd-glass);-webkit-backdrop-filter:blur(var(--pmd-backdrop-blur));backdrop-filter:blur(var(--pmd-backdrop-blur));border-radius:var(--pmd-border-radius-xl);padding:1.5rem;margin:1.25rem 0}.pmd-product-info{color:var(--pmd-electric);margin-bottom:.625rem;font-size:.875rem}.pmd-loading{color:var(--pmd-neutral-200);text-align:center;padding:2rem}.woocommerce .pmd-customizer-integration{margin:1.25rem 0}.woocommerce .pmd-product-info strong{color:var(--pmd-electric)}.woocommerce button.button.pmd-button-glow,.woocommerce a.button.pmd-button-glow,.woocommerce input.button.pmd-button-glow{background:var(--pmd-gradient-electric)!important;color:#fff!important;border:none!important;text-shadow:none!important;box-shadow:var(--pmd-glow-blue)!important}.woocommerce button.button.pmd-button-glow:hover,.woocommerce a.button.pmd-button-glow:hover,.woocommerce input.button.pmd-button-glow:hover{background:var(--pmd-gradient-neon)!important;box-shadow:var(--pmd-glow-orange)!important;transform:translateY(-1px) scale(1.03)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.canvas-container,.canvas-host,.fabric-canvas-wrapper{position:relative!important;transform:none!important;overflow:hidden;overscroll-behavior:contain;touch-action:none}#canvas-wrapper{position:relative!important;width:100%!important;min-height:600px!important;max-width:1000px!important;margin:0 auto!important;border:1px solid #ccc!important;background:#fff!important}#canvas-wrapper.relative.w-full.max-w-5xl{max-width:80rem!important;min-height:600px!important;border:1px solid #d1d5db!important;background:#fff!important}#pmd-canvas,canvas[data-fabric=main],.canvas-element{margin:0!important;padding:0!important;border:none!important;outline:none!important;display:block!important;background-color:#f0f0f0!important}.debug-canvas-container{min-height:600px!important;width:100%!important;position:relative!important;border:2px dashed blue!important;background-color:#00ff001a!important}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.canvas-wrapper{width:100%!important;min-height:700px!important;background-color:#f3f4f6!important;border:2px solid #3b82f6!important;border-radius:8px!important;padding:16px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.canvas-container{width:100%!important;min-height:600px!important;background-color:#fff!important;border:2px solid #10b981!important;border-radius:8px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important}.canvas-layer{width:100%!important;height:100%!important}.pmd-app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#pmd-root{min-height:100vh!important;width:100%!important}.pmd-customizer-container{min-height:100vh!important;width:100%!important;display:block!important}@tailwind base;@tailwind components;@tailwind utilities;#pmd-root,#pmd-root *{box-sizing:border-box}#pmd-root{font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial;line-height:1.5;color:#111827}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.w-full{width:100%}.w-4{width:1rem}.h-4{height:1rem}.h-2{height:.5rem}.min-h-screen{min-height:100vh}.h-screen{height:100vh}.p-3{padding:.75rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.bg-slate-800{background-color:#1e293b}.bg-slate-700{background-color:#334155}.bg-slate-600{background-color:#475569}.bg-blue-600{background-color:#2563eb}.bg-green-600{background-color:#16a34a}.bg-red-600{background-color:#dc2626}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-green-700:hover{background-color:#15803d}.hover\:bg-slate-600:hover{background-color:#475569}.text-slate-100{color:#f1f5f9}.text-slate-200{color:#e2e8f0}.text-slate-400{color:#94a3b8}.text-white{color:#fff}.text-green-400{color:#4ade80}.text-red-200{color:#fecaca}.text-red-600{color:#dc2626}.text-blue-600{color:#2563eb}.text-slate-900{color:#0f172a}.text-slate-800{color:#1e293b}.text-slate-700{color:#334155}.text-slate-600{color:#475569}.text-gray-900{color:#111827}.text-gray-800{color:#1f2937}.border{border-width:1px}.border-t{border-top-width:1px}.border-slate-700{border-color:#334155}.border-slate-600{border-color:#475569}.border-blue-500{border-color:#3b82f6}.border-red-500{border-color:#ef4444}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.transition-colors{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.transition-all{transition:all .15s ease-in-out}.duration-300{transition-duration:.3s}.opacity-70{opacity:.7}.disabled\:bg-slate-600:disabled{background-color:#475569}.animate-spin{animation:spin 1s linear infinite}.grid{display:grid}.grid-cols-layout{grid-template-columns:280px 1fr 280px}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.canvas-grid-light{background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 1px);background-size:24px 24px;background-position:0 0}.canvas-grid-dark{background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:24px 24px;background-position:0 0}.export-progress-bar{width:100%;background-color:#475569;border-radius:9999px;height:.5rem}.export-progress-fill{background-color:#2563eb;height:.5rem;border-radius:9999px;transition:all .3s ease}.canvas-container{border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.canvas-container canvas{border-radius:.375rem}.spinner{border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tool-panel{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px #0000000d}.tool-section{border-bottom:1px solid #f3f4f6}.tool-section:last-child{border-bottom:none}.tool-section-header{padding:.75rem 1rem;background-color:#f9fafb;font-weight:500;font-size:.875rem;color:#374151;border-bottom:1px solid #f3f4f6}.tool-section-content{padding:1rem}.tool-section-content>*+*{margin-top:.75rem}.color-picker-swatch{width:2rem;height:2rem;border-radius:.25rem;border:2px solid #d1d5db;cursor:pointer;transition:border-color .15s ease-in-out}.color-picker-swatch:hover{border-color:#9ca3af}.color-picker-swatch.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.btn-primary{background-color:#2563eb;color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .15s ease-in-out}.btn-primary:hover{background-color:#1d4ed8}.btn-primary:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}.btn-secondary{background-color:#f3f4f6;color:#374151;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .15s ease-in-out}.btn-secondary:hover{background-color:#e5e7eb}.btn-secondary:focus{outline:none;box-shadow:0 0 0 2px #6b728080}.btn-danger{background-color:#dc2626;color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .15s ease-in-out}.btn-danger:hover{background-color:#b91c1c}.btn-danger:focus{outline:none;box-shadow:0 0 0 2px #dc262680}.form-input{display:block;width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;font-size:.875rem}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.editor-layout{height:100vh;display:flex;overflow:hidden;background-color:#f3f4f6}.editor-sidebar{width:16rem;background-color:#fff;border-right:1px solid #e5e7eb;overflow-y:auto}.editor-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-toolbar{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between}.editor-canvas-area{flex:1;padding:1.5rem;overflow:auto;background-color:#f9fafb}.editor-properties{width:280px;flex:0 0 280px;background-color:#fff;border-left:1px solid #e5e7eb;overflow-y:auto}.w-panel{width:280px;flex:0 0 280px;max-width:280px}:root :root{--glass-primary: #3b82f6;--glass-primary-light: #60a5fa;--glass-secondary: #f59e0b;--glass-secondary-light: #fbbf24;--glass-accent: #8b5cf6;--glass-success: #10b981;--glass-warning: #f59e0b;--glass-danger: #ef4444;--glass-bg: rgba(255, 255, 255, .65);--glass-bg-light: rgba(255, 255, 255, .75);--glass-bg-strong: rgba(255, 255, 255, .85);--glass-border: rgba(59, 130, 246, .12);--glass-border-strong: rgba(59, 130, 246, .18);--glass-blur: 16px;--glass-blur-strong: 24px;--glass-radius: 12px;--glass-radius-lg: 16px;--glass-radius-xl: 20px;--shadow-soft: 0 4px 24px rgba(0, 0, 0, .12);--shadow-medium: 0 8px 32px rgba(0, 0, 0, .16);--shadow-strong: 0 16px 48px rgba(0, 0, 0, .24);--shadow-colored: 0 8px 32px rgba(59, 130, 246, .16);--font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--text-primary: #0f172a;--text-secondary: #1e293b;--text-muted: #334155;--text-light: #475569;--text-on-glass: #0f172a}body{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.05) 0%,transparent 40%),linear-gradient(135deg,#fffffff2,#f8fafceb,#eff6ffe0 60%,#fffffff2);font-family:var(--font-body);color:#0f172a;min-height:100vh;overflow-x:hidden;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-pro{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--shadow-soft);transition:all .2s ease}.glass-pro:hover{background:var(--glass-bg-light);border-color:var(--glass-border-strong);box-shadow:var(--shadow-medium);transform:translateY(-1px)}.glass-pro-strong{-webkit-backdrop-filter:blur(var(--glass-blur-strong));backdrop-filter:blur(var(--glass-blur-strong));background:var(--glass-bg-strong);border:1px solid var(--glass-border-strong);border-radius:var(--glass-radius-lg);box-shadow:var(--shadow-medium)}.btn-pro{font-family:var(--font-body);font-weight:500;font-size:14px;line-height:1.4;padding:8px 16px;border-radius:var(--glass-radius);border:1px solid transparent;transition:all .15s ease;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap}.btn-pro-primary{background:var(--glass-primary);color:#fff;border-color:#ffffff29;box-shadow:var(--shadow-colored)}.btn-pro-primary:hover{background:var(--glass-primary-light);box-shadow:0 8px 32px #3b82f63d;transform:translateY(-1px)}.btn-pro-secondary{background:var(--glass-bg);color:#e2e8f0;border-color:var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.btn-pro-secondary:hover{background:var(--glass-bg-light);border-color:var(--glass-border-strong);color:var(--text-primary)}.card-pro{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius-lg);box-shadow:var(--shadow-soft);padding:24px;transition:all .2s ease}.card-pro:hover{background:var(--glass-bg-light);border-color:var(--glass-border-strong);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.card-pro-featured{background:linear-gradient(135deg,var(--glass-bg-strong),var(--glass-bg));border:1px solid var(--glass-border-strong);box-shadow:var(--shadow-strong)}.heading-pro{font-family:var(--font-heading);font-weight:600;color:var(--text-primary);line-height:1.3;margin:0}.heading-pro-xl{font-size:32px}.heading-pro-lg{font-size:24px}.heading-pro-md{font-size:20px}.heading-pro-sm{font-size:16px}.text-pro{font-family:var(--font-body);color:var(--text-secondary);line-height:1.6;margin:0}.text-pro-lg{font-size:16px}.text-pro-md{font-size:14px}.text-pro-sm{font-size:12px}.text-pro-muted{color:var(--text-muted)}.layout-pro{display:grid;grid-template-columns:280px 1fr 320px;grid-template-rows:auto 1fr;min-height:100vh;gap:24px;padding:24px;max-width:1920px;margin:0 auto}.sidebar-pro{grid-row:1 / -1;display:flex;flex-direction:column;gap:16px}.main-pro{display:flex;flex-direction:column;gap:20px;min-height:0}.panel-pro{grid-row:1 / -1;display:flex;flex-direction:column;gap:16px}.glass{-webkit-backdrop-filter:var(--pmd-blur);backdrop-filter:var(--pmd-blur);background:linear-gradient(135deg,var(--pmd-glass-light),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.2);border-radius:var(--pmd-radius);box-shadow:var(--pmd-shadow);transition:all .3s ease}.glass:hover{background:linear-gradient(135deg,#fff3,#ffffff14);box-shadow:var(--pmd-shadow-lg);transform:translateY(-2px)}.glass-depth-1{-webkit-backdrop-filter:var(--pmd-blur);backdrop-filter:var(--pmd-blur);background:linear-gradient(135deg,var(--pmd-glass-light),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.2);border-radius:var(--pmd-radius);box-shadow:0 10px 25px -5px #0009,0 0 0 1px #ffffff1a;transition:all .3s ease}.glass-depth-2{-webkit-backdrop-filter:var(--pmd-blur);backdrop-filter:var(--pmd-blur);background:linear-gradient(135deg,var(--pmd-glass-light),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.2);border-radius:var(--pmd-radius);box-shadow:0 20px 40px -10px #000000b3,0 0 0 1px #ffffff26;transition:all .3s ease}.glass-depth-3{-webkit-backdrop-filter:var(--pmd-blur);backdrop-filter:var(--pmd-blur);background:linear-gradient(135deg,var(--pmd-glass-light),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.2);border-radius:var(--pmd-radius);box-shadow:0 35px 60px -15px #000c,0 0 0 1px #fff3;transition:all .3s ease}.glass-button-primary{background:var(--pmd-gradient-blue);border:1px solid rgba(77,208,255,.3);border-radius:var(--pmd-radius);color:#fff;font-weight:600;padding:.75rem 1.5rem;box-shadow:0 10px 25px -5px #00baff66,inset 0 1px #fff3;transition:all .3s ease;position:relative;overflow:hidden}.glass-button-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.glass-button-primary:hover:before{left:100%}.glass-button-primary:hover{box-shadow:0 20px 40px -10px #00baff99,inset 0 1px #ffffff4d;transform:translateY(-2px)}.glass-button-secondary{background:var(--pmd-gradient-orange);border:1px solid rgba(255,171,89,.3);border-radius:var(--pmd-radius);color:#fff;font-weight:600;padding:.75rem 1.5rem;box-shadow:0 10px 25px -5px #ff7b0066,inset 0 1px #fff3;transition:all .3s ease;position:relative;overflow:hidden}.glass-button-secondary:hover{box-shadow:0 20px 40px -10px #ff7b0099,inset 0 1px #ffffff4d;transform:translateY(-2px)}.glow-blue-intense{box-shadow:0 0 30px #00baff99,0 0 60px #00baff4d,var(--pmd-shadow);border-color:#00baff80}.glow-orange-intense{box-shadow:0 0 30px #ff7b0099,0 0 60px #ff7b004d,var(--pmd-shadow);border-color:#ff7b0080}.glow-purple-intense{box-shadow:0 0 30px #8b5cf699,0 0 60px #8b5cf64d,var(--pmd-shadow);border-color:#8b5cf680}.aurora-glow{position:relative}.aurora-glow:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--pmd-gradient-aurora);opacity:.1;border-radius:50%;filter:blur(40px);animation:aurora-pulse 4s ease-in-out infinite alternate;pointer-events:none;z-index:-1}@keyframes aurora-pulse{0%{opacity:.1;transform:scale(1)}to{opacity:.3;transform:scale(1.2)}}.glass-grid-masonry{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem}.glass-card-small{-webkit-backdrop-filter:var(--pmd-blur-light);backdrop-filter:var(--pmd-blur-light);background:linear-gradient(135deg,#ffffff1a,#ffffff05);border:1px solid rgba(255,255,255,.15);border-radius:var(--pmd-radius);box-shadow:0 10px 25px -5px #0009,0 0 0 1px #ffffff0d;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem}.glass-card-wide{-webkit-backdrop-filter:var(--pmd-blur);backdrop-filter:var(--pmd-blur);background:linear-gradient(135deg,#ffffff26,#ffffff08);border:1px solid rgba(255,255,255,.25);border-radius:var(--pmd-radius-lg);box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #ffffff14,inset 0 1px 2px #ffffff14;grid-column:span 2;aspect-ratio:2/1;padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.glass-card-tall{-webkit-backdrop-filter:var(--pmd-blur-heavy);backdrop-filter:var(--pmd-blur-heavy);background:linear-gradient(135deg,#fff3,#ffffff0d);border:1px solid rgba(255,255,255,.3);border-radius:var(--pmd-radius-xl);box-shadow:0 50px 100px -20px #000c,0 0 0 1px #ffffff1a,inset 0 2px 4px #ffffff1a;grid-row:span 2;aspect-ratio:1/2;padding:2rem}.fab-primary{background:var(--pmd-gradient-blue);border:1px solid rgba(77,208,255,.3);border-radius:50%;color:#fff;font-weight:600;box-shadow:0 10px 25px -5px #00baff66,inset 0 1px #fff3;transition:all .3s ease;position:fixed;bottom:2rem;right:2rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 20px 40px -10px #00baff80,0 0 0 1px #fff3}.fab-secondary{background:var(--pmd-gradient-orange);border:1px solid rgba(255,171,89,.3);border-radius:50%;color:#fff;font-weight:600;box-shadow:0 10px 25px -5px #ff7b0066,inset 0 1px #fff3;transition:all .3s ease;position:fixed;bottom:7rem;right:2rem;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;z-index:999}.panel-layer-base{-webkit-backdrop-filter:var(--pmd-blur);backdrop-filter:var(--pmd-blur);background:linear-gradient(135deg,var(--pmd-glass-light),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.2);border-radius:var(--pmd-radius);box-shadow:0 10px 25px -5px #0009,0 0 0 1px #ffffff1a;z-index:10}.panel-layer-elevated{-webkit-backdrop-filter:var(--pmd-blur);backdrop-filter:var(--pmd-blur);background:linear-gradient(135deg,var(--pmd-glass-light),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.2);border-radius:var(--pmd-radius);box-shadow:0 20px 40px -10px #000000b3,0 0 0 1px #ffffff26;z-index:20}.panel-layer-floating{-webkit-backdrop-filter:var(--pmd-blur);backdrop-filter:var(--pmd-blur);background:linear-gradient(135deg,var(--pmd-glass-light),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.2);border-radius:var(--pmd-radius);box-shadow:0 35px 60px -15px #000c,0 0 0 1px #fff3;z-index:30}.glass-panel{-webkit-backdrop-filter:var(--pmd-blur);backdrop-filter:var(--pmd-blur);background:var(--pmd-glass);border:1px solid rgba(255,255,255,.2);border-radius:var(--pmd-radius);box-shadow:0 0 20px #00baff40,inset 0 0 10px #ffffff0d;transition:.25s ease}.canvas-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid rgba(255,255,255,.3);border-radius:var(--pmd-radius);box-shadow:inset 0 0 20px #ffffff1a}.premium-glass-background{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.06) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.04) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(16,185,129,.03) 0%,transparent 50%),linear-gradient(135deg,#fffffffa,#f8fafcf2,#f1f5f9eb,#f3f4f6f2,#fffffffa)}.premium-canvas-area{min-height:400px}.professional-bg{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.05) 0%,transparent 40%),linear-gradient(135deg,#fffffff2,#f8fafceb,#eff6ffe0 60%,#fffffff2)}.progress-blue{background-color:#3b82f6}.progress-purple{background-color:#8b5cf6}.progress-green{background-color:#10b981}.progress-orange{background-color:#f59e0b}.progress-red{background-color:#ef4444}:root{--glass-ultra-bg: rgba(255, 255, 255, .25);--glass-ultra-border: rgba(255, 255, 255, .3);--glass-floating-bg: rgba(255, 255, 255, .15);--glass-floating-border: rgba(255, 255, 255, .2);--glass-glow-bg: rgba(255, 255, 255, .35);--glass-hero-bg: rgba(255, 255, 255, .1);--glass-blur-ultra: 40px;--glass-blur-heavy: 30px;--glass-blur-medium: 20px;--glass-blur-light: 15px;--shadow-glass-soft: 0 8px 32px rgba(31, 38, 135, .15);--shadow-glass-medium: 0 12px 40px rgba(31, 38, 135, .2);--shadow-glass-strong: 0 20px 60px rgba(31, 38, 135, .3);--shadow-glow: 0 0 40px rgba(59, 130, 246, .4);--gradient-blue-orange: linear-gradient(135deg, rgba(59, 130, 246, .8) 0%, rgba(99, 102, 241, .7) 25%, rgba(168, 85, 247, .6) 50%, rgba(251, 146, 60, .7) 75%, rgba(251, 191, 36, .8) 100%);--gradient-warm-overlay: linear-gradient(135deg, rgba(251, 146, 60, .6) 0%, rgba(251, 191, 36, .7) 50%, rgba(245, 158, 11, .8) 100%)}.advanced-glass-bg{background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.3) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(251,146,60,.3) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(168,85,247,.2) 0%,transparent 50%),linear-gradient(135deg,#e2e8f0f2,#f1f5f9e6,#f8fafcd9,#f1f5f9e6,#e2e8f0f2);min-height:100vh}.browser-chrome{background:var(--glass-ultra-bg);backdrop-filter:blur(var(--glass-blur-light));-webkit-backdrop-filter:blur(var(--glass-blur-light));border-bottom:1px solid var(--glass-ultra-border);box-shadow:var(--shadow-glass-soft)}.glass-panel-ultra{background:var(--glass-ultra-bg);backdrop-filter:blur(var(--glass-blur-ultra));-webkit-backdrop-filter:blur(var(--glass-blur-ultra));border:1px solid var(--glass-ultra-border);box-shadow:var(--shadow-glass-medium);transition:all .3s ease}.glass-panel-ultra:hover{background:#ffffff4d;border-color:#fff6;box-shadow:var(--shadow-glass-strong);transform:translateY(-2px)}.glass-panel-floating{background:var(--glass-floating-bg);backdrop-filter:blur(var(--glass-blur-medium));-webkit-backdrop-filter:blur(var(--glass-blur-medium));border:1px solid var(--glass-floating-border);box-shadow:var(--shadow-glass-soft);transition:all .2s ease}.glass-panel-floating:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.glass-panel-glow{background:var(--glass-glow-bg);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-ultra-border);box-shadow:var(--shadow-glow)}.glass-panel-hero{background:var(--glass-hero-bg);backdrop-filter:blur(var(--glass-blur-ultra));-webkit-backdrop-filter:blur(var(--glass-blur-ultra));border:1px solid var(--glass-ultra-border);box-shadow:var(--shadow-glass-strong);position:relative}.hero-gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-blue-orange);border-radius:inherit;opacity:.9}.glass-panel-gradient{background:var(--glass-hero-bg);backdrop-filter:blur(var(--glass-blur-ultra));-webkit-backdrop-filter:blur(var(--glass-blur-ultra));border:1px solid var(--glass-ultra-border);box-shadow:var(--shadow-glass-strong);position:relative}.gradient-overlay-warm{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-warm-overlay);border-radius:inherit;opacity:.8}@keyframes glassFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glassGlow{0%,to{box-shadow:var(--shadow-glass-medium)}50%{box-shadow:var(--shadow-glow)}}.glass-panel-ultra.animated{animation:glassFloat 6s ease-in-out infinite}.glass-panel-glow.animated{animation:glassGlow 4s ease-in-out infinite}@media (max-width: 768px){.glass-panel-ultra{backdrop-filter:blur(var(--glass-blur-medium));-webkit-backdrop-filter:blur(var(--glass-blur-medium))}.glass-panel-hero{backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy))}}.glass-panel-floating:focus{outline:none;background:#ffffff40;border-color:#3b82f680;box-shadow:var(--shadow-glass-medium),0 0 0 3px #3b82f61a}