.hex-app{font-family:var(--MAIN-font,"Roboto Flex","Helvetica","Tahoma","Geneva","Arial",sans-serif);font-weight:var(--MAIN-font-weight,300);font-variation-settings:var(--MAIN-font-variation-settings,"wdth" 118,"GRAD" -200,"YTFI" 710);letter-spacing:var(--MAIN-letter-spacing,.014em);line-height:1.574;color:var(--MAIN-TEXT-color)}.hex-subtitle{color:var(--MAIN-TITLES-TEXT-color);opacity:.85;font-size:1.15rem;margin:0 0 1.5rem;font-weight:300}.hex-mode-selector{display:inline-flex;gap:0;margin-bottom:1rem;border:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 10%,transparent);border-radius:6px;overflow:hidden}.hex-mode-btn{padding:.45rem 1rem;border:none;background:var(--BOX-BG-color);color:var(--MAIN-TEXT-color);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .12s,color .12s;border-inline-end:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 8%,transparent);white-space:nowrap}.hex-mode-btn:last-child{border-inline-end:none}.hex-mode-btn:hover{background:color-mix(in srgb,var(--MAIN-TEXT-color) 5%,transparent)}.hex-mode-btn.active{background:var(--PRIMARY-color);color:var(--BOX-CAPTION-color,#fff)}.hex-info-panel{background:var(--BOX-BG-color);border:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 8%,transparent);border-inline-start:3px solid var(--PRIMARY-color);border-radius:6px;padding:.75rem 1rem;margin-bottom:1.2rem;font-size:.92rem;line-height:1.6}.hex-info-panel p{margin:0}.hex-info-panel strong{color:var(--PRIMARY-color)}.hex-info-panel--secondary{border-inline-start-color:var(--SECONDARY-color)}.hex-info-panel--accent{border-inline-start-color:var(--ACCENT-color)}.hex-info-panel--compact{padding:.55rem .9rem;font-size:.88rem;line-height:1.55}.hex-canvas-wrapper{background:var(--BOX-BG-color);border:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 10%,transparent);border-radius:10px;padding:0;margin-bottom:1.2rem;box-shadow:0 2px 8px rgba(0,0,0,8%);overflow:hidden;position:relative}.hex-slider{-webkit-appearance:none;appearance:none;height:5px;background:color-mix(in srgb,var(--MAIN-TEXT-color) 12%,transparent);border-radius:4px;outline:none;cursor:pointer}.hex-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--PRIMARY-color);cursor:pointer;border:2px solid var(--BOX-CAPTION-color,#fff);box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .1s}.hex-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.hex-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--PRIMARY-color);cursor:pointer;border:2px solid var(--BOX-CAPTION-color,#fff);box-shadow:0 1px 3px rgba(0,0,0,.2)}.hex-control-row .hex-slider{flex:7;min-width:80px}.hex-preset-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.hex-preset-btn{padding:.4rem .85rem;border:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 12%,transparent);border-radius:6px;background:var(--BOX-BG-color);color:var(--MAIN-TEXT-color);font-size:.85rem;font-weight:500;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,5%);transition:transform .1s,box-shadow .15s,border-color .15s}.hex-preset-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.1);border-color:var(--PRIMARY-color)}.hex-preset-btn:active{transform:translateY(0)}.hex-preset-btn.active{background:var(--PRIMARY-color);color:var(--BOX-CAPTION-color,#fff);border-color:var(--PRIMARY-color)}.hex-control-group{display:flex;flex-direction:column;gap:.35rem}.hex-control-group label{display:block;font-size:.88rem;font-weight:600;color:var(--MAIN-TITLES-TEXT-color)}.hex-control-group--expand{flex:1;min-width:200px}.hex-control-row{display:flex;align-items:center;gap:.75rem}.hex-val-display{font-size:.88rem;font-weight:700;min-width:3.2rem;text-align:right;white-space:nowrap;color:var(--MAIN-TITLES-TEXT-color)}.hex-collapsible{background:var(--BOX-BG-color);border:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 8%,transparent);border-radius:6px;margin-bottom:1.2rem;padding:.55rem .9rem}.hex-collapsible-header{cursor:pointer;user-select:none;font-size:.9rem;font-weight:600;color:var(--MAIN-TITLES-TEXT-color);margin-bottom:.3rem}.hex-collapsible-arrow{display:inline-block;transition:transform .2s;font-size:.8rem;margin-right:.3rem}.hex-collapsible-arrow.open{transform:rotate(90deg)}.hex-collapsible-body{margin-top:.4rem;padding-bottom:.5rem;font-size:.88rem;line-height:1.6;color:var(--MAIN-TEXT-color)}#measurementsPanel{background:var(--BOX-BG-color);border:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 10%,transparent);border-radius:10px;box-shadow:0 2px 8px color-mix(in srgb,var(--MAIN-TEXT-color) 6%,transparent);overflow:visible;margin-bottom:1.2rem}.hex-data-row{display:flex;align-items:baseline;gap:.55rem;padding:.5rem .8rem;border-bottom:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 7%,transparent);font-size:.92rem;font-variant-numeric:tabular-nums;line-height:1.5}.hex-data-row:last-child{border-bottom:none}.hex-data-cat{flex:0 0 4.6rem;text-align:left;margin-right:1.1rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--MAIN-TITLES-TEXT-color);opacity:.65;padding-top:.1rem}.hex-data-pair{display:inline-flex;align-items:baseline;gap:.3rem;white-space:nowrap}.hex-data-key{font-weight:500;font-size:.88rem;color:var(--MAIN-TITLES-TEXT-color)}.hex-data-num{font-weight:700;color:var(--MAIN-TEXT-color)}.hex-data-eq{font-weight:500;color:var(--MAIN-TITLES-TEXT-color);opacity:.65}.hex-data-arrow{color:var(--SECONDARY-color);font-weight:700;margin:0 .25rem;flex-shrink:0}.hex-data-unit{font-size:.8rem;color:var(--MAIN-TITLES-TEXT-color);opacity:.7;margin-right:.5rem;white-space:nowrap}.hex-data-tag{font-size:.76rem;font-weight:700;padding:.1rem .55rem;border-radius:100px;white-space:nowrap}.hex-data-tag--neutral{background:color-mix(in srgb,var(--MAIN-TEXT-color) 10%,transparent);color:var(--MAIN-TEXT-color);opacity:.6}@media(max-width:600px){.hex-data-row{flex-wrap:wrap;gap:.3rem .5rem;padding:.5rem .8rem}.hex-data-cat{flex-basis:100%}}.hex-hidden{display:none}.hex-color-secondary{color:var(--SECONDARY-color)}.hex-color-accent{color:var(--ACCENT-color)}.hex-bg-secondary{background:var(--SECONDARY-color)}.hex-bg-accent{background:var(--ACCENT-color)}.hex-app{max-width:900px;margin:1.5rem 0}.hex-app input[type=range]:disabled{opacity:.35;cursor:not-allowed}.hex-app input[type=text]:disabled{opacity:.5;cursor:not-allowed}.hex-motion-inputs{display:flex;gap:1rem;margin-bottom:1.5rem}.hex-motion-card{flex:1;background:var(--BOX-BG-color);border:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 10%,transparent);border-radius:10px;padding:1rem 1.25rem;box-shadow:0 2px 8px color-mix(in srgb,var(--MAIN-TEXT-color) 6%,transparent)}.hex-motion-card h3{margin:0 0 .8rem;font-size:1.05rem;font-weight:500;font-family:var(--MAIN-TITLES-font,var(--MAIN-font,"Roboto Flex","Helvetica","Tahoma","Geneva","Arial",sans-serif));display:flex;align-items:center;gap:.5rem}.hex-color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.hex-field-group{margin-bottom:.7rem}.hex-field-group:last-child{margin-bottom:0}.hex-field-input{flex:3 0;min-width:3.5rem;max-width:5rem;padding:.3rem .5rem;border:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 15%,transparent);border-radius:4px;font-size:.95rem;text-align:right;background:var(--MAIN-BG-color);color:var(--MAIN-TEXT-color);transition:border-color .15s}.hex-field-input:focus{outline:none;border-color:var(--PRIMARY-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--PRIMARY-color) 20%,transparent)}.hex-mode-hint{font-size:.85rem;opacity:.7;margin:-.3rem 0 1.2rem;line-height:1.4}.hex-controls-card{background:var(--BOX-BG-color);border:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 10%,transparent);border-radius:10px;padding:1rem 1.25rem;box-shadow:0 2px 8px color-mix(in srgb,var(--MAIN-TEXT-color) 6%,transparent)}.hex-presets{margin-bottom:1.2rem;background:var(--BOX-BG-color);border:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 10%,transparent);border-radius:10px;padding:.9rem 1.25rem;box-shadow:0 2px 8px color-mix(in srgb,var(--MAIN-TEXT-color) 6%,transparent)}.hex-playback-overlay{position:absolute;bottom:.75rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem .5rem;max-width:calc(100% - 1rem);padding:.45rem .8rem;border:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 12%,transparent);border-radius:10px;background:color-mix(in srgb,var(--BOX-BG-color) 84%,transparent);box-shadow:0 2px 12px rgba(0,0,0,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10}.hex-playback-overlay-btn{box-sizing:border-box;padding:.4rem .7rem;border:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 12%,transparent);border-radius:6px;background:var(--BOX-BG-color);color:var(--MAIN-TEXT-color);font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;line-height:1.3;box-shadow:0 1px 3px rgba(0,0,0,5%);transition:transform .1s,box-shadow .15s,border-color .15s,background .12s,color .12s}.hex-playback-overlay-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.1);border-color:var(--PRIMARY-color)}.hex-playback-overlay-btn:active{transform:translateY(0)}.hex-playback-overlay-btn.active{background:var(--PRIMARY-color);color:var(--BOX-CAPTION-color,#fff);border-color:var(--PRIMARY-color)}.hex-playback-overlay-btn:focus-visible{outline:2px solid var(--PRIMARY-color);outline-offset:2px}.hex-playback-overlay-btn:disabled{opacity:.5;cursor:not-allowed}.hex-playback-overlay select{box-sizing:border-box;display:inline-block;margin-bottom:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;padding:.4rem 1.6rem .4rem .7rem;line-height:1.3;border:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 12%,transparent);border-radius:6px;background-color:var(--BOX-BG-color);background-image:linear-gradient(45deg,transparent 50%,var(--MAIN-TEXT-color) 50%),linear-gradient(135deg,var(--MAIN-TEXT-color) 50%,transparent 50%);background-position:right .9rem center,right .5rem center;background-size:.4rem .4rem;background-repeat:no-repeat;color:var(--MAIN-TEXT-color);font-size:.85rem;font-weight:500;cursor:pointer;font-family:inherit;box-shadow:0 1px 3px rgba(0,0,0,5%)}.hex-playback-overlay select:focus-visible{outline:2px solid var(--PRIMARY-color);outline-offset:2px}.wave-label-with-help{display:inline-flex;align-items:center;gap:.3rem}.wave-help{position:relative;display:inline-flex}.wave-help-button{width:1.1rem;height:1.1rem;padding:0;border:0;border-radius:50%;background:0 0;color:var(--SECONDARY-color);cursor:help;font-size:.9rem;line-height:1}.wave-help-button:focus-visible{outline:2px solid var(--PRIMARY-color);outline-offset:2px}.wave-help-text{position:absolute;z-index:2;bottom:calc(100% + .45rem);left:50%;width:max-content;max-width:min(22rem,70vw);padding:.45rem .6rem;border:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 18%,transparent);border-radius:5px;background:var(--MAIN-BG-color);color:var(--MAIN-TEXT-color);box-shadow:0 2px 8px rgba(0,0,0,.15);font-size:.82rem;font-weight:400;line-height:1.35;white-space:normal;overflow-wrap:break-word;opacity:0;pointer-events:none;transform:translate(-50%,.25rem);transition:opacity .15s,transform .15s}.wave-help:hover .wave-help-text,.wave-help:focus-within .wave-help-text,.wave-help.is-open .wave-help-text{opacity:1;pointer-events:auto;transform:translate(-50%,0)}@media(prefers-reduced-motion:reduce){.wave-help-text{transition:none}}.g-toggle{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-left:auto}.g-toggle-label{font-size:.85rem;opacity:.65}@media(max-width:600px){.hex-playback-overlay{bottom:.5rem;max-width:calc(100% - .75rem)}}.hex-data-pair--m1 .hex-data-key,.hex-data-pair--m1 .hex-data-num{color:var(--SECONDARY-color)}.hex-data-pair--m2 .hex-data-key,.hex-data-pair--m2 .hex-data-num{color:var(--ACCENT-color)}.hex-scrubber{display:flex;gap:.75rem;align-items:center;padding:.6rem 1rem 0}.hex-scrubber .hex-slider{flex:1;min-width:6rem}.hex-scrubber-time{font-size:.82rem;opacity:.7;white-space:nowrap;min-width:3.2rem;text-align:center;font-variant-numeric:tabular-nums}.hex-live-readout{font-size:.82rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.5rem 1rem 1rem;opacity:.75}.lr-item{white-space:nowrap}.lr-sep{opacity:.3;font-size:.85rem}.bookmark-card{background:var(--BOX-BG-color);border:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 8%,transparent);border-radius:10px;padding:1rem 1.2rem;box-shadow:0 2px 6px color-mix(in srgb,var(--MAIN-TEXT-color) 3%,transparent);transition:opacity .35s ease,transform .35s ease;display:flex;flex-direction:column;gap:.35rem}.bookmark-card.entering{opacity:0;transform:translateY(12px)}.bookmark-title{display:flex;align-items:center;gap:.55rem}.bookmark-favicon{flex:none;width:1.35rem;height:1.35rem;border-radius:4px;object-fit:cover;display:block}.bookmark-favicon--placeholder{color:var(--MAIN-TEXT-color);opacity:.45}.bookmark-name{font-size:1.05rem;font-weight:600;color:var(--MAIN-TITLES-TEXT-color);text-decoration:none;margin:0;padding:.15rem 0;transition:color .15s;line-height:1.4;flex:1;min-width:0}.bookmark-name:hover{color:var(--MAIN-LINK-color)}.bookmark-url{font-size:.82rem;color:var(--MAIN-LINK-color);text-decoration:none;overflow-wrap:anywhere;padding:.1rem 0;opacity:.85;transition:opacity .15s}.bookmark-url:hover{opacity:1;text-decoration:underline}.bookmark-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin:.25rem 0 .15rem}.bookmark-tag{font-size:.78rem;padding:.1rem .45rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 10%,transparent);background:0 0;color:var(--MAIN-TEXT-color);opacity:.7;cursor:pointer;transition:opacity .15s,border-color .15s,background .15s;white-space:nowrap}.bookmark-tag:hover{opacity:1;border-color:var(--PRIMARY-color)}.bookmark-tag.active{opacity:1;background:color-mix(in srgb,var(--PRIMARY-color) 12%,transparent);border-color:var(--PRIMARY-color)}.bookmark-notes{font-size:.85rem;opacity:.65;line-height:1.5;margin:.1rem 0}.bookmark-actions{display:flex;gap:.5rem;margin-top:auto;padding-top:.4rem}.copy-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border:1px solid color-mix(in srgb,var(--MAIN-TEXT-color) 10%,transparent);border-radius:6px;background:0 0;color:var(--MAIN-TEXT-color);font-size:.78rem;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s;opacity:.65}.copy-btn:hover{opacity:1;border-color:var(--PRIMARY-color);background:color-mix(in srgb,var(--PRIMARY-color) 8%,transparent)}.copy-btn.copied{border-color:var(--MAIN-LINK-color);color:var(--MAIN-LINK-color);opacity:1}@media(max-width:600px){.bookmark-card{padding:.85rem 1rem}.copy-btn{padding:.35rem .75rem;font-size:.82rem}.bookmark-name{font-size:1rem}}@media(prefers-reduced-motion:reduce){.bookmark-card,.bookmark-card.entering{transition:none!important}}#R-topbar{display:none!important}