.ripple-shell{display:flex;width:100vw;height:100vh;overflow:hidden}.ripple-shell--standalone{flex-direction:row}.ripple-shell--embedded .ripple-canvas-wrapper{flex:1}.ripple-canvas-wrapper{flex:1;position:relative;overflow:hidden}.ripple-sidebar{width:260px;flex-shrink:0;background:var(--atelier-surface);border-left:1px solid var(--atelier-border);transition:background-color var(--atelier-ease),border-color var(--atelier-ease);display:flex;flex-direction:column;overflow-y:auto;padding:12px;gap:4px}:root{color-scheme:light;--atelier-background: #f5efe3;--atelier-surface: #ebe3d2;--atelier-surface-2: #ddd3bd;--atelier-surface-3: #d2c6ad;--atelier-border: #c8bba0;--atelier-border-faint: #d8cdb8;--atelier-accent: #34d399;--atelier-accent-dim: rgba(52, 211, 153, .22);--atelier-accent-glow: rgba(52, 211, 153, .1);--atelier-text: #2a2520;--atelier-text-sub: #4a4239;--atelier-text-muted: #6b6358;--atelier-text-dim: #9c9385;--atelier-success: #168a5b;--atelier-warning: #b96312;--atelier-error: #b43b36;--atelier-font-sans: "DM Sans", system-ui, sans-serif;--atelier-font-display: "Syne", system-ui, sans-serif;--atelier-font-mono: "IBM Plex Mono", ui-monospace, monospace;--atelier-space-1: 4px;--atelier-space-2: 8px;--atelier-space-3: 12px;--atelier-space-4: 16px;--atelier-space-5: 24px;--atelier-space-6: 32px;--atelier-radius-sm: 3px;--atelier-radius-md: 6px;--atelier-radius-lg: 8px;--atelier-text-xs: 10px;--atelier-text-sm: 12px;--atelier-text-md: 14px;--atelier-text-lg: 18px;--atelier-ease: .2s ease}:root.dark,:root[data-atelier-mode=dark]{color-scheme:dark;--atelier-background: #0c0b09;--atelier-surface: #141210;--atelier-surface-2: #1c1a17;--atelier-surface-3: #24211d;--atelier-border: #2a2720;--atelier-border-faint: #1f1d17;--atelier-accent-dim: rgba(52, 211, 153, .18);--atelier-accent-glow: rgba(52, 211, 153, .07);--atelier-text: #e2d9ce;--atelier-text-sub: #b5ab9d;--atelier-text-muted: #8a8070;--atelier-text-dim: #3e3a33;--atelier-success: #34d399;--atelier-warning: #d97706;--atelier-error: #ef6a62}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--atelier-font-sans);background:var(--atelier-background);color:var(--atelier-text);overflow:hidden;width:100vw;height:100vh;transition:background-color var(--atelier-ease),color var(--atelier-ease)}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--atelier-accent);outline-offset:2px}input[type=range]{accent-color:var(--atelier-accent);cursor:pointer}