@import url(https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.circlescape-container{bottom:0;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100vh;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:all 1.5s ease-in-out;width:100%}.sidebar-menu{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#000c;box-shadow:0 0 15px #0000004d;color:#ffffffd9;display:flex;flex-direction:column;height:100vh;position:relative;transition:width .2s ease;width:260px;z-index:100}.sidebar-menu.collapsed{width:50px}.menu-header{align-items:center;background-color:#0000004d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px}.app-title{color:#fff;font-family:Syne Mono,monospace;font-size:22px;font-style:normal;font-weight:400;margin:0;overflow:visible;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.collapse-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:background-color .2s,color .2s;width:24px}.collapse-toggle:hover{background-color:#ffffff1a;color:#fff}.menu-content{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:15px}.sidebar-menu.collapsed .menu-content{display:none}.section-title{border-bottom:1px solid #ffffff26;color:#ffffffe6;font-size:14px;font-weight:500;margin-bottom:12px;margin-top:0;padding-bottom:8px}.control-section{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#ffffff14;border-radius:8px;padding:15px}.control-group{margin-bottom:12px}.control-group label{color:#ffffffd9;display:block;font-size:13px;font-weight:400;margin-bottom:5px}.control-group input,.control-group select{background-color:#0000004d;border:1px solid #fff3;border-radius:4px;color:#ffffffe6;font-size:13px;padding:6px 10px;transition:border-color .2s,box-shadow .2s;width:80%}.control-group input:focus,.control-group select:focus{border-color:#72bbffb3;box-shadow:0 0 0 2px #72bbff33;outline:none}.palette-note{color:#fff9;display:block;font-size:11px;margin-top:5px}.toggle-container{align-items:center;display:flex;margin-bottom:8px}.toggle-label{align-items:center;cursor:pointer;display:flex;font-size:13px}.toggle-label input{accent-color:#72bbffe6;margin-right:5px}.toggle-text{color:#fffc}.exact-count-control{display:flex;flex-direction:column}.min-max-inputs{display:flex;gap:10px}.min-max-inputs div{display:flex;flex:1 1;flex-direction:column}.min-max-inputs label{font-size:12px;margin-bottom:4px}.min-max-inputs input{width:70%}.circle-count-display{align-items:center;background-color:#ffffff1a;border-radius:4px;color:#ffffffb3;display:flex;font-size:12px;justify-content:space-between;padding:6px 8px}.circle-count-display strong{color:#fffffff2;font-weight:600}.controls-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:15px}.button-row{display:flex;gap:8px;margin-bottom:10px}.generate-button,.pause-button,.play-button{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:3px 6px;text-align:center;transition:all .2s ease}.play-button{background-color:#34c759b3;color:#fff}.pause-button{background-color:#ff3b30b3;color:#fff}.generate-button{background-color:#007affb3;color:#fff}.generate-button:hover,.pause-button:hover,.play-button:hover{box-shadow:0 2px 5px #0003;opacity:.9;transform:translateY(-1px)}.generate-button:active,.pause-button:active,.play-button:active{opacity:.8;transform:translateY(0)}button:disabled{background-color:#b0b0b066;box-shadow:none!important;cursor:not-allowed;opacity:.7;transform:none!important}.current-palette-preview{align-items:center;background-color:#ffffff1a;border-radius:4px;display:flex;margin-top:10px;padding:6px}.color-squares{display:flex;flex-wrap:wrap;gap:3px}.color-square{border-radius:3px;box-shadow:0 1px 2px #0000004d;height:20px;transition:all .5s;width:20px}.palette-select-container{position:relative;width:100%}.palette-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27rgba%28255, 255, 255, 0.7%29%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 5px center;background-repeat:no-repeat;padding-right:25px;width:100%}.palette-preview-dropdown{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#0f0f0ff2;border:1px solid #fff3;border-radius:6px;box-shadow:0 4px 12px #0000004d;display:none;left:0;max-height:150px;overflow-y:auto;padding:8px;position:absolute;top:calc(100% - 1px);width:100%;z-index:20}.palette-select-container:hover .palette-preview-dropdown{display:block}.palette-preview-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin-bottom:4px;padding:6px 8px;transition:all .2s}.palette-preview-item:hover{background-color:#ffffff1a}.palette-preview-item.active{background-color:#007aff4d}.palette-colors{display:flex;flex:1 1;margin-right:8px}.palette-color-sample{border-radius:2px;height:12px;margin-right:2px;width:12px}.palette-name{color:#fffc;font-size:12px}.keyboard-hint{color:#fff9;font-size:11px}.keyboard-hint kbd{background-color:#ffffff1a;border:1px solid #fff3;border-radius:3px;box-shadow:0 1px 1px #0000004d;color:#ffffffe6;font-size:11px;margin:0 2px;padding:2px 4px}.canvas-wrapper{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill-rule='evenodd' d='m8 4 4 2-4 2-2 4-2-4-4-2 4-2 2-4 2 4z' fill='%23c000000' fill-opacity='.3'/%3E%3C/svg%3E");bottom:0;height:100vh;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:10}.canvas-wrapper .logo{margin-right:10px;width:25px}.canvas-wrapper svg{display:block;height:100vh;width:100%}.canvas-wrapper svg rect{transition:fill 1.2s ease-in-out}colors{display:flex;flex:1 1;margin-right:10px}.canvas-wrapper circle.has-shadow{filter:drop-shadow(0 0 15px rgb(0 0 0/.7))}.config-display{min-width:400px;padding:5px 10px;top:10px}.config-display,.config-display.bottom{background-color:#000c;border-radius:20px;display:flex;gap:5px;left:0;margin:auto;position:absolute;right:0;transition:all .5s;width:fit-content}.config-display.bottom{bottom:10px;padding-top:0;top:auto}.palette-color-sample{border-radius:3px;box-shadow:0 1px 2px #0000001a;height:15px;margin-right:3px;width:15px}.palette-name{color:#444;font-size:13px;white-space:nowrap}.keyboard-hint{color:#c9c8c8;font-size:13px;margin-top:4px;text-align:center}.keyboard-hint kbd{background-color:#f7f7f7;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#444;display:inline-block;font-family:monospace;font-size:12px;font-weight:600;line-height:1;margin:0 3px;padding:3px 6px}.canvas-container{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000000d;overflow:hidden;width:100%}.menu-header img.logo{margin-bottom:-7px;width:30px}.sidebar-menu a{color:#fcfcd5;display:block;font-family:Syne Mono,monospace;font-size:90%;text-decoration:none;text-transform:uppercase;transition:all .2s}.sidebar-menu a:hover{color:#ecd718}
/*# sourceMappingURL=main.eddefa04.css.map*/