.HeaderControls-module-scss-module__JyYG1a__header{box-sizing:border-box;z-index:1000;isolation:isolate;background-color:#ffffffcf;border:1px solid #fffc;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;display:flex;position:sticky;box-shadow:inset 0 8px 30px #2d28281a;transform:none!important}.HeaderControls-module-scss-module__JyYG1a__header .HeaderControls-module-scss-module__JyYG1a__leftSideContainer{place-items:center;width:auto;height:30px;transition:scale .27s cubic-bezier(.3,-.3,.5,1.7);display:flex}.HeaderControls-module-scss-module__JyYG1a__header .HeaderControls-module-scss-module__JyYG1a__leftSideContainer:hover{cursor:pointer;scale:1.05}.HeaderControls-module-scss-module__JyYG1a__header .HeaderControls-module-scss-module__JyYG1a__toolBarRight{flex-shrink:1;gap:1rem;display:flex}.HeaderControls-module-scss-module__JyYG1a__buttonStyle{box-sizing:border-box;cursor:pointer;background-color:#fff;border:1px solid #aaa;border-radius:5px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:box-shadow .25s}.HeaderControls-module-scss-module__JyYG1a__buttonStyle:hover{box-shadow:inset 2px 3px 5px #0006}.HeaderControls-module-scss-module__JyYG1a__undoRedoButton{cursor:pointer;background-color:#fff;border:1px solid #aaa;border-radius:5px;width:40px;padding:0;transition:box-shadow .25s}.HeaderControls-module-scss-module__JyYG1a__undoRedoButton:hover{box-shadow:inset 2px 3px 5px #0006}.HeaderControls-module-scss-module__JyYG1a__floatingPanelStyle{-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);z-index:9999;background-color:#ffffff8c;border:1px solid #fff;border-radius:10px;width:300px;max-height:80vh;position:absolute;top:90px;box-shadow:inset 0 8px 30px #00000026}.HeaderControls-module-scss-module__JyYG1a__panelOpen{opacity:1;transition:opacity .15s}.HeaderControls-module-scss-module__JyYG1a__panelClosed{display:none}.HeaderControls-module-scss-module__JyYG1a__panelHeaderContainer{text-align:center;color:#fff;background-color:#272727;border-radius:8.5px 8.5px 0 0;width:100%;padding:5px 0}.HeaderControls-module-scss-module__JyYG1a__closePanelButton{color:red;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:red;border-radius:50%;width:14px;height:14px;font-size:10px;font-weight:700;transition:filter .1s;position:absolute;top:8px;left:9px}.HeaderControls-module-scss-module__JyYG1a__closePanelButton:hover{color:#434343;filter:brightness(.9)}.HeaderControls-module-scss-module__JyYG1a__panelContentContainer{padding:20px;top:10px;box-shadow:inset 0 8px 30px #2d282866}.HeaderControls-module-scss-module__JyYG1a__panelButtonsContainer{align-items:center;gap:1rem;display:flex}.HeaderControls-module-scss-module__JyYG1a__manualColorPickerContainer{grid-template-columns:repeat(4,100px);gap:16px;margin-bottom:1rem;display:grid}.HeaderControls-module-scss-module__JyYG1a__color-picker-panel{background:#fff;border-radius:8px;max-width:300px;margin:auto;padding:1rem;box-shadow:0 6px 20px #0000001a}.HeaderControls-module-scss-module__JyYG1a__controlsContainer{align-items:center;gap:1rem;display:flex}.HeaderControls-module-scss-module__JyYG1a__editorButtonsBox{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.HeaderControls-module-scss-module__JyYG1a__editorButtonContainer{cursor:pointer;border:2px solid #fff;border-radius:5px;flex-wrap:wrap;place-content:space-between center;gap:5px;width:110px;padding:5px 0;list-style:none;transition:box-shadow .3s,transform .2s,border-color .3s,border-width .3s;display:flex}.HeaderControls-module-scss-module__JyYG1a__editorButtonContainer:hover{transform:scale(1.02);box-shadow:inset 0 2px 8px #ffffff80,inset 0 -2px 8px #fff6,0 2px 8px #00000080,0 -2px 8px #0006,2px 0 6px #0000004d,0 2px 8px #0003}.HeaderControls-module-scss-module__JyYG1a__editorButtonContainer .HeaderControls-module-scss-module__JyYG1a__classPreview{aspect-ratio:2;background-color:#fff;border-radius:2.5px;width:90%;font-size:1rem;font-weight:700;overflow:hidden}.HeaderControls-module-scss-module__JyYG1a__editorButtonContainer p{color:#fff;margin:0}.HeaderControls-module-scss-module__JyYG1a__activeEditor{cursor:pointer;border:2px solid #00ff00e0;border-radius:5px;flex-wrap:wrap;place-content:space-between center;gap:5px;width:110px;padding:5px 0;list-style:none;transition:box-shadow .3s,transform .2s,border-color .3s,border-width .3s;display:flex;transform:scale(1.04);box-shadow:inset 0 2px 8px #00ff114d,inset 0 -2px 8px #0f13,0 2px 8px #00ff1180,0 2px 8px #fff3}.HeaderControls-module-scss-module__JyYG1a__activeEditor:hover{transform:scale(1.06);box-shadow:inset 0 2px 8px #00ff1180,inset 0 -2px 8px #0f16,0 -2px 8px #0f16,2px 0 6px #00ff114d,2px 0 6px #ffffff4d,0 2px 8px #fff3}.HeaderControls-module-scss-module__JyYG1a__activeEditor .HeaderControls-module-scss-module__JyYG1a__classPreview{aspect-ratio:2;background-color:#fff;border-radius:2.5px;width:90%;font-size:1rem;font-weight:700;overflow:hidden}.HeaderControls-module-scss-module__JyYG1a__activeEditor p{color:#0f1;margin:0}.HeaderControls-module-scss-module__JyYG1a__classButton p{mix-blend-mode:difference;color:#fff;padding:0}.HeaderControls-module-scss-module__JyYG1a__palette{background-color:#d3d3d3;border-radius:5px;flex-direction:column;gap:20px;padding:1rem;display:flex}