.properties-dialog{position:fixed;width:400px;z-index:100}.properties-dialog .properties{background-color:var(--background);padding:var(--space-4);display:flex;flex-direction:column;gap:0;font-size:var(--font-size-md)}.properties-dialog .properties .settings{padding-bottom:60px}.properties-dialog .setting-buttons{position:relative;left:0;top:0;display:flex;justify-content:flex-start}.properties-dialog .setting-buttons button{position:relative;bottom:0;left:0;margin-right:var(--space-1);padding:0 var(--space-4) var(--space-1);background:linear-gradient(to bottom,var(--xp-highlight-top),var(--tooltip-bg));font-size:var(--font-size-lg);border:2px solid var(--border-middle);border-bottom:none;border-radius:var(--window-radius-sm) var(--window-radius-sm) 0 0;z-index:0}.properties-dialog .setting-buttons button.picked{z-index:1;background:var(--xp-highlight-top);border-top:3px solid var(--xp-accent-mid);margin-right:-2px}.properties-dialog .settings{position:relative;margin-top:-2px;min-height:fit-content;display:flex;flex-direction:column;gap:var(--space-3);border:2px solid var(--border-middle);padding:var(--space-4);background-color:color-mix(in srgb,var(--background) 20%,var(--xp-line-light) 80%)}.properties-dialog .properties-header{display:flex;align-items:center;gap:var(--space-3);padding-block:var(--space-2) var(--space-10)}.properties-dialog .properties-header-icon{width:32px;height:32px;object-fit:contain}.properties-dialog .properties-header-name{flex:1;padding-left:calc(90px - 32px - var(--space-3))}.properties-dialog .properties-details{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-8)}.properties-dialog .properties-row{display:flex;align-items:baseline;gap:var(--space-3)}.properties-dialog .properties-label{flex:0 0 90px}.properties-dialog .properties-value{flex:1}.properties-dialog .properties-frame{border:1px solid var(--border-middle);padding:var(--space-3) var(--space-7);margin:0;display:flex;flex-direction:column;gap:var(--space-5);font-size:var(--font-size-sm)}.properties-dialog .properties-frame>legend{padding:0 var(--space-2) 0;font-size:var(--font-size-md)}.properties-dialog .properties-convert-top{display:flex;align-items:flex-start;gap:var(--space-5)}.properties-dialog .properties-convert-icon{width:30px;height:auto;object-fit:contain;flex-shrink:0}.properties-dialog .properties-hint{margin:0;flex:1}.properties-dialog .properties-convert-controls{margin-left:auto;display:flex;align-items:center;justify-content:flex-start;gap:var(--space-10)}.properties-dialog .properties-convert-controls .fm-color-trigger{height:unset}.properties-dialog .properties-format-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);flex:1}.properties-dialog .properties-format-row .xp-select-wrapper{min-width:150px;flex:1;position:relative}.properties-dialog .properties-convert-controls .luna-btn{margin-top:auto}.properties-dialog .properties-buttons{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}.properties-dialog .properties-buttons .luna-btn{min-width:75px}.properties-select-list{position:fixed;z-index:200}.recorder-window{width:320px}.title-bar .recorder-icon{width:auto;height:18px}.title-bar-text{display:flex;align-items:center;gap:var(--space-3)}.app-menu.recorder-menu{border-color:var(--border-light)}.recorder-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--background)}.recorder-body .top-bar{width:100%;display:flex;gap:var(--space-6)}.recorder-body .top-bar .inner-box{flex:.5;padding:var(--space-2) var(--space-3);border:1px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);font-size:var(--font-size-md)}.recorder-body .top-bar .inner-box.middle{flex:1;background-color:var(--text);padding:0}.recorder-slider{width:96%;height:18px;display:flex;align-items:center;padding:0 var(--space-2)}.recorder-slider input[type=range]{width:100%;height:18px;margin:0;padding:0;background:transparent;appearance:none;cursor:var(--cursor-default)}.recorder-slider input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--background);border:1px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);box-shadow:inset 0 1.2px 1.5px var(--border-dark),inset -2px -2px 2px var(--border-light)}.recorder-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:18px;margin-top:-8px;background:var(--background);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light)}.recorder-slider input[type=range]::-moz-range-track{height:2px;background:var(--background);border:1px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}.recorder-slider input[type=range]::-moz-range-thumb{width:10px;height:14px;border-radius:0;background:var(--background);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light)}.recorder-buttons{width:100%;display:flex;gap:var(--space-2)}.recorder-buttons button{position:relative;width:20%;background-color:var(--background);display:flex;align-items:center;justify-content:center;padding:var(--space-1);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light)}.recorder-buttons button:active{border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}.recorder-buttons button:after{content:"";position:absolute;inset:3px;border:1px dotted var(--text);pointer-events:none}.recorder-buttons button:disabled:after{display:none}.recorder-buttons button img{filter:drop-shadow(2px 2px 0 var(--border-light))}.recorder-buttons button:disabled img{filter:drop-shadow(2px 2px 0 var(--border-light)) grayscale(1);opacity:.4}