.neumorph-theme{--primary:#6366f1;--primary-hover:#4f46e5;--success:#10b981;--warning:#fbbf24;--danger:#ef4444;--text-main:#1e293b;--text-muted:#64748b;--bg-card:rgba(255, 255, 255, 0.7);--border-card:rgba(0, 0, 0, 0.06);--border-input:#cbd5e1;--shadow-soft:0 10px 30px rgba(0,0,0,0.03);font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--text-main);background:#fff0;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;transition:all 0.3s ease}.dark .neumorph-theme{--text-main:#f1f5f9;--text-muted:#94a3b8;--bg-card:rgba(30, 41, 59, 0.7);--border-card:rgba(255, 255, 255, 0.05);--border-input:#475569;--shadow-soft:0 10px 30px rgba(0,0,0,0.2)}.neumorph-theme .neumorph-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;border-bottom:1px solid var(--border-card);padding-bottom:1.25rem}.neumorph-theme .neumorph-title{font-size:1.8rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .25rem 0;background:linear-gradient(135deg,var(--primary) 0%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.neumorph-theme .neumorph-subtitle{font-size:.95rem;color:var(--text-muted);margin:0}.neumorph-theme .action-btn-example{background:linear-gradient(135deg,var(--primary) 0%,#4f46e5 100%);color:#fff;border:none;padding:.65rem 1.25rem;border-radius:.75rem;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 12px rgb(99 102 241 / .25);transition:all 0.2s ease}.neumorph-theme .action-btn-example:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(99 102 241 / .35)}.neumorph-theme .action-btn-example svg{width:16px;height:16px}.neumorph-theme .neumorph-layout{display:grid;grid-template-columns:360px 1fr;gap:2rem;align-items:start}@media (max-width:900px){.neumorph-theme .neumorph-layout{grid-template-columns:1fr}}.neumorph-theme .neumorph-sidebar{display:flex;flex-direction:column;gap:1.5rem}.neumorph-theme .control-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:1.25rem;padding:1.5rem;box-shadow:var(--shadow-soft);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:1.25rem}.neumorph-theme .section-title{font-size:1.05rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem;color:var(--primary)}.neumorph-theme .section-title svg{width:18px;height:18px}.neumorph-theme .control-group{display:flex;flex-direction:column;gap:.5rem}.neumorph-theme .control-group label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.neumorph-theme .color-picker-wrapper{display:flex;gap:.75rem}.neumorph-theme .color-picker-wrapper input[type="color"]{-webkit-appearance:none;border:none;width:46px;height:42px;border-radius:.5rem;cursor:pointer;background:none;padding:0}.neumorph-theme .color-picker-wrapper input[type="color"]::-webkit-color-swatch-wrapper{padding:0}.neumorph-theme .color-picker-wrapper input[type="color"]::-webkit-color-swatch{border:1px solid var(--border-card);border-radius:.5rem}.neumorph-theme .color-picker-wrapper input[type="text"]{flex:1;background:rgb(255 255 255 / .4);border:1px solid var(--border-input);border-radius:.5rem;padding:0 .75rem;font-family:monospace;font-size:.95rem;color:var(--text-main);outline:none;transition:border 0.2s ease}.dark .neumorph-theme .color-picker-wrapper input[type="text"]{background:rgb(0 0 0 / .2)}.neumorph-theme .color-picker-wrapper input[type="text"]:focus{border-color:var(--primary)}.neumorph-theme .control-group select{background:rgb(255 255 255 / .4);border:1px solid var(--border-input);border-radius:.5rem;padding:.6rem .75rem;font-size:.9rem;color:var(--text-main);outline:none;cursor:pointer;transition:all 0.2s ease}.dark .neumorph-theme .control-group select{background:rgb(0 0 0 / .2)}.neumorph-theme .control-group select:focus{border-color:var(--primary)}.neumorph-theme .slider-header{display:flex;justify-content:space-between;align-items:center}.neumorph-theme .slider-badge{background:rgb(99 102 241 / .1);color:var(--primary);padding:.15rem .45rem;border-radius:.25rem;font-size:.8rem;font-weight:700}.neumorph-theme input[type="range"]{-webkit-appearance:none;width:100%;height:6px;background:#e2e8f0;border-radius:3px;outline:none;cursor:pointer}.dark .neumorph-theme input[type="range"]{background:#334155}.neumorph-theme input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 6px rgb(0 0 0 / .15);transition:transform 0.1s ease}.neumorph-theme input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.15)}.neumorph-theme .component-presets,.neumorph-theme .state-presets{display:flex;flex-direction:column;gap:.5rem}.neumorph-theme .preset-btn{display:flex;align-items:center;gap:.75rem;background:rgb(255 255 255 / .3);border:1px solid var(--border-card);border-radius:.75rem;padding:.65rem .85rem;text-align:left;font-size:.85rem;font-weight:600;color:var(--text-main);cursor:pointer;transition:all 0.2s ease}.dark .neumorph-theme .preset-btn{background:rgb(0 0 0 / .1)}.neumorph-theme .preset-btn svg{width:16px;height:16px;color:var(--text-muted)}.neumorph-theme .preset-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.neumorph-theme .preset-btn.active svg{color:#fff}.neumorph-theme .state-presets{flex-direction:row;gap:.4rem}.neumorph-theme .state-btn{flex:1;background:rgb(255 255 255 / .3);border:1px solid var(--border-card);border-radius:.5rem;padding:.55rem;font-size:.8rem;font-weight:600;color:var(--text-main);cursor:pointer;transition:all 0.2s ease}.dark .neumorph-theme .state-btn{background:rgb(0 0 0 / .1)}.neumorph-theme .state-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.neumorph-theme .neumorph-main{display:flex;flex-direction:column;gap:1.5rem}.neumorph-theme .preview-panel{background:var(--bg-card);border:1px solid var(--border-card);border-radius:1.25rem;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;overflow:hidden}.neumorph-theme .panel-header{padding:.85rem 1.25rem;border-bottom:1px solid var(--border-card);background:rgb(255 255 255 / .1)}.neumorph-theme .panel-tag{font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.4rem;color:var(--text-muted)}.neumorph-theme .panel-tag svg{width:14px;height:14px}.neumorph-theme .preview-stage{min-height:280px;display:flex;justify-content:center;align-items:center;padding:2.5rem;transition:background 0.3s ease;position:relative;border-radius:0 0 1.25rem 1.25rem}.neumorph-theme .preview-element{display:flex;justify-content:center;align-items:center;user-select:none;transition:all 0.25s cubic-bezier(.16,1,.3,1);position:relative;box-sizing:border-box}.neumorph-theme .preview-text{font-weight:700;font-size:1.15rem;transition:all 0.2s ease}.neumorph-theme .switch-inner{width:24px;height:24px;border-radius:50%;background:#e2e8f0;position:absolute;left:6px;transition:all 0.25s cubic-bezier(.16,1,.3,1)}.dark .neumorph-theme .switch-inner{background:#334155}.neumorph-theme .preview-element.model-active-switch{width:72px;height:36px}.neumorph-theme .preview-element.model-active-switch.state-active .switch-inner,.neumorph-theme .preview-element.model-active-switch.state-hover .switch-inner{left:42px;background:var(--primary);box-shadow:0 0 10px rgb(99 102 241 / .4)}.neumorph-theme .slider-inner{width:100%;display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.neumorph-theme .slider-track{height:8px;background:rgb(0 0 0 / .06);border-radius:4px;overflow:hidden;position:relative}.dark .neumorph-theme .slider-track{background:rgb(255 255 255 / .06)}.neumorph-theme .slider-fill{height:100%;width:65%;background:var(--primary);border-radius:4px}.neumorph-theme .slider-thumb{width:20px;height:20px;border-radius:50%;position:absolute;top:50%;left:65%;transform:translate(-50%,-50%);transition:all 0.2s ease}.neumorph-theme .hidden{display:none!important}.neumorph-theme .accessibility-panel{background:var(--bg-card);border:1px solid var(--border-card);border-radius:1.25rem;padding:1.5rem;box-shadow:var(--shadow-soft)}.neumorph-theme .access-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-card);padding-bottom:.75rem;margin-bottom:1rem}.neumorph-theme .access-tag{font-size:.9rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:.4rem}.neumorph-theme .access-tag svg{width:16px;height:16px;color:var(--success)}.neumorph-theme .badge-status{font-size:.75rem;font-weight:800;padding:.25rem .6rem;border-radius:.35rem;letter-spacing:.05em}.neumorph-theme .badge-pass{background:rgb(16 185 129 / .15);color:var(--success)}.neumorph-theme .badge-fail{background:rgb(239 68 68 / .15);color:var(--danger)}.neumorph-theme .contrast-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.neumorph-theme .metric-box{background:rgb(0 0 0 / .02);border:1px solid var(--border-card);border-radius:.75rem;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem}.dark .neumorph-theme .metric-box{background:rgb(255 255 255 / .02)}.neumorph-theme .metric-label{font-size:.75rem;font-weight:600;color:var(--text-muted)}.neumorph-theme .metric-value{font-size:1.2rem;font-weight:800}.neumorph-theme .contrast-feedback{display:flex;flex-direction:column;gap:.75rem}.neumorph-theme .contrast-desc{font-size:.85rem;margin:0;color:var(--text-muted);line-height:1.4}.neumorph-theme .alert-box{display:flex;gap:.5rem;background:rgb(99 102 241 / .08);border:1px solid rgb(99 102 241 / .15);border-radius:.75rem;padding:.75rem 1rem}.neumorph-theme .alert-box svg{width:16px;height:16px;color:var(--primary);flex-shrink:0;margin-top:2px}.neumorph-theme .suggestion-text{font-size:.8rem;font-weight:500;color:var(--text-main);line-height:1.4}.neumorph-theme .export-panel{background:var(--bg-card);border:1px solid var(--border-card);border-radius:1.25rem;overflow:hidden;box-shadow:var(--shadow-soft)}.neumorph-theme .tab-header{display:flex;justify-content:space-between;align-items:center;background:rgb(0 0 0 / .02);border-bottom:1px solid var(--border-card);padding:0 1rem;flex-wrap:wrap;gap:.5rem}.dark .neumorph-theme .tab-header{background:rgb(255 255 255 / .02)}.neumorph-theme .tab-buttons{display:flex;overflow-x:auto;scrollbar-width:none}.neumorph-theme .tab-buttons::-webkit-scrollbar{display:none}.neumorph-theme .tab-btn{background:none;border:none;border-bottom:2px solid #fff0;padding:1rem .85rem;font-size:.8rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all 0.2s ease}.neumorph-theme .tab-btn:hover{color:var(--text-main)}.neumorph-theme .tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.neumorph-theme .export-actions{display:flex;gap:.5rem;padding:.5rem 0}.neumorph-theme .action-btn{display:flex;align-items:center;gap:.4rem;background:rgb(255 255 255 / .8);border:1px solid var(--border-input);border-radius:.5rem;padding:.45rem .75rem;font-size:.8rem;font-weight:600;color:var(--text-main);cursor:pointer;box-shadow:0 2px 4px rgb(0 0 0 / .02);transition:all 0.2s ease}.dark .neumorph-theme .action-btn{background:rgb(30 41 59 / .8)}.neumorph-theme .action-btn svg{width:14px;height:14px;color:var(--text-muted)}.neumorph-theme .action-btn:hover{background:#f8fafc;border-color:var(--primary)}.dark .neumorph-theme .action-btn:hover{background:#1e293b}.neumorph-theme .action-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.neumorph-theme .action-btn.primary svg{color:#fff}.neumorph-theme .action-btn.primary:hover{background:var(--primary-hover)}.neumorph-theme .code-container{padding:1.25rem;background:#0f172a;position:relative}.neumorph-theme .code-container pre{margin:0;overflow-x:auto}.neumorph-theme #code-output{font-family:'Fira Code','Courier New',Courier,monospace;font-size:.85rem;color:#38bdf8;line-height:1.5;white-space:pre}.neumorph-theme .toast-message{position:fixed;bottom:2rem;right:2rem;background:#1e293b;color:#fff;border-left:4px solid var(--primary);padding:.75rem 1.5rem;border-radius:.5rem;box-shadow:0 10px 25px rgb(0 0 0 / .15);font-size:.85rem;font-weight:600;opacity:0;transform:translateY(20px);transition:all 0.3s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:9999}.neumorph-theme .toast-message.show{opacity:1;transform:translateY(0)}