:root{--neu-bg: #f3f6f9;--neu-dark: #d5deea;--neu-light: #ffffff;--neu-accent: #7c3aed;--neu-text: #64748b}.ct-neumorphic-board{background-color:var(--neu-bg);border-radius:32px;padding:32px;margin:-8px;box-sizing:border-box}.ct-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:12px;margin-left:8px}.ct-dir-grid{display:grid;grid-template-columns:repeat(3,52px);gap:12px}.ct-dir-btn{width:52px;height:52px;border-radius:50%;border:none;background:var(--neu-bg);font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:var(--neu-text);box-shadow:5px 5px 10px var(--neu-dark),-5px -5px 10px var(--neu-light)}.ct-dir-btn:hover{color:var(--neu-accent);box-shadow:6px 6px 12px var(--neu-dark),-6px -6px 12px var(--neu-light)}.ct-dir-btn:active{box-shadow:inset 3px 3px 6px var(--neu-dark),inset -3px -3px 6px var(--neu-light)}.ct-dir-btn.ct-active{color:var(--neu-accent);box-shadow:inset 4px 4px 8px var(--neu-dark),inset -4px -4px 8px var(--neu-light)}.ct-param-label{display:block;font-size:11px;font-weight:700;color:#64748b;margin-bottom:8px;margin-left:6px}.ct-input{border:none;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;font-family:ui-monospace,monospace;outline:none;background:var(--neu-bg);color:#334155;transition:all .3s ease;box-shadow:inset 4px 4px 8px var(--neu-dark),inset -4px -4px 8px var(--neu-light)}.ct-input:focus{box-shadow:inset 5px 5px 10px var(--neu-dark),inset -5px -5px 10px var(--neu-light);color:var(--neu-accent)}.ct-unit{font-size:12px;color:var(--neu-text);font-weight:600}.ct-range{-webkit-appearance:none;width:100%;background:transparent}.ct-range::-webkit-slider-runnable-track{width:100%;height:8px;background:var(--neu-bg);border-radius:4px;box-shadow:inset 2px 2px 4px var(--neu-dark),-2px -2px 4px var(--neu-light);box-shadow:inset 2px 2px 4px var(--neu-dark),inset -2px -2px 4px var(--neu-light)}.ct-range::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:var(--neu-bg);margin-top:-6px;box-shadow:2px 2px 5px var(--neu-dark),-2px -2px 5px var(--neu-light);cursor:pointer}.ct-range::-webkit-slider-thumb:active{box-shadow:inset 2px 2px 4px var(--neu-dark),inset -2px -2px 4px var(--neu-light)}.ct-color-picker{width:44px;height:44px;border:none;padding:4px;border-radius:12px;background:var(--neu-bg);cursor:pointer;box-shadow:inset 4px 4px 8px var(--neu-dark),inset -4px -4px 8px var(--neu-light)}.ct-color-picker::-webkit-color-swatch-wrapper{padding:0}.ct-color-picker::-webkit-color-swatch{border:none;border-radius:8px}.ct-preview-box{border-radius:24px;padding:40px 20px 30px;display:flex;flex-direction:column;align-items:center;min-height:200px;justify-content:center;background:var(--neu-bg);box-shadow:7px 7px 18px var(--neu-dark),-7px -7px 18px var(--neu-light)}.ct-preview-inner{display:flex;align-items:center;justify-content:center;min-height:120px}#ct-shape{transition:all .1s}.ct-code-box{border-radius:20px;overflow:hidden;background:#1e1b4b;box-shadow:inset 4px 4px 10px #0000004d}.ct-code-header{padding:12px 20px;background:#2d2a5e;display:flex;align-items:center;border-bottom:none}.ct-code-lang{font-size:11px;font-weight:800;color:#a5b4fc;text-transform:uppercase;letter-spacing:.1em}.ct-code-content{padding:16px 20px;margin:0;font-family:Fira Code,"ui-monospace",monospace;font-size:13px;line-height:1.7;color:#c4b5fd;overflow-x:auto;background:transparent;font-weight:500}.ct-neumorphic-btn{padding:14px 28px;font-weight:700;border-radius:50px;border:none;background:var(--neu-bg);color:var(--neu-text);cursor:pointer;font-size:14px;transition:all .2s ease;box-shadow:5px 5px 12px var(--neu-dark),-5px -5px 12px var(--neu-light);display:inline-flex;align-items:center;justify-content:center}.ct-neumorphic-btn:hover{color:#334155}.ct-neumorphic-btn:active{box-shadow:inset 4px 4px 8px var(--neu-dark),inset -4px -4px 8px var(--neu-light)}.ct-neumorphic-btn-primary{color:var(--neu-accent)}.ct-neumorphic-btn-primary:hover{color:#6d28d9}