.css-workstation{box-sizing:border-box;grid-template-columns:380px 1fr;gap:2rem;width:100%;max-width:1200px;margin:2rem auto;padding:0 20px;display:grid}@media (max-width:1024px){.css-workstation{grid-template-columns:1fr}}.css-sidebar{-webkit-backdrop-filter:blur(16px);background:#1e293b66;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;gap:1.5rem;height:fit-content;padding:1.5rem;display:flex;box-shadow:0 10px 30px -10px #00000080}.css-tabs{background:#0f172a99;border:1px solid #ffffff08;border-radius:14px;padding:4px;display:flex}.css-tab{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 14px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.css-tab:hover{color:#fff}.css-tab.active{color:#fff;background:#ffffff14;box-shadow:0 4px 12px #0003}.css-settings-panel{flex-direction:column;gap:1.25rem;display:flex}.css-setting-group{flex-direction:column;gap:.75rem;display:flex}.css-setting-flex{justify-content:space-between;align-items:center;display:flex}.css-group-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.css-group-header label{color:#fff;letter-spacing:-.2px;font-size:.95rem;font-weight:700}.css-btn-small{color:#10b981;cursor:pointer;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .25s}.css-btn-small:hover:not(:disabled){color:#fff;background:#10b981;box-shadow:0 0 10px #10b9814d}.css-btn-small:disabled{opacity:.3;cursor:not-allowed}.css-layers-list{flex-direction:column;gap:.5rem;max-height:180px;padding-right:4px;display:flex;overflow-y:auto}.css-layers-list::-webkit-scrollbar{width:4px}.css-layers-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.css-layer-item{cursor:pointer;background:#0f172a4d;border:1px solid #ffffff08;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.css-layer-item:hover{background:#0f172a80;border-color:#ffffff14}.css-layer-item.selected{background:#3b82f61a;border-color:#3b82f666}.css-layer-left{align-items:center;gap:10px;display:flex}.css-layer-left input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px}.css-layer-title{color:#fff;font-size:.85rem;font-weight:600}.css-layer-remove{color:#ef444499;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600;transition:all .2s}.css-layer-remove:hover{color:#ef4444;background:#ef444426}.css-checkbox-label{color:#fffc;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.css-checkbox-label input{accent-color:#10b981;cursor:pointer;width:16px;height:16px}.css-control-item{flex-direction:column;gap:4px;display:flex}.css-control-label{color:#ffffff80;justify-content:space-between;padding:0 2px;font-size:.8rem;font-weight:600;display:flex}.css-control-label span:last-child{color:#10b981}.css-control-item input[type=range]{appearance:none;background:#0f172acc;border-radius:10px;outline:none;width:100%;height:6px;margin:8px 0}.css-control-item input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#10b981;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 0 8px #10b98166}.css-control-item input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.css-control-row{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.css-color-picker-wrap{flex-direction:column;gap:6px;display:flex}.css-color-label{color:#ffffff80;font-size:.8rem;font-weight:600}.css-color-picker-wrap input[type=color]{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:10px;width:54px;height:38px}.css-color-picker-wrap input[type=color]::-webkit-color-swatch-wrapper{padding:0}.css-color-picker-wrap input[type=color]::-webkit-color-swatch{border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 4px 10px #0003}.css-select{color:#fff;cursor:pointer;background:#0f172acc;border:1px solid #ffffff0d;border-radius:10px;outline:none;width:100%;padding:8px 12px;font-size:.85rem;transition:border-color .2s}.css-select:focus{border-color:#10b98166}.css-radio-group{background:#0f172a99;border:1px solid #ffffff08;border-radius:10px;padding:3px;display:flex}.css-radio{text-align:center;color:#ffffff80;cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.8rem;font-weight:600;transition:all .25s;display:flex}.css-radio input{display:none}.css-radio.active{color:#fff;background:#ffffff12}.css-stops-track{border:1px solid #ffffff14;border-radius:8px;height:20px;box-shadow:0 4px 10px #0003}.css-stop-bullet{border:2px solid #fff;border-radius:50%;width:12px;height:12px;display:inline-block;box-shadow:0 0 6px #00000080}.css-presets-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.css-preset-btn{cursor:pointer;background:#0f172a66;border:1px solid #ffffff08;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:10px;transition:all .25s;display:flex}.css-preset-btn:hover{background:#0f172ab3;border-color:#ffffff1a;transform:translateY(-2px)}.css-preset-btn span{color:#fffc;font-size:.75rem;font-weight:600}.css-preset-thumb-shadow{background:#1e293b;border-radius:8px;width:100%;height:48px;position:relative}.css-preset-thumb-shadow:after{content:"";background:#334155;border-radius:6px;width:50%;height:50%;position:absolute;top:25%;left:25%;box-shadow:0 8px 16px -4px #00000080}.css-preset-thumb-gradient{border:1px solid #ffffff0d;border-radius:8px;width:100%;height:48px}.css-preview-area{flex-direction:column;gap:1.5rem;display:flex}.css-preview-header{justify-content:space-between;align-items:center;display:flex}.css-preview-header h3{color:#fff;letter-spacing:-.3px;font-size:1.1rem;font-weight:800}.css-backdrop-triggers{background:#1e293b99;border:1px solid #ffffff08;border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex}.css-backdrop-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.css-backdrop-btn:hover{color:#fff}.css-backdrop-btn.active{color:#fff;background:#ffffff1a}.css-backdrop-color-picker{cursor:pointer;background:0 0;border:none;border-radius:4px;width:24px;height:24px;margin-left:4px;padding:0}.css-preview-canvas{border:1px solid #ffffff0d;border-radius:24px;justify-content:center;align-items:center;height:380px;transition:background-color .3s;display:flex;position:relative;overflow:hidden}.canvas-mesh{background-color:#070a13;background-image:linear-gradient(45deg,#ffffff04 25%,#0000 25%),linear-gradient(-45deg,#ffffff04 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff04 75%),linear-gradient(-45deg,#0000 75%,#ffffff04 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.css-target-element{-webkit-user-select:none;user-select:none;border:1px solid #ffffff0d;justify-content:center;align-items:center;max-width:90%;max-height:90%;transition:border-radius .15s,width .15s,height .15s;display:flex}.css-target-text{color:#fff;letter-spacing:-.5px;font-size:1.3rem;font-weight:800}.css-canvas-controls{background:#1e293b40;border:1px solid #ffffff08;border-radius:20px;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.25rem;display:grid}@media (max-width:640px){.css-canvas-controls{grid-template-columns:1fr}}.css-canvas-control-group{flex-direction:column;gap:6px;display:flex}.css-canvas-control-group.full-width{grid-column:1/-1}.css-canvas-control-group label{color:#fff6;font-size:.75rem;font-weight:600}.css-canvas-control-group input[type=range]{appearance:none;background:#0f172a99;border-radius:10px;outline:none;width:100%;height:4px;margin:6px 0}.css-canvas-control-group input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #3b82f666}.css-canvas-control-group input[type=color]{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:6px;width:42px;height:28px}.css-canvas-control-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.css-canvas-control-group input[type=color]::-webkit-color-swatch{border:1px solid #ffffff1a;border-radius:6px}.css-text-input{color:#fff;background:#0f172a99;border:1px solid #ffffff0d;border-radius:8px;outline:none;padding:6px 12px;font-size:.8rem;transition:border-color .2s}.css-text-input:focus{border-color:#3b82f666}.css-export-panel{background:#0f172a80;border:1px solid #ffffff0d;border-radius:20px;overflow:hidden;box-shadow:inset 0 2px 10px #0000004d}.css-export-header{background:#0f172acc;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.css-export-tabs{gap:4px;display:flex}.css-export-tab{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:700;transition:all .25s}.css-export-tab:hover{color:#fffc}.css-export-tab.active{color:#10b981;background:#ffffff0f}.css-export-options{align-items:center;display:flex}.css-code-box{max-height:250px;padding:1.25rem;position:relative;overflow-y:auto}.css-code-box pre{margin:0;padding-right:80px}.css-code-box code{color:#ffffffd9;white-space:pre-wrap;word-break:break-all;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8rem;line-height:1.6}.css-copy-btn{color:#10b981;cursor:pointer;background:#10b98126;border:1px solid #10b9814d;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.75rem;font-weight:700;transition:all .25s;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 10px #0003}.css-copy-btn:hover{color:#fff;background:#10b981;box-shadow:0 0 10px #10b9814d}.premium-toast{-webkit-backdrop-filter:blur(14px);z-index:9999;background:#0f172ad9;border:1px solid #10b9814d;border-radius:16px;align-items:center;gap:12px;padding:12px 18px;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 25px #0006,0 0 15px #10b9811a}.animate-toast{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideIn}.toast-icon{color:#10b981;background:#10b98133;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;font-weight:700;display:flex}.toast-content{flex-direction:column;display:flex}.toast-title{color:#fff;font-size:.85rem;font-weight:700}.toast-subtitle{color:#fff6;font-size:.75rem;font-weight:500}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}