@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";#root{background-color:#0b2028;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.test{width:375px;height:100vh;position:relative}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.light{position:absolute;top:0;left:0}img{z-index:10;pointer-events:none;position:relative}.light-rays-container{pointer-events:none;z-index:3;width:100%;height:100%;position:relative;overflow:hidden}.app-shell{width:100%;min-height:100vh}.light{position:absolute;inset:0}.test__image{z-index:10;object-fit:contain;width:100%;height:auto;display:block;position:relative}.control-panel{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#f4fbff;scrollbar-width:thin;background:#071217c7;border:1px solid #ffffff29;border-radius:16px;width:clamp(188px,56vw,240px);max-width:calc(100vw - 24px);max-height:min(52vh,420px);padding:12px;position:fixed;bottom:12px;right:12px;overflow-y:auto;box-shadow:0 10px 28px #00000047}.control-panel__header{justify-content:flex-end;align-items:center;margin-bottom:10px;display:flex}.control-panel--collapsed .control-panel__header{margin-bottom:0}.control-panel--collapsed{width:auto;max-height:none;padding:10px 10px 10px 12px}.control-panel__actions{align-items:center;gap:6px;display:flex}.control-panel__copy,.control-panel__reset{min-height:28px;color:inherit;white-space:nowrap;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;padding:0 10px;font-size:11px;line-height:1;transition:background-color .2s}.control-panel__copy:hover,.control-panel__reset:hover{background:#ffffff2e}.control-panel__copy--success{background:#84e6bc38}.control-panel__copy--error{background:#ff787838}.control-panel__reset:disabled{opacity:0;pointer-events:none;border:0;width:0;min-width:0;margin:0;padding:0}.control-panel__toggle{width:28px;height:28px;color:inherit;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .2s;display:inline-flex}.control-panel__toggle:hover{background:#ffffff2e}.control-panel__toggle-icon{border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;margin-top:-2px;transition:transform .2s;transform:rotate(45deg)}.control-panel__toggle-icon--collapsed{margin-top:2px;transform:rotate(-135deg)}.control-panel__sliders{gap:10px;display:grid}.control-panel__sliders--hidden{display:none}.slider-control{gap:5px;display:grid}.slider-control--with-input{gap:6px}.slider-control__meta{justify-content:space-between;align-items:center;gap:8px;font-size:11px;line-height:1.2;display:flex}.slider-control__meta span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.slider-control__meta span:last-child{color:#f4fbffb8;font-variant-numeric:tabular-nums;text-align:center;background:#ffffff14;border-radius:999px;flex-shrink:0;min-width:34px;padding:2px 6px}.slider-control input[type=range]{accent-color:#d7f2ff;width:100%;margin:0}.slider-control__row{grid-template-columns:minmax(0,1fr) 56px;align-items:center;gap:8px;display:grid}.slider-control__number{color:#f4fbff;width:100%;min-width:0;height:24px;font:inherit;text-align:center;box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;padding:0 6px}.slider-control__number:focus{outline-offset:0;outline:1px solid #d7f2ff80}@media (width<=640px){.control-panel{border-radius:14px;width:clamp(176px,58vw,216px);max-width:calc(100vw - 24px);max-height:min(48vh,360px);padding:10px;bottom:12px;right:12px}.control-panel__reset,.control-panel__copy{min-height:26px;padding:0 8px;font-size:10px}.slider-control__meta{font-size:11px}.slider-control__row{grid-template-columns:minmax(0,1fr) 52px;gap:6px}.slider-control__number{height:22px;padding:0 4px}}