@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";@import "https://fonts.googleapis.com/css?family=Montserrat:400,700";.overlay[data-v-b8d448ca]{z-index:2;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.drawing[data-v-8009ec35]{cursor:crosshair;z-index:1;background-color:#fff;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.text-options-panel[data-v-2c92a44d]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;pointer-events:all;background-color:#d3d3d37d;border-radius:8px;align-items:center;gap:4px;padding:8px;display:flex;position:absolute;box-shadow:0 2px 8px #0000001a}.option-group[data-v-2c92a44d]{gap:4px;display:flex}.divider[data-v-2c92a44d]{background-color:#c6c6c6;width:1px;height:36px;margin:0 4px}.font-size-button[data-v-2c92a44d]{color:#34495e;cursor:pointer;background-color:#0000;border:1px solid #b9b9b980;border-radius:4px;outline:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-family:Montserrat,sans-serif;font-size:12px;transition:all .2s;display:flex}.font-size-button[data-v-2c92a44d]:hover{background-color:#34495e1a;border-color:#b9b9b9b3}.font-size-button.active[data-v-2c92a44d]{color:#34495e;background-color:#34495e26;border-color:#34495e80}.alignment-button[data-v-2c92a44d]{color:#34495e;cursor:pointer;background-color:#0000;border:1px solid #b9b9b980;border-radius:4px;outline:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-family:Montserrat,sans-serif;font-size:12px;transition:all .2s;display:flex}.alignment-button[data-v-2c92a44d]:hover{background-color:#34495e1a;border-color:#b9b9b9b3}.alignment-button.active[data-v-2c92a44d]{color:#34495e;background-color:#34495e26;border-color:#34495e80}.style-button[data-v-2c92a44d]{color:#34495e;cursor:pointer;background-color:#0000;border:1px solid #b9b9b980;border-radius:4px;outline:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-family:Montserrat,sans-serif;font-size:12px;transition:all .2s;display:flex}.style-button[data-v-2c92a44d]:hover{background-color:#34495e1a;border-color:#b9b9b9b3}.style-button.active[data-v-2c92a44d]{color:#34495e;background-color:#34495e26;border-color:#34495e80}.paper[data-v-20bc6c53]{background-color:#c8c8c8;flex:1;position:relative;overflow:hidden}.viewport[data-v-20bc6c53]{width:100%;height:100%;position:absolute;top:0;left:0}.drop-overlay[data-v-20bc6c53]{z-index:10;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.drop-zone[data-v-20bc6c53]{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);cursor:pointer;pointer-events:auto;background:#d3d3d340;border:none;flex:1;justify-content:center;align-items:center;transition:all .15s;display:flex}.drop-zone--active[data-v-20bc6c53]{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#d3d3d37d;border:1px solid #b9b9b94d}.drop-zone--active .drop-zone__icon[data-v-20bc6c53]{color:#7f8c8d;transform:scale(1.1)}.drop-zone--active .drop-zone__label[data-v-20bc6c53]{color:#7f8c8d;font-weight:600}.drop-zone--left[data-v-20bc6c53],.drop-zone--middle[data-v-20bc6c53]{border-right:1px solid #b9b9b94d}.drop-zone__content[data-v-20bc6c53]{pointer-events:auto;flex-direction:column;align-items:center;gap:8px;display:flex}.drop-zone__icon[data-v-20bc6c53]{color:#95a5a6;font-size:32px;line-height:1;transition:all .15s}.drop-zone__label[data-v-20bc6c53]{color:#34495e;text-align:center;-webkit-user-select:none;user-select:none;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;transition:all .15s}.modal-overlay[data-v-8d0525fa]{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0003;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-8d0525fa]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffffb3;border-radius:8px;width:90%;max-width:500px;font-family:Montserrat,sans-serif;box-shadow:0 2px 8px #0000001a}.modal-header[data-v-8d0525fa]{background-color:#0000;border-bottom:1px solid #b9b9b980;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2[data-v-8d0525fa]{color:#34495e;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:11px;font-weight:600}.close-btn[data-v-8d0525fa]{cursor:pointer;color:#95a5a6;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;transition:all .2s;display:flex}.close-btn[data-v-8d0525fa]:hover{color:#34495e}.modal-content[data-v-8d0525fa]{background-color:#0000;flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex}canvas[data-v-8d0525fa]{cursor:crosshair;border:1px solid #b9b9b980;border-radius:4px}.color-preview[data-v-8d0525fa]{align-items:center;gap:12px;width:100%;display:flex}.preview-color[data-v-8d0525fa]{border:1px solid #b9b9b980;border-radius:4px;width:60px;height:60px}input[type=text][data-v-8d0525fa]{color:#34495e;background-color:#0000;border:1px solid #b9b9b980;border-radius:4px;flex:1;padding:8px 12px;font-family:Montserrat,sans-serif;font-size:12px}input[type=text][data-v-8d0525fa]:focus{background-color:#34495e0d;border-color:#34495e80;outline:none}.modal-footer[data-v-8d0525fa]{background-color:#0000;border-top:1px solid #b9b9b980;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}button[data-v-8d0525fa]{cursor:pointer;color:#34495e;background-color:#0000;border:1px solid #b9b9b980;border-radius:4px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}button[data-v-8d0525fa]:hover{background-color:#34495e1a;border-color:#b9b9b9b3}button[data-v-8d0525fa]:active{background-color:#34495e26;border-color:#34495e80}.modal-overlay[data-v-b2c51b20]{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0003;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-b2c51b20]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffffb3;border-radius:8px;width:90%;max-width:600px;font-family:Montserrat,sans-serif;box-shadow:0 2px 8px #0000001a}.modal-header[data-v-b2c51b20]{background-color:#0000;border-bottom:1px solid #b9b9b980;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2[data-v-b2c51b20]{color:#34495e;margin:0;font-size:16px;font-weight:600}.close-btn[data-v-b2c51b20]{cursor:pointer;color:#95a5a6;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;transition:all .2s;display:flex}.close-btn[data-v-b2c51b20]:hover{color:#34495e}.modal-content[data-v-b2c51b20]{background-color:#0000;flex:1;padding:16px 20px;overflow-y:auto}.theme-option[data-v-b2c51b20]{cursor:pointer;border:1px solid #b9b9b980;border-radius:4px;margin-bottom:12px;padding:12px;transition:all .2s}.theme-option[data-v-b2c51b20]:hover{background-color:#34495e1a;border-color:#b9b9b9b3}.theme-header[data-v-b2c51b20]{justify-content:space-between;align-items:center;margin-bottom:8px;font-family:Montserrat,sans-serif;display:flex}.theme-option h3[data-v-b2c51b20]{color:#34495e;margin:0;font-size:12px;font-weight:600}.reroll-btn[data-v-b2c51b20]{cursor:pointer;color:#95a5a6;background:0 0;border:none;padding:4px 6px;font-size:14px;transition:transform .2s}.reroll-btn[data-v-b2c51b20]:hover{color:#34495e;transform:rotate(180deg)}.primary-label[data-v-b2c51b20]{color:#95a5a6;margin-left:4px;font-size:11px;font-weight:400}.color-preview[data-v-b2c51b20]{gap:2px;height:20px;display:flex}.preview-swatch[data-v-b2c51b20]{border:1px solid #b9b9b980;border-radius:2px;flex:1}.color-bar-container[data-v-cfc906a5]{z-index:99;width:92px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.colors[data-v-cfc906a5]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#d3d3d37d;border-radius:8px;flex-wrap:wrap;gap:4px;padding:8px;font-family:Montserrat,sans-serif;display:flex;box-shadow:0 2px 8px #0000001a}.color-placeholder[data-v-cfc906a5]{width:36px;height:36px}.color[data-v-cfc906a5]{cursor:grab;border:1px solid #b9b9b9d9;border-radius:4px;outline:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;transition:all .2s;display:flex;position:relative}.color[data-v-cfc906a5]:active{cursor:grabbing}.color[data-v-cfc906a5]:focus{outline:none}.color[data-v-cfc906a5]:hover{transform:scale(1.08);box-shadow:0 0 8px #00000026}.color.selected[data-v-cfc906a5]{border:1px solid #b9b9b980;position:relative;box-shadow:0 0 0 1px #34495e4d,0 2px 8px #0000001a}.color.selected[data-v-cfc906a5]:after{content:"✓";color:#fff;background-color:#34495e;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:600;display:flex;position:absolute;bottom:-1px;right:-1px;box-shadow:0 .5px 2px #00000026}.color.selected[data-v-cfc906a5]:hover{box-shadow:0 0 0 2px #34495e4d,0 4px 12px #0003}.color.dragging[data-v-cfc906a5]{opacity:.5}.color.dragOver[data-v-cfc906a5]:before{content:"";background-color:#34495e;border-radius:2px;width:3px;height:100%;position:absolute;top:0;left:-3px}.color-number[data-v-cfc906a5]{color:#ecf0f1;text-shadow:-1px -1px #34495e,1px -1px #34495e,-1px 1px #34495e,1px 1px #34495e,0 -1px #34495e,0 1px #34495e,-1px 0 #34495e,1px 0 #34495e;font-size:16px;font-weight:700}.color-add[data-v-cfc906a5]{color:#34495e;cursor:pointer;background-color:#0000;border:1px solid #b9b9b980;border-radius:4px;outline:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-family:Montserrat,sans-serif;font-size:12px;transition:all .2s;display:flex}.color-add[data-v-cfc906a5]:hover{background-color:#34495e1a;border-color:#b9b9b9b3}.color-add.active[data-v-cfc906a5]{color:#34495e;background-color:#34495e26;border-color:#34495e80}.color-settings[data-v-cfc906a5]{color:#34495e;cursor:pointer;background-color:#0000;border:1px solid #b9b9b980;border-radius:4px;outline:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-family:Montserrat,sans-serif;font-size:12px;transition:all .2s;display:flex}.color-settings[data-v-cfc906a5]:hover{background-color:#34495e1a;border-color:#b9b9b9b3}.color-settings.active[data-v-cfc906a5]{color:#34495e;background-color:#34495e26;border-color:#34495e80}.color-eyedropper[data-v-cfc906a5]{color:#34495e;cursor:pointer;background-color:#0000;border:1px solid #b9b9b980;border-radius:4px;outline:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-family:Montserrat,sans-serif;font-size:12px;transition:all .2s;display:flex}.color-eyedropper[data-v-cfc906a5]:hover{background-color:#34495e1a;border-color:#b9b9b9b3}.color-eyedropper.active[data-v-cfc906a5]{color:#2c3e50;background-color:#34495e33;border-color:#34495e80}.image-drop-overlay[data-v-cfc906a5]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#34495e;pointer-events:none;z-index:10;box-sizing:border-box;background:#ffffffb3;border:1px solid #b9b9b94d;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-family:Montserrat,sans-serif;display:flex;position:absolute;inset:0;box-shadow:0 2px 8px #0000001a}.image-drop-overlay .fa[data-v-cfc906a5]{color:#34495e;opacity:.7;font-size:20px}.overlay-label[data-v-cfc906a5]{text-align:center;letter-spacing:.3px;color:#34495ecc;max-width:85%;font-size:12px;font-weight:400;line-height:1.3}.clear-button[data-v-99f198ab]{margin-left:auto}.tool[data-v-8d7310b7]{color:#34495e;cursor:pointer;background-color:#0000;border:1px solid #b9b9b980;border-radius:4px;padding:8px 12px;font-family:Montserrat,sans-serif;font-size:12px;transition:all .2s}.tool[data-v-8d7310b7]:hover{background-color:#34495e1a;border-color:#b9b9b9b3}.tool.active[data-v-8d7310b7]{color:#34495e;background-color:#34495e26;border-color:#34495e80}.tool-options[data-v-2a265b93]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:101;opacity:1;background-color:#d3d3d37d;border-radius:8px;gap:4px;padding:8px;transition:opacity .5s ease-out;display:flex;position:fixed;bottom:68px;transform:translate(-50%);box-shadow:0 2px 8px #0000001a}.tool-options.fade-out[data-v-2a265b93]{opacity:0;pointer-events:none}.tool-options[data-v-2a265b93]:after{content:"";border-top:6px solid #d3d3d37d;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.option-group[data-v-2a265b93]{gap:4px;display:flex}.divider[data-v-2a265b93]{background-color:#c6c6c6;width:1px;margin:0 4px}.option-button[data-v-2a265b93]{color:#34495e;cursor:pointer;background-color:#0000;border:1px solid #b9b9b980;border-radius:4px;outline:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-family:Montserrat,sans-serif;font-size:12px;transition:all .2s;display:flex}.option-button[data-v-2a265b93]:hover{background-color:#34495e1a;border-color:#b9b9b9b3}.option-button.active[data-v-2a265b93]{color:#34495e;background-color:#34495e26;border-color:#34495e80}.icon-small[data-v-2a265b93]{margin:0 4px;font-size:.6em}.toolbar[data-v-d9b42e76]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;background-color:#d3d3d37d;border-radius:8px;gap:4px;padding:8px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001a}.tool[data-v-d9b42e76]{color:#34495e;cursor:pointer;background-color:#0000;border:1px solid #b9b9b980;border-radius:4px;outline:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-family:Montserrat,sans-serif;font-size:12px;transition:all .2s;display:flex}.tool[data-v-d9b42e76]:hover{background-color:#34495e1a;border-color:#b9b9b9b3}.tool.active[data-v-d9b42e76]{color:#34495e;background-color:#34495e26;border-color:#34495e80}.tool.with-text[data-v-d9b42e76]{width:auto;padding:8px 12px}.divider[data-v-d9b42e76]{background-color:#c6c6c6;width:1px;margin:2px 4px}.icon-container[data-v-d9b42e76]{justify-content:center;align-items:center;gap:4px;display:inline-flex}.icon-container-compact[data-v-d9b42e76]{gap:1px}.icon-small-minus[data-v-d9b42e76]{font-size:.5em}.unicode-icon[data-v-d9b42e76]{font-size:1.2em;line-height:1}.tool-brush[data-v-d9b42e76]{width:65px}.modal-overlay[data-v-5ac80314]{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0003;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-5ac80314]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffffb3;border-radius:8px;width:600px;height:640px;font-family:Montserrat,sans-serif;box-shadow:0 2px 8px #0000001a}.modal-header[data-v-5ac80314]{background-color:#0000;border-bottom:1px solid #b9b9b980;flex-shrink:0;padding:16px 20px 12px}.header-title[data-v-5ac80314]{align-items:center;gap:8px;display:flex}.modal-header h2[data-v-5ac80314]{color:#34495e;margin:0;font-size:16px;font-weight:600}.github-link[data-v-5ac80314]{color:#34495e;flex-shrink:0;font-size:16px;text-decoration:none;transition:all .2s}.github-link[data-v-5ac80314]:hover{color:#7f8c8d}.modal-tabs[data-v-5ac80314]{background-color:#b9b9b91a;border-bottom:1px solid #b9b9b980;gap:4px;padding:8px 16px;display:flex}.tab-button[data-v-5ac80314]{color:#7f8c8d;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background-color:#0000;border:1px solid #b9b9b980;border-radius:4px;padding:8px 16px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;transition:all .2s}.tab-button[data-v-5ac80314]:hover{color:#34495e;background-color:#34495e0d;border-color:#b9b9b9b3}.tab-button.active[data-v-5ac80314]{color:#34495e;background-color:#34495e26;border-color:#34495e80}.modal-body[data-v-5ac80314]{background-color:#0000;flex:1;padding:12px 16px;overflow-y:auto}.section[data-v-5ac80314]{margin-top:12px;margin-bottom:8px}.section[data-v-5ac80314]:first-of-type{margin-top:0}.info-list[data-v-5ac80314]{margin:0;padding-left:16px;list-style-type:disc}.info-list li[data-v-5ac80314]{color:#7f8c8d;margin-bottom:4px;font-size:10px;line-height:1.3}.info-list li[data-v-5ac80314]:last-child{margin-bottom:0}.info-list li strong[data-v-5ac80314]{color:#34495e;font-weight:600}.features-list[data-v-5ac80314]{margin:0;padding:0;list-style:none}.features-list li[data-v-5ac80314]{color:#34495e;cursor:pointer;border-bottom:1px solid #b9b9b980;padding:6px 0;font-size:11px;line-height:1.4;transition:background-color .2s}.features-list li[data-v-5ac80314]:last-child{border-bottom:none}.features-list li.hovered[data-v-5ac80314]{background-color:#34495e0d}.feature-detail[data-v-5ac80314]{margin-top:12px;padding-top:8px}.detail-divider[data-v-5ac80314]{background-color:1px solid #b9b9b980;height:1px;margin-bottom:8px}.detail-text[data-v-5ac80314]{color:#7f8c8d;font-size:10px;line-height:1.6}.detail-text>div[data-v-5ac80314]{margin:4px 0}.detail-text>div.detail-bullet[data-v-5ac80314]{color:#7f8c8d;margin-left:12px}.detail-text>div.detail-bullet[data-v-5ac80314]:before{content:"• ";color:#95a5a6;margin-right:4px}.shortcuts-grid[data-v-5ac80314]{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.shortcuts-column h3[data-v-5ac80314],.section h3[data-v-5ac80314]{color:#34495e;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:11px;font-weight:600}.shortcuts-table[data-v-5ac80314]{border-collapse:collapse;width:100%}.shortcuts-table tr[data-v-5ac80314]{border-bottom:1px solid #b9b9b980}.shortcuts-table tr[data-v-5ac80314]:last-child{border-bottom:none}.shortcuts-table td[data-v-5ac80314]{padding:4px 0}.shortcuts-table td.key[data-v-5ac80314]{color:#34495e;background-color:#34495e0d;border-radius:3px;width:70px;padding:4px 6px;font-family:Monaco,Menlo,monospace;font-size:10px;font-weight:600}.shortcuts-table td.description[data-v-5ac80314]{color:#34495e;padding-left:6px;font-size:10px}.footer-section[data-v-5ac80314]{text-align:center;border-top:1px solid #b9b9b980;margin-top:12px;padding-top:12px}.footer-section a[data-v-5ac80314]{color:#34495e;align-items:center;gap:4px;font-size:11px;text-decoration:none;transition:all .2s;display:inline-flex}.toggle-info[data-v-5ac80314]{color:#95a5a6;margin-left:2px;font-size:9px;font-style:italic;display:inline}.info-text[data-v-5ac80314]{color:#7f8c8d;margin:0 0 3px;font-size:10px;line-height:1.3}.info-text strong[data-v-5ac80314]{color:#34495e;font-weight:600}.close-button[data-v-5ac80314]{cursor:pointer;color:#95a5a6;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.close-button[data-v-5ac80314]:hover{color:#34495e}.tab[data-v-4ee5dafc]{color:#7f8c8d;cursor:pointer;background-color:#0000;border:none;border-bottom:2px solid #0000;padding:8px 20px;font-family:Montserrat,sans-serif;font-size:12px;transition:all .2s;position:relative}.tab[data-v-4ee5dafc]:hover{color:#34495e;border-bottom-color:#34495e4d}.help-wrapper[data-v-4ee5dafc]{margin-left:auto}.tab-bar[data-v-c8e1de79]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#d3d3d37d;align-items:flex-end;gap:4px;padding:0 8px;display:flex}.tab[data-v-c8e1de79]{color:#7f8c8d;cursor:pointer;background-color:#0000;border:none;border-bottom:2px solid #0000;padding:8px 20px;font-family:Montserrat,sans-serif;font-size:12px;transition:all .2s;position:relative}.tab.active[data-v-c8e1de79]{color:#34495e;background-color:#0000;border-bottom-color:#95a5a6;font-weight:600}.tab[data-v-c8e1de79]:hover:not(.active){color:#34495e;border-bottom-color:#34495e4d}.tab-delete[data-v-c8e1de79]{color:#b9b9b999;vertical-align:middle;margin-left:4px;font-size:10px;transition:all .2s}.tab-delete[data-v-c8e1de79]:hover{color:#95a5a6}.tab-add[data-v-c8e1de79]{padding:4px 10px;font-size:16px}.eyedropper-preview[data-v-c45a3974]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;pointer-events:none;background-color:#d3d3d37d;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex;position:fixed;box-shadow:0 2px 8px #0000001a}.color-swatch[data-v-c45a3974]{border:1px solid #b9b9b980;border-radius:4px;flex-shrink:0;width:36px;height:36px}.color-info[data-v-c45a3974]{color:#34495e;flex-direction:column;gap:4px;min-width:130px;font-family:Montserrat,sans-serif;font-size:11px;display:flex}.hex[data-v-c45a3974]{letter-spacing:.5px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600}.rgb[data-v-c45a3974]{color:#34495e;font-family:Montserrat,sans-serif;font-size:11px;font-weight:500}.eyedropper-preview.shake[data-v-c45a3974]{animation:.4s ease-in-out shake-c45a3974}@keyframes shake-c45a3974{0%,to{transform:translate(0)}10%{transform:translate(-12px)}20%{transform:translate(12px)}30%{transform:translate(-12px)}40%{transform:translate(12px)}50%{transform:translate(-8px)}60%{transform:translate(8px)}70%{transform:translate(-4px)}80%{transform:translate(4px)}}.palette-app[data-v-481dbc24]{flex-direction:column;width:100%;height:100%;display:flex}.navigation[data-v-481dbc24]{color:#34495e;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#d3d3d34d;border-bottom:1px solid #b9b9b933;justify-content:space-between;align-items:center;padding:10px 20px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;display:flex;box-shadow:0 1px 3px #0000000d}.nav-left[data-v-481dbc24]{align-items:center;gap:8px;display:flex}.favicon[data-v-481dbc24]{width:16px;height:16px}.version[data-v-481dbc24]{color:#95a5a6;font-size:11px;font-weight:400}.nav-right[data-v-481dbc24]{color:#34495e;text-decoration:none;transition:all .2s}.nav-right[data-v-481dbc24]:hover{color:#7f8c8d}*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif}html,body,#app{width:100%;height:100%}