*{margin:0;padding:0;box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:#333}.app{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:15px;padding:30px}.container{width:847px;display:flex;flex-direction:column;gap:25px;padding:20px;border-radius:15px;position:relative;border:3px solid #ffffff;background:linear-gradient(180deg,#ebf4ff,#fff);box-shadow:0 10px 40px #7090b040}.container hr{border:1px solid #333333;margin:0;padding:0;width:100%;opacity:.2}.container h1{font-size:25px;font-weight:600;color:#333}.container pre{width:100%;display:inline-block;margin:0!important;padding:0!important;background-color:transparent!important;font-size:14px!important}.container .units-info{font-size:14px;color:#333;opacity:.5}.container .units-info a{color:#4318ff;text-decoration:none}.container .units-info a:hover{text-decoration:underline}.container .settings{width:100%;display:flex;flex-direction:column;gap:15px}.container .settings .buttons{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%;margin-top:30px}.container .settings .buttons button{padding:10px 20px;border-radius:10px;border:none;color:#fff;font-size:16px}.container .copy-button{position:absolute;top:10px;right:10px;cursor:pointer;border:none;background:none;padding:0;margin:0;width:fit-content;height:fit-content;transition:all .15s ease}.container .copy-button img{width:20px;height:20px}.container .copy-button:disabled{opacity:.5;cursor:not-allowed;transform:scale(1.3)}.container .copy-button:hover:not(:disabled){transform:scale(1.2)}.content,.content-item{width:100%}.content-item-list{display:flex;flex-direction:column;gap:10px;width:100%}.content-item-list-item{text-align:center;text-transform:uppercase;padding:5px 10px;border-radius:10px;border:2px solid rgba(51,51,51,.2);background:#f0f8ff;transition:all .15s ease}.content-item-list-item:hover{background:#87ceeb33}.content-item span{font-size:16px;color:#333}.actions-wrapper{display:flex;flex-direction:column;width:100%}.actions-wrapper .actions-header{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;width:100%}.actions-wrapper .actions-header h3{font-size:20px;color:#333;font-weight:600}.actions-wrapper .actions-header img{width:24px;height:24px;transition:all .15s ease}.actions-wrapper .actions{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px 20px}.actions-wrapper .actions .actions-item{width:fit-content;display:flex;align-items:center;gap:5px}.actions-wrapper .actions-column{width:100%;display:grid;grid-template-columns:repeat(4,1fr);align-items:flex-start;gap:20px 10px}.actions-wrapper .actions-column .actions-column-item{display:flex;align-items:flex-start;flex-direction:column;gap:0;width:fit-content}.actions-wrapper .actions-column .actions-column-item label{width:100%;color:#333;font-size:16px}.checkbox{display:flex;align-items:center;gap:5px;font-size:16px;color:#333;cursor:pointer;position:relative}.checkbox input[type=checkbox]{opacity:0;visibility:hidden;width:20px;height:20px}.checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.checkbox input[type=checkbox]:checked~.checkbox-mark:after{opacity:.5;transform:scale(1)}.checkbox .checkbox-mark{position:absolute;width:20px;height:20px;border-radius:2px;border:1px solid #333333;background:#f0f8ff;display:flex;align-items:center;justify-content:center}.checkbox .checkbox-mark:after{content:"";position:relative;width:15px;height:15px;border-radius:2px;background:#333;opacity:0;transition:all .15s ease;transform:scale(.3)}.range{display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:#333;font-size:16px;position:relative}.range input[type=range]{opacity:0;visibility:hidden;height:10px}.range input[type=range]:disabled{cursor:not-allowed;opacity:.5}.range input[type=range]:disabled~span{opacity:.5}.range .range-label{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%}.range .range-label input[type=text]{display:inline-flex;align-items:center;justify-content:center;width:35px;height:24px;padding:0 4px;background:#f0f8ff;border:1px solid #333333;border-radius:4px}.range .range-label input[type=text]:focus{outline:none}.range .range-label input[type=text]:disabled{opacity:.5;cursor:not-allowed}.range .range-wrapper{position:absolute;height:10px;cursor:pointer;bottom:0;left:0;right:0}.range .range-wrapper .range-bar{position:absolute;width:100%;height:100%;background:#f0f8ff;border:1px solid #333333;border-radius:10px;cursor:pointer;transition:background-color .15s ease}.range .range-wrapper .range-thumb{position:absolute;width:20px;height:8px;background:#333;border-radius:10px;cursor:grab;transition:all .15s ease;z-index:100;pointer-events:all;top:50%}.range .range-wrapper .range-thumb:active{cursor:grabbing;transform:translate(-50%) translateY(-50%) scale(1.2)}.color-picker-wrapper{position:relative}.color-picker-wrapper label{font-size:16px;color:#333}.color-picker-wrapper .color-picker{display:flex;align-items:center;gap:5px}.color-picker-wrapper .color-picker input{height:24px;padding:0 8px;border:1px solid #333333;border-radius:4px;font-size:16px;width:100px;background-color:#f0f8ff}.color-picker-wrapper .color-picker input:focus{outline:none}.color-picker-wrapper .color-picker-input{width:20px;height:20px;border:1px solid #333333;border-radius:4px;cursor:pointer}.color-picker-wrapper .color-picker-table{position:absolute;top:calc(100% + 10px);left:0;z-index:500}.color-picker-wrapper .color-picker-table .react-colorful__pointer{width:20px;height:20px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;height:100%}.loading-spinner .spinner{width:35px;height:35px;border:3px solid rgba(51,51,51,.2);border-top:3px solid #4318ff;opacity:.5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}