.particle-text{position:relative;display:block;width:100%;height:100%;min-height:240px;overflow:hidden;touch-action:none;isolation:isolate}.particle-text__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.particle-text__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-container{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem;display:flex;flex-direction:column;gap:2rem;width:100%}.header{text-align:center;margin-bottom:.5rem}.header h1{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#fff,#a78bfa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;letter-spacing:-.02em}.header p{color:#94a3b8;font-size:1rem}.badge{display:inline-block;background:#8b5cf626;border:1px solid rgba(139,92,246,.35);color:#c4b5fd;padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600;margin-bottom:.75rem}.stage-wrapper{background:#09090f;border-radius:1rem;border:1px solid #1e1e2d;overflow:hidden;box-shadow:0 20px 40px -15px #000000b3;position:relative}.stage-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:#ffffff05;border-bottom:1px solid #1e1e2d;font-size:.85rem;color:#64748b}.stage-header .hint{color:#a78bfa;font-weight:500}.stage-canvas-area{width:100%;height:380px;background:#09090f;cursor:crosshair}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;background:#0f0f1a;border:1px solid #1e1e2d;border-radius:1rem;padding:1.75rem}.control-group{display:flex;flex-direction:column;gap:.6rem}.control-group label{font-size:.85rem;font-weight:600;color:#cbd5e1;display:flex;justify-content:space-between}.control-group label span.val{color:#8b5cf6;font-family:monospace}.text-input,.select-input{background:#181828;border:1px solid #2e2e42;border-radius:.5rem;padding:.6rem .85rem;color:#f1f5f9;font-size:.95rem;outline:none;transition:border-color .2s}.text-input:focus,.select-input:focus{border-color:#8b5cf6}.color-picker-row{display:flex;align-items:center;gap:.75rem}.color-picker-input{width:40px;height:36px;border:none;border-radius:.35rem;background:none;cursor:pointer}.presets-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.preset-chip{background:#181828;border:1px solid #2e2e42;border-radius:.5rem;padding:.35rem .7rem;color:#94a3b8;font-size:.8rem;cursor:pointer;transition:all .15s ease}.preset-chip:hover{background:#25253e;color:#f1f5f9;border-color:#8b5cf6}.preset-chip.active{background:#8b5cf633;color:#c4b5fd;border-color:#8b5cf6}.toggle-label{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.9rem;color:#cbd5e1}.code-snippet-box{background:#0d0d17;border:1px solid #1e1e2d;border-radius:.75rem;padding:1.25rem;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;color:#e2e8f0;line-height:1.6}.code-snippet-box pre{margin:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f1f5f9;background-color:#09090f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,#root{min-height:100vh;display:flex;flex-direction:column}