:root{--canvas:#fff;--shell:#f8f8f7;--control:#eeeeec;--control-hover:#e5e5e2;--control-pressed:#d9d9d5;--rule:#d3d3cf;--rule-strong:#a3a39f;--text:#202020;--text-muted:#686864;--text-quiet:#858580;--specimen-ink:#111;--focus:#242424;font-family:Arial,Helvetica,sans-serif;color:var(--text);font-size:12px}*{box-sizing:border-box}body{margin:0;background:var(--canvas)}button,select,input{font:inherit;color:inherit}button,select{border:1px solid var(--rule-strong);border-radius:3px;background:var(--control);min-height:31px;box-shadow:inset 1px 1px 0 #fff,1px 1px 0 #c4c4bf}button{padding:0 12px;cursor:pointer}button:hover{background:var(--control-hover)}button:active,button[aria-pressed=true]{background:var(--control-pressed);box-shadow:inset 1px 1px 0 #a3a39f}button:disabled,input:disabled{opacity:.45;cursor:default}select{width:100%;padding:0 9px;background-color:#f4f4f2}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}header{height:48px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--rule);gap:26px;background:var(--shell)}h1{font-size:12px;font-weight:500;letter-spacing:.07em;margin:0}.header-note{color:var(--text-muted);font-size:11px}nav{margin-left:auto;display:flex;gap:10px}nav button{min-width:65px}nav span{margin-left:12px}main{height:calc(100svh - 88px);display:grid;grid-template-columns:272px minmax(0,1fr)}aside{background:var(--shell);border-right:1px solid var(--rule);padding:27px 20px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:29px}h2{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:500;color:var(--text-muted);margin:0 0 13px}h3{font-size:11px;font-weight:400;margin:21px 0 10px}.wide{width:100%}.load{margin-top:9px;text-align:left}.load span{margin-right:5px}.quiet{color:var(--text-muted);font-size:11px;line-height:1.6}.file-types{font-size:9px;letter-spacing:.03em;margin:10px 0 0}.hint{margin:10px 0 0}.instrument{margin-top:17px}.instrument:first-child{margin-top:0}.instrument-head{display:flex;justify-content:space-between;align-items:center;height:20px}.numeric{display:flex;align-items:center;gap:4px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text-muted)}.numeric input{appearance:textfield;-moz-appearance:textfield;width:51px;text-align:right;border:0;background:transparent;padding:3px 0;font:inherit;color:var(--text)}.numeric input::-webkit-inner-spin-button{appearance:none}.slider-hit{height:32px;display:flex;align-items:center}.instrument-range{appearance:none;width:100%;height:3px;margin:0;background:#d8d8d4;border-top:1px solid #a3a39f;border-bottom:1px solid white;border-radius:1px;cursor:pointer}.instrument-range::-webkit-slider-thumb{appearance:none;width:12px;height:16px;border-radius:2px;border:1px solid #898985;background:#eeeeec;box-shadow:inset 1px 1px 0 white,1px 1px 0 #b7b7b2}.instrument-range::-moz-range-thumb{width:12px;height:16px;border-radius:2px;border:1px solid #898985;background:#eeeeec;box-shadow:inset 1px 1px 0 white,1px 1px 0 #b7b7b2}.instrument-range:focus-visible{outline-offset:7px}.endpoints{display:flex;justify-content:space-between;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text-muted)}summary{list-style:none;cursor:pointer;border-top:1px solid var(--rule);padding-top:17px;display:flex;justify-content:space-between;font-size:11px}summary::-webkit-details-marker{display:none}details[open] summary{margin-bottom:23px}details[open] summary span{transform:rotate(45deg)}.segments{display:flex;gap:0}.segments button{flex:1;border-radius:0;box-shadow:inset 1px 1px 0 #fff}.segments button+button{border-left:0}.segments button:first-child{border-radius:3px 0 0 3px}.segments button:last-child{border-radius:0 3px 3px 0}.rail-bottom{margin-top:auto;padding-top:24px;font-size:10px;color:var(--text-muted);line-height:1.6;display:flex;gap:7px}.local-dot{flex:none;width:4px;height:4px;background:#858580;border-radius:50%;margin-top:6px}.stage{min-width:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.stage-top,.stage-bottom{display:flex;justify-content:space-between;gap:12px;padding:25px 30px;color:var(--text-muted);font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.stage-top{font-size:9px;letter-spacing:.08em}.stage-bottom{padding-bottom:22px}.specimen-scroll{flex:1;min-height:0;overflow:auto;display:flex}.specimen-wrap{width:100%;margin:auto;padding:32px clamp(32px,6vw,104px)}#specimen{display:block;resize:none;border:0;border-radius:0;outline:none;background:transparent;color:var(--specimen-ink);font:400 88px/1.15 Arial,sans-serif;text-align:center;width:100%;max-width:900px;margin:auto;padding:0;overflow:hidden;min-height:1.15em;white-space:pre-wrap;overflow-wrap:break-word;font-kerning:normal}#specimen:focus-visible{outline:1px dashed var(--rule);outline-offset:14px}footer{height:40px;border-top:1px solid var(--rule);background:var(--shell);display:flex;align-items:center;padding:0 20px;gap:20px}footer button{min-height:26px;font-size:11px}.text-button{border:0;box-shadow:none;background:none;padding:0;text-transform:uppercase;font-size:10px;letter-spacing:.03em}.text-button span{margin-left:12px;color:var(--text-muted)}.footer-hint{font-size:10px;color:var(--text-muted)}.footer-actions{margin-left:auto;display:flex;gap:10px}.footer-actions>button{min-width:62px}#reset span{margin-left:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}dialog{width:min(420px,calc(100vw - 32px));max-height:85svh;padding:24px;border:1px solid var(--rule-strong);border-radius:3px;background:var(--shell);box-shadow:3px 3px 0 #00000018}dialog::backdrop{background:#0003}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.dialog-heading h2{font-size:13px;text-transform:none;color:var(--text);letter-spacing:0;margin:0}.close{font-size:20px;padding:0;width:31px}dialog p{line-height:1.6;color:var(--text-muted)}dialog>label:not(.checkbox){display:block;margin:22px 0 8px}.font-row{display:flex;align-items:center;border-top:1px solid var(--rule);padding:10px 0;gap:8px}.font-row .font-choice{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis}.font-row small{font-size:9px;color:var(--text-muted);display:block;margin-top:4px}#font-list{margin:20px 0}#drop-zone{border:1px dashed var(--rule-strong);padding:21px;text-align:center;margin:14px 0 22px}#drop-zone span{display:block;margin-top:5px}#drop-zone.dragging{background:var(--control-pressed)}.checkbox{display:flex;align-items:center;gap:8px;margin-top:22px}.checkbox input{accent-color:var(--text)}.license{border-top:1px solid var(--rule);padding-top:16px;margin-bottom:0}#installed-area{margin-top:20px}#installed-select{margin-top:12px}#download{margin-top:12px}.status{position:fixed;left:50%;bottom:54px;transform:translateX(-50%);max-width:min(560px,90vw);background:var(--shell);border:1px solid var(--rule-strong);padding:12px 18px;z-index:5;box-shadow:1px 1px 0 #c4c4bf;line-height:1.5} @media(min-width:768px) and (max-width:1279px){main{grid-template-columns:248px minmax(0,1fr)}.specimen-wrap{padding:32px}}@media(max-width:767px){header{padding:0 16px}.header-note{display:none}header button{min-height:36px}main{height:auto;display:flex;flex-direction:column}.stage{order:-1;min-height:52svh}.specimen-scroll{min-height:34svh}.specimen-wrap{padding:36px 24px}#specimen{font-size:48px}.stage-top,.stage-bottom{padding:18px 20px;font-size:9px}aside{border-right:0;border-top:1px solid var(--rule);padding:24px 20px;gap:26px}h2{font-size:12px}.quiet,.file-types,.instrument-head,.numeric,summary,h3,.rail-bottom{font-size:12px}.endpoints{font-size:11px}button,select{min-height:44px}.slider-hit{height:44px}.numeric input{min-height:32px}.instrument{margin-top:20px}.rail-bottom{padding-top:0}footer{height:60px;padding:0 16px;position:sticky;bottom:0;z-index:2}.footer-hint{display:none}footer button{min-height:44px}.stage-bottom{flex-wrap:wrap}.text-button{font-size:11px}.status{bottom:70px}dialog .close{height:44px;width:44px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
/* Shared control spacing keeps arrows aligned across native selects and actions. */
:root{--edge-highlight:#fff;--edge-shadow:#c4c4bf;--track:#d8d8d4;--thumb-border:#898985;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23686864' stroke-width='1.2'/%3E%3C/svg%3E")}
select{appearance:none;padding:0 32px 0 12px;background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right 12px center;background-size:10px 6px}
button{padding-right:12px;padding-left:12px}nav button span,#reset span{display:inline-block;margin-left:10px;width:10px;text-align:center}summary{padding-right:12px}summary span{width:10px;text-align:center}.text-button{padding:0}
:root[data-theme=dark]{color-scheme:dark;--canvas:#191919;--shell:#222222;--control:#303030;--control-hover:#3b3b3b;--control-pressed:#454545;--rule:#3b3b3b;--rule-strong:#686868;--text:#ebebeb;--text-muted:#b1b1b1;--text-quiet:#999;--specimen-ink:#f0f0f0;--focus:#eee;--edge-highlight:#494949;--edge-shadow:#111;--track:#464646;--thumb-border:#858585;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23b1b1b1' stroke-width='1.2'/%3E%3C/svg%3E")}
button,select{box-shadow:inset 1px 1px 0 var(--edge-highlight),1px 1px 0 var(--edge-shadow)}select{background-color:var(--control)}button:active,button[aria-pressed=true]{box-shadow:inset 1px 1px 0 var(--rule-strong)}.segments button{box-shadow:inset 1px 1px 0 var(--edge-highlight)}.text-button{box-shadow:none}.instrument-range{background:var(--track);border-top-color:var(--rule-strong);border-bottom-color:var(--edge-highlight)}.instrument-range::-webkit-slider-thumb{background:var(--control);border-color:var(--thumb-border);box-shadow:inset 1px 1px 0 var(--edge-highlight),1px 1px 0 var(--edge-shadow)}.instrument-range::-moz-range-thumb{background:var(--control);border-color:var(--thumb-border);box-shadow:inset 1px 1px 0 var(--edge-highlight),1px 1px 0 var(--edge-shadow)}.status{box-shadow:1px 1px 0 var(--edge-shadow)}@media(max-width:767px){header{gap:8px}header nav{gap:6px}header nav button{min-width:0;padding:0 9px;font-size:11px}h1{font-size:11px;letter-spacing:.035em}nav button span{margin-left:5px}}
#export-preview{display:block;width:100%;height:auto;border:1px solid var(--rule);margin-top:18px;background:#fff}#export-save{display:inline-block;margin-top:12px;color:var(--text)}
.workspace-tools,.compare-tools{display:flex;align-items:center;gap:16px;padding:0 30px 16px;flex-wrap:wrap;font-size:11px}.workspace-tools label,.compare-tools label{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.workspace-tools select,.compare-tools select{width:auto;font-size:11px}.workspace-tools input[type=number]{width:54px;border:0;border-bottom:1px solid var(--rule);background:transparent;font:11px ui-monospace,monospace;padding:5px;color:var(--text)}.workspace-tools button{font-size:11px}.workspace-tools button:first-of-type{margin-left:auto}.compare-tools{border-bottom:1px solid var(--rule);padding-top:0;line-height:1.6}.inline-check input{accent-color:var(--text)}#comparison-diff{color:var(--text-muted);font:10px/1.6 ui-monospace,monospace;flex:1;min-width:160px}.specimen-wrap{--specimen-width:900px}.active-pane{max-width:var(--specimen-width);width:100%;margin:auto;min-width:0;position:relative}.pane-label{display:block;margin-bottom:24px;font:10px ui-monospace,monospace;color:var(--text-muted)}.peer-pane{min-width:0;width:100%;position:relative}.specimen-wrap.split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding-left:30px;padding-right:30px}.split .peer-pane{border-left:1px solid var(--rule);padding-left:32px}.specimen-wrap.overlay{display:grid}.overlay .active-pane,.overlay .peer-pane{grid-area:1/1;max-width:var(--specimen-width);margin:auto}.overlay .peer-pane{opacity:.38;pointer-events:none}.overlay #peer-pane-label{visibility:hidden}.overlay #specimen{opacity:.65}#peer-specimen{white-space:pre-wrap;overflow-wrap:break-word;color:var(--specimen-ink)}.with-guides .active-pane,.with-guides .peer-pane{outline:1px dashed var(--rule-strong);outline-offset:12px}.with-guides #specimen,.with-guides #peer-specimen{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--baseline) - 1px),var(--rule) calc(var(--baseline) - 1px),var(--rule) var(--baseline))}#specimen[readonly]{cursor:default}#specimen[readonly]:focus-visible{outline:none}.context-copy{font:16px/1.65 Georgia,serif;color:var(--text);margin:32px 0 0;text-align:left}.context-ui{border:1px solid var(--rule);padding:20px;margin-top:28px;display:grid;gap:14px;text-align:left}.context-ui p{font:12px/1.5 Arial,sans-serif;color:var(--text-muted);margin:0}.context-ui .sample-action{border:1px solid var(--rule-strong);padding:12px;display:inline-block;width:fit-content;font-size:16px}.context-ui .sample-label{font-size:13px}#font-capabilities{font-size:10px;margin:14px 0 0}.export-tabs{margin-bottom:20px}#code-export>label{display:block;margin:16px 0 8px}#code-output{width:100%;height:270px;resize:vertical;background:var(--canvas);color:var(--text);border:1px solid var(--rule);padding:12px;font:11px/1.65 ui-monospace,monospace;white-space:pre;tab-size:2}.dialog-actions{display:flex;gap:10px;margin-top:12px}#versions-dialog{width:min(480px,calc(100vw - 32px))}.save-row{display:flex;gap:8px;margin:8px 0}.save-row input{min-width:0;flex:1;background:var(--canvas);color:var(--text);border:1px solid var(--rule-strong);border-radius:3px;padding:9px;font:12px Arial,sans-serif}.version-item{padding:14px 0;border-top:1px solid var(--rule);display:flex;gap:10px;align-items:center}.version-item>div{flex:1;min-width:0}.version-item strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.version-item p{margin:4px 0 0;font-size:10px}.version-item button{font-size:11px}#version-list{margin:22px 0}#restore-session{margin-top:10px}.stage-top{padding-bottom:17px}#code-export textarea:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media(max-width:1050px){.header-note{display:none}.footer-hint{display:none}.workspace-tools{gap:10px;padding-left:20px;padding-right:20px}.specimen-wrap.split{gap:20px;padding:24px}.split .peer-pane{padding-left:20px}}@media(max-width:767px){header{height:auto;min-height:48px;flex-wrap:wrap;padding:10px 16px;row-gap:10px}header nav{gap:5px}header h1{width:100%}header nav{margin-left:0;width:100%}header nav button{flex:1;min-height:44px}.workspace-tools{gap:10px;padding-bottom:20px}.workspace-tools label,.workspace-tools select,.compare-tools select,.workspace-tools button{font-size:12px}.workspace-tools input[type=number]{font-size:12px;min-height:44px}.workspace-tools button:first-of-type{margin-left:0}.workspace-tools{justify-content:space-between}.compare-tools{padding-left:20px;padding-right:20px}.specimen-wrap.split{grid-template-columns:1fr;gap:40px}.split .peer-pane{padding:24px 0 0;border-left:0;border-top:1px solid var(--rule)}footer{gap:10px;padding:0 10px}.footer-actions{gap:5px}footer button{padding:0 8px}.footer-actions>button{min-width:0}#font-capabilities{font-size:12px}}
.specimen-wrap.split{align-items:start}.split .active-pane{margin:0}.split .peer-pane{border-left:0;padding-left:0}.split .active-pane[style*="order: 1"],.split .peer-pane[style*="order: 1"]{border-left:1px solid var(--rule);padding-left:24px}@media(max-width:767px){.split .active-pane[style*="order: 1"],.split .peer-pane[style*="order: 1"]{border-left:0;border-top:1px solid var(--rule);padding:24px 0 0}}
/* Final workspace hierarchy: one toolbar, progressive layout settings, equal comparison measures. */
.workspace-tools{gap:12px;border-bottom:1px solid var(--rule);padding-bottom:14px}.workspace-tools button{box-shadow:none;background:var(--shell);border-color:var(--rule)}#save-quick{margin-left:auto}#layout-panel{margin:0;padding:18px 30px;border-bottom:1px solid var(--rule);background:var(--shell)}#layout-panel>label{display:block;margin-bottom:8px;color:var(--text-muted);font-size:11px}#context-body{width:100%;resize:vertical;min-height:70px;max-height:160px;border:1px solid var(--rule);background:var(--canvas);color:var(--text);font:12px/1.6 Arial,sans-serif;padding:10px}.layout-row{display:flex;align-items:center;gap:16px;margin-top:12px}.layout-row label{display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:11px}.layout-row select{width:150px}.layout-row input{width:54px;padding:7px;border:1px solid var(--rule);background:var(--canvas)}.compare-tools{padding-top:12px;gap:14px;background:var(--shell)}#comparison-diff{flex-basis:100%;padding-top:2px;font-size:10px}#overlay-control{font-size:10px}#overlay-opacity{accent-color:var(--text);width:80px}#missing-font{padding:12px 30px;border-bottom:1px solid var(--rule);background:var(--shell);font-size:12px;line-height:1.6}.specimen-wrap.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:36px 32px}.split .active-pane,.split .peer-pane,.split .active-pane[style*="order: 1"],.split .peer-pane[style*="order: 1"]{padding:0;border:0;margin:0;max-width:var(--specimen-width)}.split .peer-pane::before{content:'';position:absolute;left:-16px;top:0;bottom:0;border-left:1px solid var(--rule)}.split .peer-pane[style*="order: 0"]::before{left:auto;right:-16px}.pane-label{height:32px;line-height:30px;box-sizing:border-box;padding:0;margin:0 0 28px;font-size:10px;letter-spacing:.04em}.active-pane .pane-label{border-bottom:1px solid var(--text);color:var(--text)}button.pane-label{border:0;border-bottom:1px solid var(--rule);border-radius:0;box-shadow:none;background:transparent;color:var(--text-muted);width:100%;text-align:left;cursor:pointer}button.pane-label:hover{color:var(--text);background:var(--shell)}.overlay .peer-pane{opacity:var(--reference-opacity,.4)}.overlay #specimen{opacity:1}.overlay .peer-pane .pane-label{visibility:hidden}#image-export>label{display:block;margin:18px 0 8px}#layout-panel textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.context-copy{white-space:pre-wrap}.workspace-tools label:first-child{flex:1}.workspace-tools button:first-of-type{margin-left:0}#save-quick{margin-left:0}.context-ui{overflow-wrap:anywhere}@media(max-width:1000px){.workspace-tools{gap:8px}.workspace-tools label:first-child{flex:initial}#save-quick{margin-left:0}.layout-row{flex-wrap:wrap}}@media(max-width:767px){.specimen-wrap.split{grid-template-columns:minmax(0,1fr);padding:28px 24px;gap:36px}.split .peer-pane::before{display:none}.pane-label{height:44px;line-height:42px}.workspace-tools label:first-child{flex:1 1 55%}.workspace-tools>label:nth-child(2){flex:1 1 30%}.workspace-tools>button{flex:1}#layout-panel{padding:18px 20px}.layout-row select{width:140px}#missing-font{padding:12px 20px}.compare-tools{gap:12px}footer{height:auto;min-height:60px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.footer-actions{gap:4px}.footer-actions button{font-size:10px;padding:0 7px}}

/* Polished graphite / silver controls, inspired by early desktop utilities. */
:root{
 --gloss:linear-gradient(to bottom,#fff 0%,#f5f5f5 46%,#e3e3e3 49%,#ededed 100%);
 --gloss-hover:linear-gradient(to bottom,#fff 0%,#fff 46%,#ebebeb 49%,#f5f5f5 100%);
 --gloss-down:linear-gradient(to bottom,#c8c8c8,#e0e0e0 55%,#e9e9e9);
 --gloss-border:#9c9c9c;--gloss-highlight:#ffffff;--gloss-low:#bdbdbd;
 --gloss-shadow:#00000018;--gloss-label:#ffffffc0;
 --bar-finish:linear-gradient(to bottom,#fafafa,#e7e7e7);
 --thumb-finish:linear-gradient(to right,#fff,#eee 42%,#d0d0d0 49%,#ededed);
}
:root[data-theme=dark]{
 --gloss:linear-gradient(to bottom,#575757 0%,#454545 46%,#303030 49%,#3b3b3b 100%);
 --gloss-hover:linear-gradient(to bottom,#676767 0%,#535353 46%,#393939 49%,#454545 100%);
 --gloss-down:linear-gradient(to bottom,#252525,#353535 55%,#404040);
 --gloss-border:#171717;--gloss-highlight:#777777;--gloss-low:#242424;
 --gloss-shadow:#00000050;--gloss-label:#00000090;
 --bar-finish:linear-gradient(to bottom,#383838,#262626);
 --thumb-finish:linear-gradient(to right,#707070,#575757 42%,#353535 49%,#515151);
}
button:not(.text-button):not(.pane-label),.workspace-tools button,.segments button{
 background:var(--gloss);border-color:var(--gloss-border);border-radius:4px;
 box-shadow:inset 0 1px 0 var(--gloss-highlight),inset 0 -1px 0 var(--gloss-low),0 1px 2px var(--gloss-shadow);
 text-shadow:0 1px 0 var(--gloss-label);
}
button:not(.text-button):not(.pane-label):hover:not(:disabled){background:var(--gloss-hover)}
button:not(.text-button):not(.pane-label):active:not(:disabled),button:not(.text-button):not(.pane-label)[aria-pressed=true],#layout-open[aria-expanded=true]{
 background:var(--gloss-down);box-shadow:inset 0 1px 3px var(--gloss-shadow),inset 0 -1px 0 var(--gloss-highlight);border-color:var(--gloss-border);
}
select{
 background-image:var(--select-chevron),var(--gloss);background-position:right 12px center,0 0;
 background-size:10px 6px,100% 100%;background-repeat:no-repeat;
 border-color:var(--gloss-border);border-radius:4px;
 box-shadow:inset 0 1px 0 var(--gloss-highlight),inset 0 -1px 0 var(--gloss-low),0 1px 2px var(--gloss-shadow);
 text-shadow:0 1px 0 var(--gloss-label);
}
select:hover{background-image:var(--select-chevron),var(--gloss-hover)}
select option,select optgroup{background:var(--shell);color:var(--text);text-shadow:none}
header,footer{background:var(--bar-finish);box-shadow:inset 0 1px 0 var(--edge-highlight)}
aside{box-shadow:inset -1px 0 0 var(--edge-highlight)}
.instrument-range{height:4px;background:var(--track);border:1px solid var(--rule-strong);box-shadow:inset 0 1px 1px var(--gloss-shadow),0 1px 0 var(--edge-highlight)}
.instrument-range::-webkit-slider-thumb{width:13px;height:18px;background:var(--thumb-finish);border:1px solid var(--gloss-border);border-radius:3px;box-shadow:inset 0 1px 0 var(--gloss-highlight),inset 0 -1px 0 var(--gloss-low),0 1px 2px var(--gloss-shadow)}
.instrument-range::-moz-range-thumb{width:13px;height:18px;background:var(--thumb-finish);border:1px solid var(--gloss-border);border-radius:3px;box-shadow:inset 0 1px 0 var(--gloss-highlight),inset 0 -1px 0 var(--gloss-low),0 1px 2px var(--gloss-shadow)}
.instrument-range:active::-webkit-slider-thumb{background:var(--gloss-down)}
.instrument-range:active::-moz-range-thumb{background:var(--gloss-down)}
.segments button:not(:first-child):not(:last-child){border-radius:0}.segments button:first-child{border-radius:4px 0 0 4px}.segments button:last-child{border-radius:0 4px 4px 0}
dialog{border-radius:5px;border-color:var(--gloss-border);box-shadow:inset 0 1px 0 var(--gloss-highlight),0 4px 16px var(--gloss-shadow)}
.dialog-heading{margin:-24px -24px 20px;padding:12px 16px;background:var(--bar-finish);border-bottom:1px solid var(--rule);box-shadow:inset 0 1px 0 var(--edge-highlight)}