html,body,#root{height:100%;margin:0;padding:0}body{background:#0f1216}*{box-sizing:border-box}body{color:#2d3748;background:#000 linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial Narrow,Arial,sans-serif;font-size:16px;line-height:1.7}#intro{max-width:1200px;margin:0 auto;padding:2rem}h1{background:linear-gradient(135deg,#1a202c,#2d3748);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-family:Inter,Arial Narrow,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}h2{color:#2d3748;margin:4rem 0 1.5rem;font-family:Inter,sans-serif;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;position:relative}h2:after{content:"";background:linear-gradient(90deg,#4299e1,#63b3ed);border-radius:2px;width:60px;height:3px;position:absolute;bottom:-.5rem;left:0}h3{color:#4a5568;margin:3rem 0 1rem;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600}p,li{margin-bottom:1rem;font-size:1.125rem;line-height:1.8}article{max-width:900px;margin:0 auto 4rem;padding:0 1rem}#canvasContainer{max-width:100%;height:clamp(600px,70vh,800px);box-shadow:none;box-sizing:border-box;background:#1a202c;outline:none;width:100vw;height:calc(100vh - 100pt);margin:100px auto 3rem;position:relative;overflow:hidden}#nibgliderCanvas{cursor:crosshair;border:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#nibgliderCanvas:focus{box-shadow:none;outline:none}#statusOverlay{z-index:500;pointer-events:none;max-width:calc(100% - 20px);position:absolute;top:10px;left:10px}#statusOverlay .status-table{color:#e8edf3;text-align:left;white-space:normal;overflow-wrap:break-word;background:#0d1116c7;border:1px solid #0b0e12;border-radius:6px;flex-wrap:wrap;gap:2px 0;padding:5px 10px 5px 24px;font-family:monospace;font-size:12px;display:flex;overflow:visible;box-shadow:inset 0 1px #ffffff12,0 4px 14px #00000080}#statusOverlay .st-seg{white-space:normal;overflow-wrap:break-word}#statusOverlay .st-line-title{color:#fff;font-size:13px;font-weight:700}#statusOverlay .st-line-meta{color:#a7b1bd;font-size:11px}#statusOverlay .st-line-hint{color:var(--dp-text-1)}#statusOverlay .st-adjust-row{border-top:1px solid var(--dp-border-soft);color:var(--dp-text-2);flex:100%;margin-top:3px;padding-top:3px;font-size:11px}#statusOverlay .st-sep{color:#7d8894}#statusOverlay .st-divider{color:#ffffff59}#statusOverlay kbd.st-key{color:#e8edf3;white-space:nowrap;background:linear-gradient(#2b3542,#1d242e);border:1px solid #8fa3bd;border-radius:4px;margin:0 2px;padding:0 5px;font-family:monospace;font-size:11px;font-weight:700;line-height:1.5;display:inline-block;box-shadow:inset 0 1px #ffffff1f,0 1px #00000080}#statusOverlay kbd.st-key.circle{color:#bcd6fd;border-color:#4f8ff7}#statusOverlay kbd.st-key.rect{color:#b8f0e8;border-color:#2dd4bf}#statusOverlay kbd.st-key.quad{color:#f7ddae;border-color:#f5a623}#statusOverlay kbd.st-key.op{color:#d9c2f7;border-color:#a86ef0}#statusOverlay kbd.st-key.end{color:#e0a3a3;border-color:#e06565}#exportFrameCard{z-index:500;color:#e8edf3;background:#0d1116eb;border:1px solid #0b0e12;border-radius:6px;width:220px;padding:8px 10px;font-family:monospace;font-size:12px;position:absolute;top:10px;right:10px;box-shadow:inset 0 1px #ffffff12,0 4px 14px #00000080}#exportFrameCard .ef-head{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}#exportFrameCard .ef-title{font-weight:700}#exportFrameCard .ef-meta{opacity:.75;flex:1;font-size:11px}#exportFrameCard .ef-close{color:#e8edf3;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}#exportFrameCard .ef-controls{flex-direction:column;gap:6px;display:flex}#exportFrameCard .ef-row{align-items:center;gap:8px;display:flex}#exportFrameCard .ef-label{flex:0 0 64px}#exportFrameCard .ef-text,#exportFrameCard .ef-number,#exportFrameCard .ef-select{color:#e8edf3;min-width:0;font:inherit;background:#1d242e;border:1px solid #8fa3bd;border-radius:4px;flex:1;padding:2px 6px}#exportFrameCard .ef-export{font:inherit;color:#06121f;cursor:pointer;background:#2dd4bf;border:1px solid #0b0e12;border-radius:4px;padding:4px 8px;font-weight:700}#exportFrameCard .ef-popover-btn{font:inherit;color:#e8edf3;cursor:pointer;background:#2b3542;border:1px solid #8fa3bd;border-radius:4px;width:100%;padding:3px 8px}#exportFrameCard .ef-popover{border-top:1px solid #2b3542;flex-direction:column;gap:6px;margin-top:6px;padding-top:6px;display:flex}#exportFrameCard .ef-delete{color:#e0a3a3;font:inherit;cursor:pointer;background:0 0;border:none;margin-top:8px;padding:0;font-size:11px}#exportFrameCard .ef-error{color:#e0a3a3}#exportFrameCard .ef-edge,#interlaceCard .ef-edge{flex-direction:column;gap:6px;margin-bottom:6px;display:flex}#exportFrameCard .ef-edge:last-child,#interlaceCard .ef-edge:last-child{margin-bottom:0}#exportFrameCard .ef-edge-label,#interlaceCard .ef-edge-label{text-transform:uppercase;letter-spacing:.08em;opacity:.6;font-size:10px}#canvasContainer #topOverlayStack .ic-widget-strip{pointer-events:auto;color:#e8edf3;background:#0d1116eb;border:1px solid #0b0e12;border-radius:6px;align-self:flex-start;max-width:min(640px,100%);padding:8px 10px;font-family:monospace;font-size:12px;box-shadow:inset 0 1px #ffffff12,0 4px 14px #00000080}#canvasContainer #topOverlayStack .ic-widget-strip .ef-controls{flex-direction:column;gap:6px;display:flex}#canvasContainer #topOverlayStack .ic-widget-strip .ef-row{align-items:center;gap:8px;display:flex}#canvasContainer #topOverlayStack .ic-widget-strip .ef-label{flex:0 0 64px}#canvasContainer #topOverlayStack .ic-widget-strip .ef-text,#canvasContainer #topOverlayStack .ic-widget-strip .ef-number,#canvasContainer #topOverlayStack .ic-widget-strip .ef-select{color:#e8edf3;min-width:0;font:inherit;background:#1d242e;border:1px solid #8fa3bd;border-radius:4px;flex:1;padding:2px 6px}#canvasContainer #topOverlayStack .ic-widget-strip .ef-export{font:inherit;color:#06121f;cursor:pointer;background:#2dd4bf;border:1px solid #0b0e12;border-radius:4px;padding:4px 8px;font-weight:700}#filtersCard{z-index:500;color:#e8edf3;background:#0d1116eb;border:1px solid #0b0e12;border-radius:6px;width:248px;padding:8px 10px;font-family:monospace;font-size:12px;position:absolute;top:10px;right:10px;box-shadow:inset 0 1px #ffffff12,0 4px 14px #00000080}#filtersCard .fp-head{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}#filtersCard .fp-title{font-weight:700}#filtersCard .fp-meta{opacity:.75;flex:1;font-size:11px}#filtersCard .fp-close{color:#e8edf3;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}#filtersCard .settings-tabs{margin-bottom:8px}#filtersCard .fp-controls{flex-direction:column;gap:6px;display:flex}#filtersCard .fp-row{align-items:center;gap:8px;display:flex}#filtersCard .fp-label{flex:0 0 64px}#filtersCard .fp-hint{opacity:.75;font-size:11px}#filtersCard .fp-color{background:#1d242e;border:1px solid #8fa3bd;border-radius:4px;flex:1;min-width:0;height:24px;padding:1px 3px}#filtersCard .fp-color:disabled{opacity:.4}#filtersCard .fp-btn{font:inherit;color:#e8edf3;cursor:pointer;background:#2b3542;border:1px solid #8fa3bd;border-radius:4px;flex:1;padding:3px 8px}#filtersCard .fp-btn.fp-apply{color:#06121f;background:#2dd4bf;border-color:#0b0e12;flex:none;font-weight:700}#filtersCard .fp-btn:disabled{opacity:.4;cursor:default}#canvasContainer #topOverlayStack .ic-widget-strip .ef-popover-btn{font:inherit;color:#e8edf3;cursor:pointer;background:#2b3542;border:1px solid #8fa3bd;border-radius:4px;width:100%;padding:3px 8px}#canvasContainer #topOverlayStack .ic-widget-strip .ef-popover{border-top:1px solid #2b3542;flex-direction:column;gap:6px;margin-top:6px;padding-top:6px;display:flex}#controlPanel .panel-side #keymapWidget{pointer-events:none;width:100%;padding-left:24px;position:relative}#controlPanel .panel-side #keymapWidget .widget-handle{pointer-events:auto;position:absolute;top:4px;bottom:4px;left:5px}#keymapWidget .keymap-table{border-collapse:collapse;color:#e8edf3;background:#0d1116c7;border:1px solid #0b0e12;border-radius:6px;width:100%;font-family:monospace;font-size:11px;box-shadow:inset 0 1px #ffffff12,0 4px 14px #00000080}#keymapWidget .keymap-table td{vertical-align:middle;text-align:left;padding:2px 6px}#keymapWidget .km-keys{white-space:nowrap;width:1%}#keymapWidget .km-action{color:var(--dp-text-1);overflow-wrap:break-word}#keymapWidget tbody.km-adjust{border-top:1px solid var(--dp-border-soft)}#keymapWidget kbd.km-key{color:#e8edf3;white-space:nowrap;background:linear-gradient(#2b3542,#1d242e);border:1px solid #8fa3bd;border-radius:4px;margin:0 2px;padding:0 5px;font-family:monospace;font-size:11px;font-weight:700;line-height:1.5;display:inline-block;box-shadow:inset 0 1px #ffffff1f,0 1px #00000080}#keymapWidget kbd.km-key.circle{color:#bcd6fd;border-color:#4f8ff7}#keymapWidget kbd.km-key.rect{color:#b8f0e8;border-color:#2dd4bf}#keymapWidget kbd.km-key.quad{color:#f7ddae;border-color:#f5a623}#keymapWidget kbd.km-key.op{color:#d9c2f7;border-color:#a86ef0}#keymapWidget kbd.km-key.end{color:#e0a3a3;border-color:#e06565}#controlPanel .panel-side #configSummaryBox{width:100%;font-family:var(--font-tech-label);color:var(--dp-text-1);background:linear-gradient(#ffffff0f,#fff0 26%),linear-gradient(#0d1218,#141b24);border:1px solid #0b0e12;border-radius:6px;margin-bottom:6px;padding:6px 8px 6px 24px;position:relative;box-shadow:inset 0 1px 3px #000000a6,inset 0 -1px #ffffff0a,0 1px 2px #00000073}#configSummaryBox .cfg-head{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:4px;display:flex}#configSummaryBox .cfg-doc{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.03em;min-width:0;color:var(--dp-text-1);font-size:.6875rem;overflow:hidden}#configSummaryBox .cfg-state{letter-spacing:.04em;color:var(--dp-text-3);background:linear-gradient(#10161d,#0b0f14);border:1px solid #0b0e12;border-radius:4px;flex:none;padding:0 4px;font-size:.625rem;box-shadow:inset 0 1px 2px #0009,inset 0 -1px #ffffff0a}#configSummaryBox .cfg-state.selection{color:#bcd6fd;border-color:#4f8ff7}#configSummaryBox .cfg-preview{background:linear-gradient(#ffffff0d,#fff0 30%),#ffffff0a;border:1px solid #0b0e12;border-radius:4px;margin-bottom:4px;display:block;box-shadow:inset 0 1px 3px #0009,inset 0 -1px #ffffff0a}#configSummaryBox .cfg-rows{flex-direction:column;gap:1px;margin:0;font-size:.6875rem;display:flex}#configSummaryBox .cfg-row{color:var(--dp-text-2);justify-content:space-between;align-items:center;gap:6px;margin:0;display:flex}#configSummaryBox .cfg-row dt{align-items:center;gap:4px;margin:0;display:inline-flex}#configSummaryBox .cfg-row.sub{color:var(--dp-text-3);padding-left:18px;font-size:.625rem}#configSummaryBox .cfg-row dd{white-space:nowrap;align-items:center;gap:4px;margin:0;display:inline-flex}#configSummaryBox .cfg-row.is-off{opacity:.55}#configSummaryBox .cfg-swatch{border:1px solid #8fa3bd;border-radius:2px;width:10px;height:10px;display:inline-block}#configSummaryBox .cfg-glyph{color:var(--dp-text-3)}#configSummaryBox .cfg-head .custom-select{flex:auto;min-width:0;display:flex}#configSummaryBox .cfg-head .custom-select-trigger{width:auto;min-width:0;box-shadow:none;filter:none;font-family:var(--font-tech-label);letter-spacing:.03em;background:0 0;border:none;border-radius:3px;flex:auto;padding:0;font-size:.6875rem}#configSummaryBox .cfg-head .custom-select-trigger .cs-trigger-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.6875rem;overflow:hidden}#configSummaryBox .cfg-head .custom-select-trigger:hover .cs-trigger-label{color:#bcd6fd;text-decoration:underline}#configSummaryBox .cfg-head .custom-select-trigger:focus-visible{outline-offset:1px;outline:2px solid #4f8ff7}.settings-row.docinfo-row{justify-content:flex-start}.settings-row.docinfo-row .settings-label{flex:none;width:4.5rem}.docinfo-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dp-text-1);text-align:right;flex:auto;font-size:.8125rem;overflow:hidden}.docinfo-input{background:var(--dp-bg-3);border:1px solid var(--dp-border);min-width:0;color:var(--dp-text-1);font:inherit;border-radius:6px;flex:auto;padding:5px 8px;font-size:.8125rem}#controlPanel{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);background:linear-gradient(135deg, #1a1a1a 0%, #1f1f1f 100%), linear-gradient(135deg, #ffffff14 0%, #ffffff08 50%, #0000001a 100%) inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;color:#fff;box-sizing:border-box;border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;align-items:center;gap:1rem;width:100%;padding:0 20px;font-family:monospace;font-size:14px;display:flex;position:absolute;top:1rem;left:1rem;right:1rem;box-shadow:0 20px 25px -5px #0000004d,inset 0 1px #ffffff0f,inset 0 -1px #0003}#controlPanel>div{background:linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%), linear-gradient(135deg, #ffffff1f 0%, #ffffff0a 50%, #0000001a 100%) inset;color:#fff;border:1px solid #ffffff26;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;font-family:Monaco,Menlo,monospace;font-size:.875rem;display:flex;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0003,0 2px 4px #0006}#controlPanel label{margin-right:.5rem;font-weight:600}#controlPanel select,#controlPanel input[type=range]{background:linear-gradient(135deg,#4a4a4a 0%,#3a3a3a 100%);background:linear-gradient(135deg, #4a4a4a 0%, #3a3a3a 100%), linear-gradient(135deg, #ffffff1a 0%, #ffffff0d 100%) inset;color:#fff;border:1px solid #ffffff4d;border-radius:6px;padding:.25rem .5rem;font-size:.875rem;box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0000004d}#controlPanel input[type=range]{background:linear-gradient(135deg,#5a5a5a 0%,#4a4a4a 100%);background:linear-gradient(135deg, #5a5a5a 0%, #4a4a4a 100%), linear-gradient(135deg, #fff3 0%, #ffffff1a 100%) inset;height:4px;padding:0}.param-block{flex-direction:column;gap:2px;display:inline-block}.instructions-panel{background:#fff;border:1px solid #0000000d;border-radius:20px;max-width:1000px;margin:2rem auto;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.instructions-panel table{border-collapse:collapse;width:100%;font-size:1rem}.instructions-panel td{vertical-align:top;border-right:1px solid #0000000d;padding:1.5rem}.instructions-panel td:last-child{border-right:none}.instructions-panel h3{color:#2d3748;margin-top:0;font-size:1.25rem}#keyboardContainer{z-index:999;position:absolute;bottom:10px;left:10px}#canvasContainer #topOverlayStack{z-index:600;pointer-events:none;flex-direction:column;align-items:stretch;gap:8px;max-height:calc(100% - 20px);display:flex;position:absolute;top:10px;left:10px;right:10px;overflow:visible}#canvasContainer #topOverlayStack #controlPanel.control-panel-fixed{pointer-events:auto;border:1px solid var(--dp-border-soft);border-radius:8px;transition:transform .32s,opacity .32s,max-height .32s;box-shadow:0 8px 24px #00000080;flex:none!important;width:auto!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important}#canvasContainer #topOverlayStack #controlPanel.control-panel-fixed.panel-hidden{opacity:0;pointer-events:none;transform:translateY(-8px);max-height:0!important;overflow:hidden!important}#canvasContainer #topOverlayStack #statusOverlay{z-index:auto;align-self:flex-start;max-width:100%;transition:transform .32s,opacity .32s;position:relative;top:auto;left:auto}#canvasContainer #topOverlayStack #statusOverlay .widget-handle{pointer-events:auto;position:absolute;top:4px;bottom:4px;left:5px}#canvasContainer #topOverlayStack #statusOverlay.status-hidden{opacity:0;transform:translateY(-8px)}#canvasContainer{box-sizing:border-box;background:#1a202c;outline:none;flex:1;position:relative}#controlPanel{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);background:linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%), linear-gradient(135deg, #ffffff14 0%, #ffffff08 50%, #0000001a 100%) inset;color:#fff;box-sizing:border-box;z-index:auto;border-radius:0;flex:none;align-items:center;width:100%;padding:0 20px;font-family:monospace;font-size:14px;display:flex;box-shadow:0 2px 10px #0000004d,inset 0 1px #ffffff0f;position:relative!important;top:auto!important;left:auto!important;right:auto!important}#controlPanel .toggle-switch{width:60px;height:30px;margin-right:8px;display:inline-block;position:relative}#controlPanel .toggle-switch input{opacity:0;width:0;height:0}#controlPanel .toggle-switch .slider{cursor:pointer;background-color:#222;border-radius:30px;transition:all .4s;position:absolute;inset:0;box-shadow:inset 0 2px 4px #0000004d}#controlPanel .toggle-switch .slider:before{content:"";background-color:#333232;border-radius:3pt;width:24px;height:24px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 6px #0000004d}#controlPanel .toggle-switch input:checked+.slider{background-color:#111}#controlPanel .toggle-switch input:checked+.slider:before{transform:translate(30px)}#controlPanel .toggle-switch .slider:after{content:"OFF";color:#aaa;z-index:1;font-family:Monaco,monospace;font-size:11px;font-weight:700;transition:all .3s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}#controlPanel .toggle-switch input:checked+.slider:after{content:"ON";color:#fff;left:10px;right:auto}@media (width<=768px){#intro{padding:1rem}#controlPanel{flex-direction:column;align-items:stretch;top:.5rem;left:.5rem;right:.5rem}.instructions-panel{border-radius:0;margin:1rem -1rem;padding:1.5rem}.instructions-panel td{border-bottom:1px solid #0000000d;border-right:none;padding:1rem 1.5rem;display:block}.instructions-panel td:last-child{border-bottom:none}}@media (width<=480px){#canvasContainer{height:60vh;margin:1rem auto}}kbd{aspect-ratio:1;background:linear-gradient(135deg,#4a4a4a 0%,#3a3a3a 100%);background:linear-gradient(90deg, #4a4a4a 0%, #3a3a3a 100%), linear-gradient(135deg, #ffffff1f 0%, #ffffff0f 50%, #00000026 100%) inset;color:#252525;text-shadow:0 1px #00000080;border:1px solid #555;border-radius:4px;margin:0 .125rem;padding:.15rem .45rem;font-family:Monaco,Menlo,monospace;font-size:.875em;font-style:italic;font-weight:300;display:inline-block;position:relative;box-shadow:0 2px 3px #00000080,0 1px 1px #0000004d,inset 0 1px #ffffff26,inset 0 -1px #0000004d}iframe{border-radius:16px;max-width:100%;height:auto;box-shadow:0 25px 50px -12px #00000040}#canvasContainer{box-sizing:border-box;outline:none;width:100vw;height:calc(100vh - 100pt);margin-top:100px;position:relative}#controlPanel{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);background:linear-gradient(135deg, #1a1a1a 0%, #1a1a1a 100%), linear-gradient(135deg, #ffffff14 0%, #ffffff08 50%, #0000001a 100%) inset;color:#fff;box-sizing:border-box;align-items:center;width:100%;padding:0 20px;font-family:monospace;font-size:14px;display:flex}#rectFrameControls{background:linear-gradient(135deg,#166e62 0%,#0f4a42 100%);border-radius:5px;flex-wrap:wrap;align-items:center;gap:8px;margin:5px;padding:5px;display:flex;box-shadow:inset 0 1px #fff3,0 2px 4px #0000004d}#circleFrameControls{background:linear-gradient(135deg,#0e4d94 0%,#0a3a6b 100%);background:linear-gradient(135deg, #0e4d94 0%, #0a3a6b 100%), linear-gradient(135deg, #fff3 0%, #ffffff0d 100%) inset;border-radius:5px;flex-wrap:wrap;align-items:center;gap:8px;margin:5px;padding:5px;display:flex;box-shadow:inset 0 1px #fff3,0 2px 4px #0000004d}#shapePreviewContainer{border-radius:8px;width:120px;height:80px;overflow:hidden;box-shadow:0 4px 12px #0000004d}#shapePreview{background:#0006;border-radius:3px}.param-item{flex-direction:column;gap:2px;display:flex}.panelParameters .param-item label{margin:0;font-size:.8rem}#nibgliderCanvas{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.instructions-table{border:2px dashed #000;margin-top:0;margin-bottom:10px;font-size:80%}.instructions-table-content{padding-top:10px;padding-left:10px}.instructions-table td{vertical-align:top;color:#926a6a;padding:10px}.instructions-table h3{margin-top:0}html,body{height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}html{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}#mainLayout{flex-direction:column!important;width:100vw!important;height:100vh!important;display:flex!important}#controlPanel.control-panel-fixed{box-sizing:border-box!important;border-bottom:1px solid var(--dp-border-soft)!important;border-right:none!important;flex-direction:column!important;flex-shrink:0!important;align-items:stretch!important;gap:0!important;width:100%!important;margin:0!important;padding:0!important;position:relative!important;overflow:visible!important}#controlPanel .panel-sections{min-width:0;margin-left:var(--rail-width);box-shadow:none;background:0 0;border:none;border-radius:0;flex-flow:wrap;flex:auto;order:1;align-content:flex-start;align-items:stretch;gap:6px;padding:0 0 0 22px;display:flex;position:relative}#controlPanel .panel-row-break{pointer-events:none;flex:0 0 100%;width:100%;height:0}#controlPanel .panel-card,#controlPanel .pane-titlebar.titlebar-single{white-space:nowrap;flex-wrap:wrap}#controlPanel #fillControls .pane-titlebar{background:linear-gradient(#161c24 0%,#0e1218 60%,#090c10 100%)}#canvasContainer{height:0!important;box-shadow:none!important;box-sizing:border-box!important;background:#1a202c!important;outline:none!important;flex:1!important;margin:0!important;padding:0!important;display:flex!important;position:relative!important}#nibgliderCanvas.nibglider-canvas{border:none!important;flex:1!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}#strokeColorWell{cursor:pointer;border:none;border-radius:6px;width:44px;height:44px;box-shadow:0 2px 8px #0000004d}#strokeWidthSlider{background:#ffffff4d;border-radius:3px;width:100px;height:6px}:root{--dp-bg-0:#0f1216;--dp-bg-1:#151a20;--dp-bg-2:#1c232c;--dp-bg-3:#232c37;--dp-border:#2c3642;--dp-border-soft:#242e39;--dp-text-1:#e8edf3;--dp-text-2:#a7b1bd;--dp-text-3:#7d8894;--dp-accent:#4f8ff7;--dp-accent-strong:#2f6fe0;--dp-accent-soft:#4f8ff724;--font-tech-label:"Chakra Petch", "Arial Narrow", "Franklin Gothic Medium", Arial, sans-serif;--font-tech-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-tech-title:"Orbitron", "Chakra Petch", "Arial Narrow", Arial, sans-serif;--font-keys-title:"Exo 2", "Chakra Petch", "Arial Narrow", Arial, sans-serif;--font-snap-title:"Barlow Condensed", "Arial Narrow", "Franklin Gothic Medium", Arial, sans-serif}body{color:var(--dp-text-1);background:var(--dp-bg-0)}#mainLayout{background:var(--dp-bg-0)}#controlPanel.titles-hidden .pane-title-text{display:none}#controlPanel,#controlPanel.control-panel-fixed{border-bottom:1px solid var(--dp-border-soft);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-family:var(--font-tech-label);scrollbar-width:thin;scrollbar-color:var(--dp-bg-3) var(--dp-bg-0);background:#10141a;border-radius:0;flex-flow:column;align-items:stretch;gap:0;padding:0;overflow:visible;container:cpanel/inline-size}#controlPanel::-webkit-scrollbar{height:8px}#controlPanel::-webkit-scrollbar-track{background:var(--dp-bg-0)}#controlPanel::-webkit-scrollbar-thumb{background:var(--dp-bg-3);border:1px solid var(--dp-border);border-radius:4px}#controlPanel::-webkit-scrollbar-thumb:hover{background:var(--dp-border)}#controlPanel .panel-card{box-shadow:none;color:var(--dp-text-1);min-width:min(100%, max-content);background:0 0;border:none;border-radius:0;outline:none;flex-direction:column;flex:0 auto;align-items:stretch;max-width:100%;margin:0;padding:0;display:flex;overflow:visible}#controlPanel #circleInnerShapeSelect,#controlPanel #rectInnerShapeSelect{flex:1 1 0;width:auto;min-width:0;max-width:100%}#controlPanel #fillControls,#controlPanel #strokeControls{flex:0 auto}#controlPanel .title-seg,#controlPanel .toggle-switch,#controlPanel .titlebar-well,#controlPanel .shape-preview-trigger,#controlPanel .stroke-preview-trigger,#controlPanel .seg-ctrl,#controlPanel .num-stepper{flex-shrink:0}#controlPanel .pane-titlebar{background:linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%);border:none;border-bottom:1px solid #0b0e12;border-radius:0;outline:none;flex:none;align-items:center;gap:8px;min-height:26px;padding:2px 8px;display:flex;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #0000008c}#controlPanel .pane-title{letter-spacing:.1em;text-transform:uppercase;color:var(--dp-text-1);text-shadow:0 1px #000000b3;white-space:nowrap;align-items:center;gap:6px;font-size:.75rem;font-weight:800;display:inline-flex}#controlPanel .pane-title kbd{text-transform:none;letter-spacing:0}#controlPanel .title-seg{white-space:nowrap;background:linear-gradient(#0d1218,#141b24);border:1px solid #0b0e12;border-radius:0;flex:none;align-self:stretch;align-items:center;gap:6px;margin:3px 0;padding:2px 10px;display:inline-flex;box-shadow:inset 0 1px 3px #000000a6,inset 0 -1px #ffffff0a}#controlPanel .pane-titlebar.titlebar-wrap{flex-wrap:wrap;row-gap:6px}#controlPanel .pane-titlebar.titlebar-single{flex-wrap:wrap;row-gap:4px;min-width:0;max-width:100%;min-height:34px;overflow:visible}#controlPanel #circleFrameControls .pane-titlebar.titlebar-single,#controlPanel #rectFrameControls .pane-titlebar.titlebar-single,#controlPanel #combinatoricsControls .pane-titlebar.titlebar-single{flex-wrap:nowrap;min-width:0}#controlPanel .titlebar-single .panelParameters,#controlPanel .titlebar-single .param-block,#controlPanel .titlebar-single .param-item{white-space:nowrap;flex-direction:row;align-items:center;gap:6px;display:inline-flex}#controlPanel .titlebar-single .snapping-aspect{grid-column:auto;align-items:center;gap:8px;display:inline-flex}#controlPanel .titlebar-single #shapePreviewContainer,#controlPanel .titlebar-single #rectShapePreviewContainer,#controlPanel .titlebar-single #combinePreviewContainer,#controlPanel .titlebar-single #repeatPreviewContainer,#controlPanel .titlebar-single #textPreviewContainer{flex:0 0 84px;width:84px;height:30px}#controlPanel .titlebar-single #shapePreview,#controlPanel .titlebar-single #rectShapePreview{width:84px;height:30px}#controlPanel .titlebar-single .rect-shape-col{flex-direction:row;align-items:center}#controlPanel .pane-titlebar .titlebar-well{flex:none;width:30px;height:22px;margin-left:0}#controlPanel .pane-titlebar .num-stepper,#controlPanel .pane-titlebar .stroke-preview,#controlPanel .pane-titlebar .stroke-preview-trigger{flex:none}#controlPanel #fillControls .fill-body{min-height:26px}#controlPanel .pane-body{color:var(--dp-text-1);background:linear-gradient(#12171d,#151b22);border-top:1px solid #ffffff0a;flex:auto;align-items:center;gap:8px;min-width:0;min-height:0;margin:0;padding:8px 10px;display:flex;box-shadow:inset 0 2px 5px #00000073}#controlPanel .pane-body-row{flex-wrap:nowrap}#controlPanel #circleFrameControls,#controlPanel #rectFrameControls{flex-wrap:nowrap;flex:0 auto;width:max-content;min-width:min(100%,14rem);max-width:100%}#controlPanel #combinatoricsControls{flex:none;width:max-content;min-width:22rem;max-width:100%}@container cpanel (width<=26rem){#controlPanel #combinatoricsControls{flex:1 0 100%;width:100%;min-width:0}#controlPanel #combinatoricsControls .pane-titlebar.titlebar-single{flex-wrap:wrap}}#controlPanel #circleFrameControls.section-collapsed,#controlPanel #rectFrameControls.section-collapsed,#controlPanel #combinatoricsControls.section-collapsed{flex:none;width:auto;min-width:0}#controlPanel .pane-body-row{flex-direction:row}#controlPanel .pane-body-col{flex-direction:column;align-items:stretch;gap:4px;font-size:.8125rem}#controlPanel .pane-body label{color:var(--dp-text-2);margin-right:.25rem;font-weight:500}#controlPanel .pane-titlebar .toggle-switch{flex:none;width:34px;height:18px;margin-right:0}#controlPanel .pane-titlebar .toggle-switch .slider:before{width:12px;height:12px;bottom:2px;left:2px}#controlPanel .pane-titlebar .toggle-switch input:checked+.slider:before{transform:translate(16px)}#controlPanel .pane-titlebar .toggle-switch .slider:after{font-size:8px;right:5px}#controlPanel .pane-titlebar .toggle-switch input:checked+.slider:after{left:5px}#controlPanel .control-inline{background:var(--dp-bg-1);border:1px solid var(--dp-border-soft);border-radius:5px;align-items:center;gap:6px;padding:4px 8px;display:flex}#controlPanel .check-row{cursor:pointer;color:var(--dp-text-1);align-items:center;gap:6px;display:flex}#controlPanel .snapping-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4px 12px;display:grid}#controlPanel .snapping-aspect{grid-column:1/-1;align-items:center;gap:8px;display:flex}#controlPanel .snapping-aspect select{min-width:4.5rem;margin-left:auto}#controlPanel .snapping-seg{border:1px solid var(--dp-border);background:linear-gradient(#f5a6231a,#c878141a),linear-gradient(#10151b,#141b23);border-radius:0;flex:auto;align-items:stretch;min-width:0;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px 2px #00000080,0 1px #ffffff0d}#controlPanel .snapping-seg>.check-row,#controlPanel .snapping-seg>.snap-toggle,#controlPanel .snapping-seg>.snap-field,#controlPanel .snapping-seg>.snapping-aspect{border-right:1px solid var(--dp-border);padding:3px 8px}#controlPanel .snapping-seg>:last-child{border-right:none}#controlPanel .snapping-seg>.snap-toggle.active{color:#ffedd0;background:linear-gradient(#7a5c22,#5e471a)}#controlPanel .snapping-seg>.check-row:has(input:checked){color:#ffedd0;background:linear-gradient(#7a5c22,#5e471a)}#controlPanel .snapping-seg>.snap-field:has(.snap-toggle.active){color:#ffedd0;background:linear-gradient(#7a5c22,#5e471a)}#controlPanel .snapping-seg>.snap-toggle.active svg{color:#ffedd0}#controlPanel .snapping-seg>.check-row:has(input:checked) svg{color:#ffedd0}#controlPanel .snap-toggle{color:var(--dp-text-1);font-family:var(--font-tech-label);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;font-size:.8125rem;display:inline-flex}#controlPanel .snap-toggle:hover{color:#ffedd0}#controlPanel .snap-toggle:focus-visible{outline:2px solid var(--dp-accent);outline-offset:-2px}#controlPanel .snap-toggle svg{flex:none}#controlPanel .snap-field{align-items:center;gap:6px;display:inline-flex}#controlPanel .snap-field .snap-toggle{border-right:none;padding:0}#controlPanel .snap-num{background:var(--dp-bg-3);border:1px solid var(--dp-border);width:calc(3ch + 14px);box-shadow:none;color:var(--dp-text-1);font-size:.8125rem;font-family:var(--font-tech-mono);border-radius:5px;padding:2px 6px}#controlPanel .snap-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#controlPanel .snap-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#controlPanel .snap-num[type=number]{appearance:textfield}#controlPanel .snap-num:disabled{opacity:.45;cursor:default}#controlPanel .snap-num:focus-visible{outline:2px solid var(--dp-accent);outline-offset:1px}#controlPanel select{background:var(--dp-bg-3);border:1px solid var(--dp-border);box-shadow:none;color:var(--dp-text-1);border-radius:5px;padding:4px 8px;font-size:.8125rem}#controlPanel select option{color:#111}#controlPanel .custom-select{min-width:0;display:inline-flex}#controlPanel .custom-select-trigger{background:var(--dp-bg-3);border:1px solid var(--dp-border);width:100%;min-width:0;box-shadow:none;color:var(--dp-text-1);font-size:.8125rem;font-family:var(--font-tech-mono);cursor:pointer;white-space:nowrap;filter:drop-shadow(0 2px 2px #00000080);border-radius:5px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}#controlPanel .custom-select-trigger:hover,#controlPanel .custom-select-trigger.open{border-color:#3d4a59}#controlPanel .custom-select-trigger:focus-visible{outline:2px solid var(--dp-accent);outline-offset:1px}#controlPanel .custom-select-trigger .cs-trigger-label{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}#controlPanel .custom-select-trigger .cs-image{width:20px;color:inherit;flex:none;justify-content:center;align-items:center;display:inline-flex}#controlPanel .custom-select-trigger .cs-caret{opacity:.7;border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;flex:none;width:0;height:0;margin-left:auto;transition:transform .12s}#controlPanel .custom-select-trigger .cs-caret.open{transform:rotate(180deg)}#controlPanel #circleFrameControls .custom-select-trigger{color:#c3d5f2;box-shadow:inset 0 0 0 999px #4f8ff72e}#controlPanel #rectFrameControls .custom-select-trigger{color:#b8e0d8;box-shadow:inset 0 0 0 999px #2dd4bf29}#controlPanel #snappingControls .custom-select-trigger{color:#e6d3a8;box-shadow:inset 0 0 0 999px #f5a62333}#controlPanel #gridControls .custom-select-trigger{color:#c3cfdd;box-shadow:inset 0 0 0 999px #94a3b82e}#controlPanel .snapping-aspect .custom-select{min-width:4.5rem;margin-left:auto}.custom-select-menu{z-index:10100;border:1px solid var(--dp-border);max-height:280px;font-family:var(--font-tech-mono);color:var(--dp-text-2);background:linear-gradient(#ffffff12,#fff0 22%),linear-gradient(#242e3a,#161c24);border-radius:6px;padding:4px;font-size:.8125rem;position:fixed;box-shadow:inset 0 1px #ffffff1f,0 8px 24px #0009,0 2px 6px #00000080}.cs-scroll:focus{outline:none}.cs-scroll{scrollbar-width:none;-ms-overflow-style:none;max-height:272px;padding-right:8px;overflow-y:auto}.cs-scroll::-webkit-scrollbar{display:none}.cs-scrollbar{background:#ffffff0f;border-radius:4px;width:8px;position:absolute;top:6px;bottom:6px;right:3px}.cs-thumb{cursor:pointer;touch-action:none;background:#4b5866;border-radius:4px;width:8px;position:absolute;top:0;left:0}.cs-thumb:hover{background:#64748b}.font-select-menu,.shape-params-flyout{scrollbar-width:thin;scrollbar-color:#4b5866 transparent}.font-select-menu::-webkit-scrollbar{width:10px}.shape-params-flyout::-webkit-scrollbar{width:10px}.font-select-menu::-webkit-scrollbar-track{background:0 0}.shape-params-flyout::-webkit-scrollbar-track{background:0 0}.font-select-menu::-webkit-scrollbar-thumb{background:#4b5866;border:2px solid #1a212b;border-radius:5px}.shape-params-flyout::-webkit-scrollbar-thumb{background:#4b5866;border:2px solid #1a212b;border-radius:5px}.font-select-menu::-webkit-scrollbar-thumb:hover{background:#64748b}.shape-params-flyout::-webkit-scrollbar-thumb:hover{background:#64748b}.custom-select-menu .cs-item{cursor:pointer;white-space:nowrap;border-left:2px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:5px 8px;display:flex}.custom-select-menu .cs-item.focused{background:var(--dp-accent-soft);color:var(--dp-text-1)}.custom-select-menu .cs-item.selected{border-left-color:var(--dp-accent);color:#fff;background:#4f8ff738}.custom-select-menu .cs-item.cs-parent{font-family:var(--font-tech-label);color:var(--dp-text-1)}.custom-select-menu .cs-item .cs-image{width:20px;color:var(--dp-text-3);flex:none;justify-content:center;align-items:center;display:inline-flex}.custom-select-menu .cs-item.focused .cs-image,.custom-select-menu .cs-item.selected .cs-image{color:inherit}.custom-select-menu .cs-caret{opacity:.7;border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid;flex:none;width:0;height:0;transition:transform .12s}.custom-select-menu .cs-caret.open{transform:rotate(90deg)}.custom-select-menu .cs-group{white-space:nowrap;align-items:center;gap:8px;padding:7px 8px 3px;display:flex}.custom-select-menu .cs-group-label{font-family:var(--font-tech-label);letter-spacing:.06em;text-transform:uppercase;color:var(--dp-text-3);font-size:.6875rem}.custom-select-menu .cs-item.disabled{opacity:.45;cursor:default}.custom-select-menu .cs-item .cs-shortcut{flex:none;margin-left:auto;padding-left:16px}.custom-select-menu .cs-item .cs-shortcut kbd{white-space:nowrap;font-size:.6875rem}.custom-select-menu .cs-card-grid{gap:6px;padding:4px;display:grid}.custom-select-menu .cs-item.cs-card{text-align:center;white-space:normal;border:1px solid var(--dp-border);border-left:1px solid var(--dp-border);background:linear-gradient(#ffffff17,#fff0 45%),linear-gradient(#2c3846,#1d2530);border-radius:7px;flex-direction:column;justify-content:center;gap:5px;min-height:64px;padding:9px 6px 7px;box-shadow:inset 0 1px #ffffff24,0 2px 5px #00000073}.custom-select-menu .cs-item.cs-card:hover,.custom-select-menu .cs-item.cs-card.focused{border-color:var(--dp-accent);color:var(--dp-text-1)}.custom-select-menu .cs-item.cs-card:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #00000080,0 1px 2px #0006}.custom-select-menu .cs-item.cs-card .cs-image,.custom-select-menu .cs-item.cs-card .cs-image svg{width:22px;height:22px}.custom-select-menu .cs-item.cs-card .cs-label{font-family:var(--font-tech-label);letter-spacing:.03em;font-size:.6875rem;line-height:1.2}.custom-select-menu .cs-item.cs-card .cs-shortcut{margin-left:0;padding-left:0}.gallery-overlay{z-index:10150;background:#080c1199;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gallery-dialog{border:1px solid var(--dp-border);width:min(420px,100vw - 32px);max-height:min(480px,100vh - 64px);font-family:var(--font-tech-mono);color:var(--dp-text-2);background:linear-gradient(#ffffff12,#fff0 22%),linear-gradient(#242e3a,#161c24);border-radius:8px;flex-direction:column;gap:10px;padding:12px;font-size:.8125rem;display:flex;box-shadow:inset 0 1px #ffffff1f,0 12px 32px #000000a6}.gallery-dialog:focus{outline:none}.gallery-head{justify-content:space-between;align-items:center;display:flex}.gallery-title{font-family:var(--font-tech-label);letter-spacing:.06em;text-transform:uppercase;color:var(--dp-text-1);font-size:.75rem}.gallery-x{color:var(--dp-text-3);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:1.1rem;line-height:1}.gallery-x:hover{color:var(--dp-text-1)}.gallery-row{gap:8px;display:flex}.gallery-name{background:var(--dp-bg-3);border:1px solid var(--dp-border);min-width:0;color:var(--dp-text-1);font:inherit;border-radius:5px;flex:1;padding:6px 8px}.gallery-primary{background:var(--dp-accent-soft);border:1px solid var(--dp-accent);color:#fff;font:inherit;cursor:pointer;border-radius:5px;flex:none;padding:6px 12px}.gallery-primary:disabled{opacity:.45;cursor:default}.gallery-list{flex-direction:column;gap:4px;min-height:60px;display:flex;overflow-y:auto}.gallery-empty{color:var(--dp-text-3);text-align:center;padding:12px 4px}.gallery-item{border:1px solid #0000;border-radius:5px;align-items:center;gap:8px;padding:6px 8px;display:flex}.gallery-item:hover{background:var(--dp-accent-soft)}.gallery-item.open{border-color:var(--dp-accent)}.gallery-item-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dp-text-1);flex:1;overflow:hidden}.gallery-open-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--dp-text-3);border:1px solid var(--dp-border);border-radius:3px;margin-left:6px;padding:0 4px;font-size:.625rem}.gallery-item-date{color:var(--dp-text-3);flex:none;font-size:.6875rem}.gallery-open{background:var(--dp-bg-3);border:1px solid var(--dp-border);color:var(--dp-text-1);font:inherit;cursor:pointer;border-radius:4px;flex:none;padding:3px 10px;font-size:.75rem}.gallery-open:hover{border-color:var(--dp-accent)}.gallery-confirm{gap:4px;display:inline-flex}.gallery-danger{color:#f0a0a0;font:inherit;cursor:pointer;background:#c83c3c33;border:1px solid #c83c3c99;border-radius:4px;padding:3px 8px;font-size:.75rem}.gallery-quiet{color:var(--dp-text-3);font:inherit;cursor:pointer;background:0 0;border:none;padding:3px 6px}.gallery-quiet:hover{color:var(--dp-text-1)}.newdoc-overlay{z-index:10150;background:#080c1199;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.newdoc-dialog{border:1px solid var(--dp-border);width:min(560px,100vw - 32px);max-height:min(600px,100vh - 64px);font-family:var(--font-tech-mono);color:var(--dp-text-2);background:linear-gradient(#ffffff12,#fff0 22%),linear-gradient(#242e3a,#161c24);border-radius:8px;flex-direction:column;gap:10px;padding:12px;font-size:.8125rem;display:flex;box-shadow:inset 0 1px #ffffff1f,0 12px 32px #000000a6}.newdoc-dialog:focus{outline:none}.newdoc-tabs{background:var(--dp-bg-3);border:1px solid var(--dp-border);border-radius:6px;align-items:center;gap:4px;padding:4px;display:flex}.newdoc-tab{color:var(--dp-text-3);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:1;padding:6px 4px}.newdoc-tab:hover{color:var(--dp-text-1)}.newdoc-tab.active{background:var(--dp-accent-soft);border-color:var(--dp-accent);color:#fff}.newdoc-system{border-left:1px solid var(--dp-border);gap:2px;margin-left:auto;padding-left:6px;display:flex}.newdoc-system-option{color:var(--dp-text-3);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:5px 8px;font-size:.75rem}.newdoc-system-option.active{color:var(--dp-text-1);border-color:var(--dp-border);background:#ffffff0f}.newdoc-body{flex-direction:column;gap:8px;min-height:180px;display:flex;overflow-y:auto}.newdoc-group-label{color:var(--dp-text-3);letter-spacing:.04em;font-size:.75rem}.newdoc-presets{flex-direction:column;gap:4px;display:flex}.newdoc-preset{border:1px solid var(--dp-border);color:var(--dp-text-2);font:inherit;cursor:pointer;text-align:left;background:0 0;border-radius:5px;justify-content:space-between;align-items:baseline;gap:8px;padding:7px 10px;display:flex}.newdoc-preset:hover{color:var(--dp-text-1);border-color:var(--dp-text-3)}.newdoc-preset.active{background:var(--dp-accent-soft);border-color:var(--dp-accent);color:#fff}.newdoc-preset-dims{color:var(--dp-text-3);white-space:nowrap;font-size:.75rem}.newdoc-preset.active .newdoc-preset-dims{color:#ffffffbf}.newdoc-row{align-items:flex-end;gap:8px;display:flex}.newdoc-field{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.newdoc-field-label{color:var(--dp-text-3);font-size:.75rem}.newdoc-input,.newdoc-select{background:var(--dp-bg-3);border:1px solid var(--dp-border);color:var(--dp-text-1);font:inherit;border-radius:5px;min-width:0;padding:6px 8px}.newdoc-times{color:var(--dp-text-3);padding-bottom:7px}.newdoc-orient{gap:4px;display:flex}.newdoc-orient-option{border:1px solid var(--dp-border);color:var(--dp-text-3);font:inherit;cursor:pointer;background:0 0;border-radius:5px;padding:6px 10px;font-size:.75rem}.newdoc-orient-option.active{color:var(--dp-text-1);border-color:var(--dp-text-3);background:#ffffff0f}.newdoc-foot{border-top:1px solid var(--dp-border);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.newdoc-preview{color:var(--dp-text-1)}.newdoc-note{color:var(--dp-text-3);font-size:.75rem;display:block}.newdoc-error{color:#f0a0a0;font-size:.75rem}@media (prefers-reduced-motion:reduce){#controlPanel .custom-select-trigger .cs-caret,#controlPanel .font-select-trigger .cs-caret,.custom-select-menu .cs-caret{transition:none}}#controlPanel .font-select{min-width:0;display:inline-flex}#controlPanel .font-select-trigger{background:var(--dp-bg-3);border:1px solid var(--dp-border);width:100%;min-width:0;box-shadow:none;color:var(--dp-text-1);cursor:pointer;white-space:nowrap;filter:drop-shadow(0 2px 2px #00000080);border-radius:5px;align-items:center;gap:6px;padding:4px 8px;font-size:.95rem;display:inline-flex}#controlPanel .font-select-trigger:hover{border-color:#3d4a59}#controlPanel .font-select-trigger:focus-visible{outline:2px solid var(--dp-accent);outline-offset:1px}#controlPanel .font-select-trigger .fs-trigger-label{text-overflow:ellipsis;overflow:hidden}#controlPanel .font-select-trigger .cs-caret{opacity:.7;border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;flex:none;width:0;height:0;margin-left:auto;transition:transform .12s}#controlPanel .font-select-trigger .cs-caret.open{transform:rotate(180deg)}.font-select-menu{z-index:1200;border:1px solid var(--dp-border);max-height:280px;color:var(--dp-text-2);background:linear-gradient(#ffffff12,#fff0 22%),linear-gradient(#242e3a,#161c24);border-radius:6px;padding:4px;font-size:.8125rem;position:fixed;overflow-y:auto;box-shadow:inset 0 1px #ffffff1f,0 8px 24px #0009,0 2px 6px #00000080}.font-select-menu:focus{outline:none}.font-select-menu .fs-group-header{align-items:center;gap:8px;padding:6px 8px 3px;display:flex}.font-select-menu .fs-group-label{font-family:var(--font-tech-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dp-text-3);flex:none;font-size:.6rem}.font-select-menu .fs-group-rule{background:var(--dp-border);opacity:.6;flex:1;height:1px}.font-select-menu .fs-item{width:100%;color:var(--dp-text-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-left:2px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;font-size:1.05rem;line-height:1.25;display:flex}.font-select-menu .fs-item-label{text-overflow:ellipsis;overflow:hidden}.font-select-menu .fs-item.focused{background:var(--dp-accent-soft);color:var(--dp-text-1)}.font-select-menu .fs-item.selected{border-left-color:var(--dp-accent);color:#fff;background:#4f8ff738}.font-select-menu .fs-check{color:var(--dp-accent);flex:none;font-size:.75rem}#controlPanel input[type=range]{border:1px solid var(--dp-border);accent-color:#7b8794;background:linear-gradient(#10151b,#161d25);border-radius:0;height:8px;padding:0;box-shadow:inset 0 1px 2px #0000008c,0 1px #ffffff0d}#controlPanel input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(#98a3b1,#5f6b7a 55%,#454f5c);border:1px solid #0b0e12;border-radius:50%;width:14px;height:14px;box-shadow:inset 0 1px #ffffff59,0 1px 2px #00000080}#controlPanel input[type=range]::-moz-range-thumb{cursor:pointer;background:linear-gradient(#98a3b1,#5f6b7a 55%,#454f5c);border:1px solid #0b0e12;border-radius:50%;width:14px;height:14px;box-shadow:inset 0 1px #ffffff59,0 1px 2px #00000080}#controlPanel input[type=range]::-moz-range-thumb:hover{background:linear-gradient(#98a3b1,#5f6b7a)}#controlPanel input[type=range]::-webkit-slider-thumb:hover{background:linear-gradient(#98a3b1,#5f6b7a)}#controlPanel input[type=range]:disabled{opacity:.4}#controlPanel input[type=range]:disabled::-webkit-slider-thumb{cursor:default}#controlPanel input[type=range]:disabled::-moz-range-thumb{cursor:default}#controlPanel input[type=range]::-moz-range-track{border:1px solid var(--dp-border);background:linear-gradient(#10151b,#161d25);border-radius:0;height:8px}#controlPanel input[type=range]::-moz-range-progress{background:linear-gradient(#7b8794,#4c5663);border-radius:0;height:8px}#controlPanel .check-row input[type=checkbox]{appearance:none;border:1px solid var(--dp-border);cursor:pointer;background:linear-gradient(#2c3642,#1e2530);border-radius:4px;flex:none;width:14px;height:14px;margin:0;box-shadow:inset 0 1px #ffffff17,0 1px 1px #0006}#controlPanel .check-row input[type=checkbox]:hover{border-color:var(--dp-accent)}#controlPanel .check-row input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5.2 8.8 9.5 3.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(#5a6675,#454f5c);background-position:50%;background-repeat:no-repeat;background-size:10px 10px,cover;border-color:#0b0e12;box-shadow:inset 0 1px #fff3,0 1px 1px #0006}#controlPanel .check-row input[type=checkbox]:focus-visible,#controlPanel input[type=range]:focus-visible,#controlPanel select:focus-visible,#controlPanel button:focus-visible,#controlPanel input[type=color]:focus-visible{outline:2px solid var(--dp-accent);outline-offset:1px}#strokeColorWell,#fillColorWell{border:1px solid var(--dp-border);background:var(--dp-bg-1);cursor:pointer;width:34px;height:28px;box-shadow:none;border-radius:5px;padding:0}#strokeWidthSlider{width:90px}#controlPanel .seg-ctrl{border:1px solid var(--dp-border);background:linear-gradient(#10151b,#141b23);border-radius:5px;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px 2px #00000080,0 1px #ffffff0d}#controlPanel .seg-ctrl button{appearance:none;color:var(--dp-text-2);cursor:pointer;background:linear-gradient(#2b3542,#1f2732);border:none;border-right:1px solid #0b0e12;padding:3px 5px;line-height:0;box-shadow:inset 0 1px #ffffff12}#controlPanel .seg-ctrl button:hover{color:var(--dp-text-1)}#controlPanel .seg-ctrl button:last-child{border-right:none}#controlPanel .seg-ctrl button.active{color:#fff;background:linear-gradient(#5a6675,#454f5c);box-shadow:inset 0 1px 2px #00000059}#controlPanel .rect-shape-col{flex-direction:column;align-items:flex-start;gap:6px;display:flex}#controlPanel #circleFrameControls{border-color:#4f8ff78c}#controlPanel #circleFrameControls .pane-titlebar{background:linear-gradient(#4f8ff738,#2f6fe038),linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%)}#controlPanel #circleFrameControls .pane-icon{color:#4f8ff7}#controlPanel #rectFrameControls{border-color:#2dd4bf73}#controlPanel #rectFrameControls .pane-titlebar{background:linear-gradient(#2dd4bf2e,#0f94842e),linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%)}#controlPanel #circleFrameControls.section-collapsed{background:linear-gradient(#4f8ff738,#2f6fe038),linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%)}#controlPanel #rectFrameControls.section-collapsed{background:linear-gradient(#2dd4bf2e,#0f94842e),linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%)}#controlPanel #gridControls.section-collapsed{background:linear-gradient(#94a3b833,#64748b33),linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%)}#controlPanel #snappingControls.section-collapsed{background:linear-gradient(#f5a62333,#c8781433),linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%)}#controlPanel #fillControls.section-collapsed{background:linear-gradient(#161c24 0%,#0e1218 60%,#090c10 100%);flex:none}#controlPanel #strokeControls.section-collapsed{background:linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%);flex:none}#controlPanel #rectFrameControls .pane-icon{color:#2dd4bf}#controlPanel #gridControls .pane-titlebar{background:linear-gradient(#94a3b833,#64748b33),linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%)}#controlPanel #gridControls .pane-icon{color:#94a3b8}#controlPanel #snappingControls .pane-titlebar{background:linear-gradient(#f5a62333,#c8781433),linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%)}#controlPanel #snappingControls .pane-icon{color:#f5a623}#controlPanel #circleFrameControls .pane-title-text{color:#8fb4ea}#controlPanel #rectFrameControls .pane-title-text{color:#7fd4c2}#controlPanel #snappingControls .pane-title-text{color:#e0aa4e}#controlPanel #gridControls .pane-title-text{color:#a9b8cc}#controlPanel .stroke-preview{background:var(--dp-bg-1);border:none;border-radius:0;display:block}#controlPanel .stroke-preview-trigger{appearance:none;cursor:pointer;font:inherit;color:inherit;background:var(--dp-bg-1);border:1px solid var(--dp-border-soft);border-radius:5px;flex:none;justify-content:center;align-items:center;width:56px;height:28px;margin:0;padding:0;line-height:0;display:inline-flex;overflow:hidden}#controlPanel .stroke-preview-trigger:hover,#controlPanel .stroke-preview-trigger.open{border-color:var(--dp-accent)}#controlPanel .stroke-preview-trigger:focus-visible{outline:2px solid var(--dp-accent);outline-offset:1px}#controlPanel .stroke-width-stack{flex-direction:column;flex:none;align-items:stretch;gap:2px;min-width:0;display:inline-flex}#controlPanel .stroke-width-stack .num-stepper-compact .num-stepper-input{padding-top:1px;padding-bottom:1px}#controlPanel #strokeControls .pane-titlebar{row-gap:2px}#controlPanel .stroke-presets{align-self:stretch;display:flex}#controlPanel .stroke-presets button{min-width:0;font-family:var(--font-tech-mono);flex:1 1 0;padding:1px 2px;font-size:10px;font-weight:600;line-height:1.2}#controlPanel .fill-preview{background:var(--dp-bg-1);border:none;border-radius:0;display:block}#controlPanel .fill-preview-trigger{appearance:none;cursor:pointer;font:inherit;color:inherit;background:var(--dp-bg-1);border:1px solid var(--dp-border-soft);border-radius:5px;flex:none;justify-content:center;align-items:center;width:56px;height:28px;margin:0;padding:0;line-height:0;display:inline-flex;overflow:hidden}#controlPanel .fill-preview-trigger:hover,#controlPanel .fill-preview-trigger.open{border-color:var(--dp-accent)}#controlPanel .fill-preview-trigger:focus-visible{outline:2px solid var(--dp-accent);outline-offset:1px}#controlPanel .text-preview-trigger{appearance:none;cursor:pointer;font:inherit;color:inherit;background:var(--dp-bg-1);border:1px solid var(--dp-border-soft);border-radius:5px;flex:0 0 84px;justify-content:center;align-items:center;width:84px;height:30px;margin:0;padding:0 6px;display:inline-flex;overflow:hidden}#controlPanel .text-preview-trigger:hover,#controlPanel .text-preview-trigger.open{border-color:var(--dp-accent)}#controlPanel .text-preview-trigger:focus-visible{outline:2px solid var(--dp-accent);outline-offset:1px}#controlPanel .text-preview,.shape-params-flyout .text-preview{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--dp-text-1);line-height:1.1;display:block;overflow:hidden}.shape-params-flyout.tone-text .flyout-preview{justify-content:center;align-items:center;display:flex}#controlPanel #textControls .pane-titlebar{background:linear-gradient(#fb718533,#be3c5a33),linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%)}#controlPanel #textControls .pane-icon{color:#fb7185}#controlPanel #textControls .pane-title-text{color:#f0a3b0}#controlPanel #combinatoricsControls .pane-titlebar{background:linear-gradient(#fb923c33,#c25e1433),linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%)}#controlPanel #combinatoricsControls .pane-icon{color:#fb923c}#controlPanel #combinatoricsControls .pane-title-text{color:#eab88a}#controlPanel .combine-note{color:var(--dp-text-2);white-space:nowrap;font-size:11px}.shape-params-flyout.tone-text{background:linear-gradient(#fb718533,#be3c5a29),linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%);border-color:#fb718580}.shape-params-flyout.tone-text .flyout-title{color:#f0a3b0}.shape-params-flyout.tone-combinatorics{background:linear-gradient(#fb923c33,#c25e1429),linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%);border-color:#fb923c8c}.shape-params-flyout.tone-combinatorics .flyout-title{color:#eab88a}#combinePreviewContainer .combine-preview,#repeatPreviewContainer .combine-preview,.shape-params-flyout .combine-preview{width:100%;height:100%;color:var(--dp-text-1);display:block}.shape-params-flyout.tone-combinatorics .flyout-preview{position:relative}.shape-params-flyout .combine-preview-wrap{width:100%;height:100%;display:block;position:relative}.shape-params-flyout .combine-preview-label{font-family:var(--font-tech-title);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:#eab88a;border:1px solid var(--dp-border-soft);text-shadow:0 1px 2px #000c;pointer-events:none;background:#0b0e12b8;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#combinePreviewContainer{position:relative}#combinePreviewContainer .combine-preview-wrap{width:100%;height:100%;display:block;position:relative}#combinePreviewContainer .combine-preview-label{text-overflow:ellipsis;max-width:calc(100% - 8px);font-family:var(--font-tech-title);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#eab88a;border:1px solid var(--dp-border-soft);text-shadow:0 1px 2px #000c;pointer-events:none;background:#0b0e12b8;border-radius:4px;padding:1px 5px;font-size:.6rem;font-weight:700;line-height:1.2;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.shape-params-flyout .flyout-text-input{box-sizing:border-box;background:var(--dp-bg-1);border:1px solid var(--dp-border-soft);width:100%;color:var(--dp-text-1);font:inherit;border-radius:5px;padding:4px 8px}.shape-params-flyout .flyout-text-input:focus-visible{outline:2px solid var(--dp-accent);outline-offset:1px}.shape-params-flyout.tone-fill .flyout-title{color:#d8d2c4}.shape-params-flyout .flyout-angle-row{align-items:center;gap:8px;min-width:0;display:flex}.shape-params-flyout .flyout-angle-row input[type=range]{flex:auto;min-width:0}.shape-params-flyout .titlebar-well{border:1px solid var(--dp-border);background:var(--dp-bg-1);cursor:pointer;border-radius:5px;flex:none;width:34px;height:28px;padding:0}input#strokeWidthDisplay{text-overflow:clip}#shapePreviewContainer,#rectShapePreviewContainer,.shape-preview-trigger{border:1px solid var(--dp-border-soft);width:120px;height:64px;box-shadow:none;border-radius:5px;overflow:hidden}.shape-preview-trigger{appearance:none;cursor:pointer;font:inherit;color:inherit;background:var(--dp-bg-1);justify-content:center;align-items:center;margin:0;padding:0;line-height:0;display:inline-flex}#controlPanel .panel-card .shape-preview-trigger{filter:none}.shape-preview-trigger:hover,.shape-preview-trigger.open{border-color:var(--dp-accent)}.shape-preview-trigger:focus-visible{outline:2px solid var(--dp-accent);outline-offset:1px}#shapePreview,#rectShapePreview{background:var(--dp-bg-1);border-radius:0}.shape-params-flyout{z-index:1100;visibility:hidden;box-sizing:border-box;border:1px solid var(--dp-border);width:280px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);color:var(--dp-text-1);font-family:var(--font-tech-label);background:linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%);border-radius:6px;flex-direction:column;gap:8px;padding:10px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 10px 28px #0000008c,inset 0 1px #ffffff14}.shape-params-flyout.tone-circle{background:linear-gradient(#4f8ff738,#2f6fe02e),linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%);border-color:#4f8ff78c}.shape-params-flyout.tone-rect{background:linear-gradient(#2dd4bf2e,#0f948429),linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%);border-color:#2dd4bf73}.shape-params-flyout .flyout-title{font-family:var(--font-tech-title);letter-spacing:.14em;text-transform:uppercase;color:var(--dp-text-1);font-size:.72rem;font-weight:700}.shape-params-flyout.tone-circle .flyout-title{color:#8fb4ea}.shape-params-flyout.tone-rect .flyout-title{color:#7fd4c2}.shape-params-flyout .flyout-preview{border:1px solid var(--dp-border-soft);background:var(--dp-bg-1);border-radius:5px;width:100%;height:96px;overflow:hidden}.shape-params-flyout .flyout-preview svg{width:100%;height:100%;display:block}.shape-params-flyout .panelParameters,.shape-params-flyout .param-item{flex-direction:column;gap:4px;min-width:0;display:flex}.shape-params-flyout .panelParameters{gap:8px}.shape-params-flyout .param-item label,.shape-params-flyout .param-empty{color:var(--dp-text-2);margin:0;font-size:.75rem;font-weight:500}.shape-params-flyout.tone-circle .param-item label,.shape-params-flyout.tone-circle .param-empty{color:#c3d5f2}.shape-params-flyout.tone-rect .param-item label,.shape-params-flyout.tone-rect .param-empty{color:#b8e0d8}.shape-params-flyout input[type=range]{accent-color:#7b8794;border:1px solid var(--dp-border);background:linear-gradient(#10151b,#161d25);border-radius:0;width:100%;height:8px;margin:0;padding:0;box-shadow:inset 0 1px 2px #0000008c,0 1px #ffffff0d}.shape-params-flyout.tone-circle input[type=range]{box-shadow:inset 0 0 0 999px #4f8ff72e,inset 0 1px 2px #0000008c,0 1px #ffffff0d}.shape-params-flyout.tone-rect input[type=range]{box-shadow:inset 0 0 0 999px #2dd4bf29,inset 0 1px 2px #0000008c,0 1px #ffffff0d}.shape-params-flyout input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(#98a3b1,#5f6b7a 55%,#454f5c);border:1px solid #0b0e12;border-radius:50%;width:14px;height:14px;box-shadow:inset 0 1px #ffffff59,0 1px 2px #00000080}.shape-params-flyout input[type=range]::-moz-range-thumb{cursor:pointer;background:linear-gradient(#98a3b1,#5f6b7a 55%,#454f5c);border:1px solid #0b0e12;border-radius:50%;width:14px;height:14px;box-shadow:inset 0 1px #ffffff59,0 1px 2px #00000080}.shape-params-flyout .flyout-orient{gap:6px}.shape-params-flyout .seg-ctrl{border:1px solid var(--dp-border);background:linear-gradient(#10151b,#141b23);border-radius:5px;align-self:flex-start;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px 2px #00000080,0 1px #ffffff0d}.shape-params-flyout .seg-ctrl button{appearance:none;color:var(--dp-text-2);cursor:pointer;background:linear-gradient(#2b3542,#1f2732);border:none;border-right:1px solid #0b0e12;padding:3px 5px;line-height:0;box-shadow:inset 0 1px #ffffff12}.shape-params-flyout .seg-ctrl button:last-child{border-right:none}.shape-params-flyout .seg-ctrl.seg-text button{font-size:12px;line-height:1.4}.shape-params-flyout .seg-ctrl button.active{color:#fff;background:linear-gradient(#5a6675,#454f5c);box-shadow:inset 0 1px 2px #00000059}.shape-params-flyout.tone-rect .seg-ctrl{box-shadow:inset 0 0 0 999px #2dd4bf29,inset 0 1px 2px #00000080,0 1px #ffffff0d}.shape-params-flyout.tone-rect .seg-ctrl button{color:#b8e0d8}.shape-params-flyout.tone-rect .seg-ctrl button.active{color:#fff}.shape-params-flyout.tone-stroke .flyout-title{color:#c6cdd7}.shape-params-flyout .flyout-width-row,.shape-params-flyout .flyout-dash-row{align-items:center;gap:8px;min-width:0;display:flex}.shape-params-flyout .flyout-width-row input[type=range]{flex:auto;min-width:0}.num-stepper{background:var(--dp-bg-3);border:1px solid var(--dp-border);vertical-align:middle;border-radius:5px;flex:none;align-items:stretch;display:inline-flex;overflow:hidden}.num-stepper:focus-within{border-color:var(--dp-accent)}.num-stepper-btn{appearance:none;color:var(--dp-text-2);cursor:pointer;background:linear-gradient(#2b3542,#1f2732);border:none;justify-content:center;align-items:center;padding:0 7px;line-height:0;display:flex;box-shadow:inset 0 1px #ffffff12}.num-stepper-btn:first-child{border-right:1px solid #0b0e12}.num-stepper-btn:last-child{border-left:1px solid #0b0e12}.num-stepper-btn:hover:not(:disabled){color:#fff;background:linear-gradient(#354052,#26303d)}.num-stepper-btn:active:not(:disabled){background:linear-gradient(#1a212b,#232c37);box-shadow:inset 0 1px 2px #0006}.num-stepper-btn:disabled{opacity:.4;cursor:default}.num-stepper-btn:focus-visible{outline:2px solid var(--dp-accent);outline-offset:-2px}.num-stepper-input{width:3rem;min-width:0;color:var(--dp-text-1);font-family:var(--font-tech-mono);text-align:right;background:0 0;border:none;padding:3px 2px 3px 6px;font-size:.8125rem;font-weight:600}.num-stepper-input:focus{outline:none}.num-stepper-input:disabled{opacity:.45}.num-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num-stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num-stepper-input[type=number]{appearance:textfield}.num-stepper-unit{font-family:var(--font-tech-mono);color:var(--dp-text-2);white-space:nowrap;align-self:center;padding:0 6px 0 3px;font-size:.72rem}.num-stepper-compact .num-stepper-input{width:2.4rem;padding:2px 2px 2px 5px;font-size:.75rem}.num-stepper-compact .num-stepper-btn{padding:0 5px}.num-stepper-compact .num-stepper-unit{padding-right:5px}.param-slider-row{align-items:center;gap:8px;min-width:0;display:flex}.param-slider-row input[type=range]{flex:auto;min-width:0}.shape-params-flyout .flyout-dash-cell{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;display:flex}.shape-params-flyout .flyout-dash-cell>label{color:var(--dp-text-2);margin:0;font-size:.75rem;font-weight:500}.shape-params-flyout .dash-presets{align-self:stretch}.shape-params-flyout .dash-presets button{flex:1 1 0;padding:5px 4px}.shape-params-flyout .flyout-seg{border-top:1px solid var(--dp-border-soft);flex-direction:column;gap:8px;padding-top:8px;display:flex}.shape-params-flyout .flyout-trio-row{flex-direction:row;gap:8px;display:flex}.shape-params-flyout .flyout-trio-row .param-item{flex:1 1 0}.shape-params-flyout .flyout-inline-row{flex-direction:row;align-items:center;gap:8px;min-width:0;display:flex}.shape-params-flyout .flyout-inline-row>label{flex:none}.shape-params-flyout .flyout-inline-row>.font-select{flex:auto;min-width:0}.panelParameters .param-item label{color:var(--dp-text-2)}#controlPanel .panel-card.reflecting-selection{border-color:var(--dp-accent-strong)}#controlPanel .panel-card.reflecting-selection .pane-titlebar{background:linear-gradient(#4f8ff74d,#2f6fe04d),linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%)}#controlPanel #fillControls.panel-card.reflecting-selection .pane-titlebar{background:linear-gradient(#4f8ff74d,#2f6fe04d),linear-gradient(#161c24 0%,#0e1218 60%,#090c10 100%)}#controlPanel .toggle-switch .slider{background:linear-gradient(#7a2b2b,#932f2f);border:1px solid #0b0e12;border-radius:5px;box-shadow:inset 0 1px 3px #00000080,0 1px #ffffff0d}#controlPanel .toggle-switch .slider:before{background:linear-gradient(#556274 0%,#333d49 48%,#1d242e 52%,#28313d 100%);border:1px solid #0b0e12;box-shadow:inset 0 1px #ffffff38,0 1px 2px #0000008c}#controlPanel .toggle-switch input:checked+.slider{background:linear-gradient(#2c6e37,#35803f);border-color:#0b0e12;box-shadow:inset 0 1px 3px #00000059,0 1px #ffffff0f}#controlPanel .toggle-switch input:checked+.slider:before{background:linear-gradient(#fff 0%,#d9e0e9 48%,#aeb8c4 52%,#c9d1db 100%)}#controlPanel .toggle-switch .slider:after{color:var(--dp-text-3)}#controlPanel .toggle-switch input:checked+.slider:after{color:#fff}#controlPanel .toggle-switch input:focus-visible+.slider{outline:2px solid var(--dp-accent);outline-offset:2px}#controlPanel .pane-icon,#controlPanel .check-row svg{color:var(--dp-text-3);flex:none}#controlPanel .check-row input[type=checkbox]:checked+svg{color:#c6cfd9}#canvasContainer{background:var(--dp-bg-0);box-shadow:none;outline:none}#nibgliderCanvas,#nibgliderCanvas.nibglider-canvas{border:none}kbd{color:var(--dp-text-1);text-shadow:none;aspect-ratio:auto;background:linear-gradient(#2b3542,#1d242e);border:1px solid #0b0e12;border-radius:4px;padding:0 4px;font-style:normal;font-weight:600;box-shadow:inset 0 1px #ffffff1f,0 1px #00000080}@media (prefers-reduced-motion:reduce){#controlPanel .toggle-switch .slider,#controlPanel .toggle-switch .slider:before{transition:none}}#controlPanel .panel-card .seg-ctrl,#controlPanel .panel-card select,#controlPanel .panel-card input,#controlPanel .panel-card button,#controlPanel .panel-card .snapping-seg,#controlPanel .panel-card .stroke-preview-trigger,#controlPanel .panel-card .fill-preview-trigger,#controlPanel .panel-card .toggle-switch{filter:drop-shadow(0 2px 2px #00000080)}#controlPanel #strokeControls input[type=range]{box-shadow:inset 0 0 0 999px #0000004d,inset 0 1px 2px #0000008c,0 1px #ffffff0d}#controlPanel #circleFrameControls select{box-shadow:inset 0 0 0 999px #4f8ff72e}#controlPanel #circleFrameControls input[type=range]{box-shadow:inset 0 0 0 999px #4f8ff72e,inset 0 1px 2px #0000008c,0 1px #ffffff0d}#controlPanel #circleFrameControls select,#controlPanel #circleFrameControls .panelParameters .param-item label{color:#c3d5f2}#controlPanel #rectFrameControls select{box-shadow:inset 0 0 0 999px #2dd4bf29}#controlPanel #rectFrameControls input[type=range]{box-shadow:inset 0 0 0 999px #2dd4bf29,inset 0 1px 2px #0000008c,0 1px #ffffff0d}#controlPanel #rectFrameControls .seg-ctrl{box-shadow:inset 0 0 0 999px #2dd4bf29,inset 0 1px 2px #00000080,0 1px #ffffff0d}#controlPanel #rectFrameControls select,#controlPanel #rectFrameControls .seg-ctrl button,#controlPanel #rectFrameControls .panelParameters .param-item label{color:#b8e0d8}#controlPanel #rectFrameControls .seg-ctrl button.active{color:#fff}#controlPanel #snappingControls .snapping-seg{box-shadow:inset 0 0 0 999px #00000038,inset 0 1px 2px #00000080,0 1px #ffffff0d}#controlPanel #snappingControls select{box-shadow:inset 0 0 0 999px #f5a62333}#controlPanel #snappingControls .check-row input[type=checkbox]{box-shadow:inset 0 0 0 999px #f5a62338,inset 0 1px #ffffff17,0 1px 1px #0006}#controlPanel #snappingControls .check-row,#controlPanel #snappingControls .snap-toggle,#controlPanel #snappingControls .snap-field,#controlPanel #snappingControls select{color:#e6d3a8}#controlPanel #snappingControls .snapping-seg>.snap-toggle.active,#controlPanel #snappingControls .snapping-seg>.snap-toggle.active svg{color:#ffedd0}#controlPanel #snappingControls .snapping-seg>.check-row:has(input:checked){color:#ffedd0}#controlPanel #snappingControls .snapping-seg>.check-row:has(input:checked) svg{color:#ffedd0}#controlPanel #snappingControls .snapping-seg>.snap-field:has(.snap-toggle.active){color:#ffedd0}#controlPanel #snappingControls .snapping-seg>.snap-field:has(.snap-toggle.active) svg{color:#ffedd0}#controlPanel #gridControls select{color:#c3cfdd;box-shadow:inset 0 0 0 999px #94a3b82e}#controlPanel .pane-body label,#controlPanel .check-row,#controlPanel .panelParameters .param-item label,#controlPanel .titlebar-single .param-item label,#controlPanel .seg-ctrl button{font-family:var(--font-tech-label)}#controlPanel .pane-title{font-family:var(--font-tech-title);letter-spacing:.14em;font-size:.72rem;font-weight:700}#controlPanel #circleFrameControls .pane-title,#controlPanel #rectFrameControls .pane-title{font-family:var(--font-keys-title);letter-spacing:.08em}#controlPanel #gridControls .pane-title,#controlPanel #snappingControls .pane-title{font-family:var(--font-snap-title);letter-spacing:.12em;font-size:.85rem;font-weight:600}#controlPanel .pane-title-text{color:#c6cdd7;filter:drop-shadow(1px 1px #0b0e12)}#statusOverlay .status-table,#statusOverlay kbd.st-key,#controlPanel kbd,kbd,#controlPanel select,#controlPanel input,#controlPanel .toggle-switch .slider:after{font-family:var(--font-tech-mono)}#controlPanel .panel-shell{--rail-width:9.75rem;width:100%;min-width:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex-flow:row;align-items:flex-start;gap:0;padding:0;display:flex;position:relative}#controlPanel .panel-side{z-index:60;width:var(--rail-width);flex-direction:column;flex:none;display:flex;position:absolute;top:0;left:0}#controlPanel .panel-rail{background:linear-gradient(#0d1218,#141b24);border-bottom:1px solid #0b0e12;border-right:1px solid #0b0e12;flex-direction:column;flex:none;gap:4px;width:100%;padding:4px 4px 4px 24px;display:flex;position:relative;box-shadow:inset 0 1px 3px #000000a6}.widget-handle{width:14px;color:var(--dp-text-3);cursor:grab;border-radius:4px;flex:none;justify-content:center;align-items:center;display:inline-flex}.widget-handle:hover,.widget-handle:focus-visible{color:var(--dp-text-1)}.widget-handle:focus-visible{outline-offset:1px;outline:2px solid #4f8ff7}#controlPanel .panel-rail .widget-handle{position:absolute;top:4px;bottom:4px;left:5px}#controlPanel .panel-sections .widget-handle{position:absolute;top:4px;bottom:4px;left:4px}#keyboardContainer>.widget-handle{background:linear-gradient(#0d1218,#141b24);border:1px solid #0b0e12;border-radius:5px;width:18px;position:absolute;top:0;bottom:0;left:-26px;box-shadow:inset 0 1px 3px #000000a6}#controlPanel .rail-box{min-width:7.5rem}#controlPanel .doc-label{text-overflow:ellipsis;white-space:nowrap;min-width:7.5rem;max-width:11rem;font-family:var(--font-tech-label);letter-spacing:.03em;color:var(--dp-text-3);padding:0 2px;font-size:.6875rem;overflow:hidden}#controlPanel .rail-box .custom-select{width:100%}#controlPanel .panel-sections>section{flex-direction:row;align-items:stretch;min-height:44px;display:flex}#controlPanel .panel-sections>section.section-collapsed{min-height:0}#controlPanel .panel-sections>section>.pane-titlebar{flex:auto;min-width:0}#controlPanel .section-drag{width:14px;color:var(--dp-text-3);cursor:grab;white-space:nowrap;background:repeating-linear-gradient(#ffffff0d 0 1px,#0000 1px 6px),linear-gradient(#07090d 0%,#0e1319 100%);border-right:1px solid #0b0e12;flex:none;justify-content:center;align-self:stretch;align-items:center;display:inline-flex;box-shadow:inset 0 1px 3px #000c,inset 0 -1px #ffffff0a}#controlPanel .section-drag:hover{color:var(--dp-text-1);background:repeating-linear-gradient(#ffffff17 0 1px,#0000 1px 6px),linear-gradient(#0b0f15 0%,#141a22 100%)}#controlPanel .section-drag:active{cursor:grabbing}#controlPanel .section-drag:focus-visible{outline:2px solid var(--dp-accent);outline-offset:-2px}#controlPanel section.section-dragging{opacity:0!important;pointer-events:none!important;border:0!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;margin:0!important;padding:0!important;position:absolute!important;overflow:hidden!important}#controlPanel .section-drag-placeholder{box-sizing:border-box;outline:1px dashed var(--dp-accent);outline-offset:-1px;pointer-events:none;background:#4f8ff714;flex:none;min-width:0;min-height:0;box-shadow:inset 0 0 0 1px #4f8ff724}#controlPanel .panel-card.section-collapsed{background:linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%);border-bottom:1px solid #0b0e12;flex:none;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #0000008c}#controlPanel .section-collapsed-icon{width:32px;color:var(--dp-text-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:0;justify-content:center;align-self:stretch;align-items:center;padding:2px;display:inline-flex}#controlPanel .section-collapsed-icon:hover{color:var(--dp-text-1);background:#ffffff0a}#controlPanel .section-collapsed-icon:focus-visible{outline:2px solid var(--dp-accent);outline-offset:-2px}.section-ctx-menu{z-index:2000;border:1px solid var(--dp-border);min-width:11rem;font-family:var(--font-tech-label);color:var(--dp-text-1);background:linear-gradient(#242e3a,#161c24);border-radius:0;padding:4px;font-size:.8125rem;position:fixed;box-shadow:inset 0 1px #ffffff1f,0 8px 24px #0009}.section-ctx-title{letter-spacing:.08em;text-transform:uppercase;color:var(--dp-text-3);padding:4px 8px;font-size:.6875rem}.section-ctx-menu button{width:100%;color:var(--dp-text-1);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;padding:6px 8px;display:block}.section-ctx-menu button:hover{background:var(--dp-accent-soft)}.op-modal-backdrop{z-index:2000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.op-modal{border:1px solid var(--dp-border);width:min(22.5rem,100vw - 2rem);font-family:var(--font-tech-label);color:var(--dp-text-1);background:linear-gradient(#242e3a,#161c24);border-radius:0;padding:12px 14px;font-size:.875rem;box-shadow:inset 0 1px #ffffff1f,0 16px 48px #0009}.op-modal-title{letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:800}.op-modal-field{flex-direction:column;gap:6px;display:flex}.op-modal-row{align-items:center;gap:8px;display:flex}.op-modal-row input[type=range]{flex:auto;min-width:0}.op-modal-num{color:var(--dp-text-2);flex:none;align-items:center;gap:4px;display:inline-flex}.op-modal-num input[type=number]{background:var(--dp-bg-3);border:1px solid var(--dp-border);width:4.5rem;color:var(--dp-text-1);font:inherit;border-radius:0;padding:4px 6px}.op-modal-hint{color:var(--dp-text-3);margin:8px 0 0;font-size:.75rem}.op-modal-readout{color:var(--dp-text-1);margin:8px 0 0;font-size:.75rem}.op-modal-error{color:#f0a0a0;margin:8px 0 0;font-size:.75rem}.op-modal-size{align-items:flex-end;gap:8px;margin-top:8px;display:flex}.op-modal-size-field{min-width:0;color:var(--dp-text-3);flex-direction:column;flex:1;gap:3px;font-size:.75rem;display:flex}.op-modal-size-field input[type=text],.op-modal-select{background:var(--dp-bg-3);border:1px solid var(--dp-border);color:var(--dp-text-1);font:inherit;border-radius:0;width:100%;min-width:0;padding:4px 6px}.op-modal-times{color:var(--dp-text-3);padding-bottom:5px}.op-modal-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.op-modal-actions button{background:var(--dp-bg-3);border:1px solid var(--dp-border);color:var(--dp-text-1);font:inherit;cursor:pointer;border-radius:0;padding:6px 12px}.op-modal-actions button.primary{background:var(--dp-accent-strong);border-color:var(--dp-accent-strong);color:#fff}.op-modal-actions button:hover{border-color:#3d4a59}#controlPanel button.title-seg{font:inherit;color:inherit;cursor:pointer;position:relative;overflow:hidden}#controlPanel button.title-seg .title-seg-bg{z-index:2;pointer-events:none;letter-spacing:.08em;text-transform:uppercase;color:#e8edf338;white-space:nowrap;justify-content:center;align-items:flex-start;padding-top:1px;font-size:.5625rem;font-weight:600;line-height:1;display:flex;position:absolute;inset:0}#controlPanel button.title-seg .title-seg-bg-split{flex-direction:column;justify-content:space-between;align-items:center;padding:1px 0}#controlPanel button.title-seg>:not(.title-seg-bg){z-index:0;position:relative}#controlPanel .pane-titlebar .key-switch-group{background:linear-gradient(#00000073,#00000040);border:1px solid #0b0e12;border-radius:4px;flex:none;align-items:center;gap:6px;padding:2px 6px;display:inline-flex;box-shadow:inset 0 1px 3px #000000a6,inset 0 -1px #ffffff0a}#controlPanel .pane-titlebar kbd.title-seg-kbd{aspect-ratio:1;min-width:1.25rem;height:1.25rem;color:var(--dp-text-3);justify-content:center;align-items:center;padding:0;font-weight:400;display:inline-flex}#controlPanel button.title-seg:hover{border-color:#3d4a59}#controlPanel button.title-seg:focus-visible{outline:2px solid var(--dp-accent);outline-offset:-2px}.section-icon-menu{z-index:2000;border:1px solid var(--dp-border);min-width:12rem;max-width:18rem;font-family:var(--font-tech-label);color:var(--dp-text-1);background:linear-gradient(#242e3a,#161c24);border-radius:0;padding:4px;font-size:.8125rem;position:fixed;box-shadow:inset 0 1px #ffffff1f,0 8px 24px #0009}.section-icon-menu:focus{outline:none}.section-icon-menu .im-title{letter-spacing:.08em;text-transform:uppercase;color:var(--dp-text-3);padding:4px 8px;font-size:.6875rem;font-weight:800}.section-icon-menu .im-row{width:100%;color:var(--dp-text-1);font:inherit;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:0;align-items:center;gap:8px;padding:6px 8px;display:flex}.section-icon-menu .im-row:hover{background:var(--dp-accent-soft)}.section-icon-menu .im-check{border:1px solid var(--dp-border);background:var(--dp-bg-0);width:14px;height:14px;color:var(--dp-text-1);flex:none;justify-content:center;align-items:center;display:inline-flex}.section-icon-menu .im-label{text-overflow:ellipsis;flex:auto;overflow:hidden}.section-icon-menu .im-state{color:var(--dp-text-3);flex:none;font-size:.6875rem}.section-icon-menu .im-sep{background:var(--dp-border-soft);height:1px;margin:4px 2px}.section-icon-menu .im-units{gap:4px;padding:2px;display:flex}.section-icon-menu .im-unit{border:1px solid var(--dp-border);color:var(--dp-text-2);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:0;flex:auto;padding:5px 4px}.section-icon-menu .im-unit:hover{color:var(--dp-text-1);border-color:#3d4a59}.section-icon-menu .im-unit.active{color:#fff;background:var(--dp-accent-strong);border-color:var(--dp-accent-strong)}.section-icon-menu .im-empty{color:var(--dp-text-3);margin:0;padding:6px 8px;font-size:.75rem}#controlPanel .history-readout{text-overflow:ellipsis;min-width:0;font-family:var(--font-tech-mono);color:var(--dp-text-2);white-space:nowrap;flex:auto;font-size:.6875rem;overflow:hidden}.tutorial-overlay{z-index:10200;pointer-events:none;position:fixed;inset:0}.tutorial-spotlight{border:2px solid var(--dp-accent);border-radius:6px;position:fixed;box-shadow:0 0 0 9999px #080a0e73}.tutorial-bubble{pointer-events:auto;background:var(--dp-bg-1);width:320px;max-width:calc(100vw - 20px);color:var(--dp-text-1);border:1px solid var(--dp-border);font-family:var(--font-tech-label);border-radius:8px;padding:12px 14px;transition:left .35s,top .35s,transform .35s;position:fixed;box-shadow:inset 0 1px #ffffff0f,0 8px 24px #00000080}@media (prefers-reduced-motion:reduce){.tutorial-bubble{transition:none}}.tutorial-centered{top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-kicker{font-family:var(--font-tech-mono);color:var(--dp-text-3);margin-bottom:4px;font-size:.6875rem}.tutorial-title{color:var(--dp-text-1);margin:0 0 6px;font-size:1rem;font-weight:600}.tutorial-body{color:var(--dp-text-2);margin:0 0 8px;font-size:.8125rem;line-height:1.45}.tutorial-hint{color:var(--dp-text-2);margin:0 0 8px;font-size:.75rem;line-height:1.4}.tutorial-demo-narration{background:var(--dp-bg-2);border:1px solid var(--dp-border-soft);color:var(--dp-text-1);border-radius:6px;margin:0 0 8px;padding:6px 8px;font-size:.8125rem;line-height:1.45}.tutorial-demo-narration strong{color:var(--dp-accent)}.tutorial-actions{justify-content:flex-end;gap:8px;display:flex}.tutorial-btn{font:inherit;border:1px solid var(--dp-border);background:var(--dp-bg-3);color:var(--dp-text-1);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:.75rem}.tutorial-btn:hover:not(:disabled){border-color:var(--dp-accent)}.tutorial-btn:focus-visible{outline:2px solid var(--dp-accent);outline-offset:1px}.tutorial-btn:disabled{opacity:.45;cursor:default}.tutorial-primary{background:var(--dp-accent-strong);border-color:var(--dp-accent-strong);color:#fff}.tutorial-primary:hover:not(:disabled){background:var(--dp-accent);border-color:var(--dp-accent)}.demo-overlay{pointer-events:none;position:fixed;inset:0}.demo-spotlight{border:2px dashed #ffd34d;border-radius:6px;position:fixed;box-shadow:0 0 0 9999px #080a0e40}.demo-arrow-layer{width:100%;height:100%;position:fixed;inset:0}.demo-arrow-line{stroke:#ffd34d;stroke-width:2.5px}.demo-arrow-head{fill:#ffd34d}.demo-arrow-label{background:var(--dp-bg-2);border:1px solid var(--dp-border);max-width:250px;color:var(--dp-text-1);border-radius:6px;padding:3px 8px;font-size:.75rem;line-height:1.35;position:fixed}.demo-ghost{will-change:left, top;width:0;height:0;position:fixed}.demo-ghost-ring{border:2px solid #ffd34d;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;display:block;box-shadow:0 0 0 2px #0000008c}.demo-ghost-dot{background:#ffd34d;border-radius:50%;width:4px;height:4px;margin:-13px 0 0 -2px;display:block}.app-menu-bar{font-family:var(--font-tech-label);z-index:900;background:linear-gradient(#2e3947 0%,#232c37 55%,#1a212b 100%);border-bottom:1px solid #0b0e12;flex:none;align-items:stretch;padding:0 8px;display:flex;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #0000008c}.app-menu{position:relative}.app-menu-trigger{color:var(--dp-text-1);font:inherit;cursor:pointer;text-shadow:0 1px #0009;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;display:inline-flex}.app-menu-trigger-icon{color:var(--dp-text-2);flex:none;justify-content:center;align-items:center;display:inline-flex}.app-menu-trigger:hover,.app-menu-trigger.open{background:linear-gradient(#354052,#232c37);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0006}.app-menu-trigger:focus-visible{outline:1px solid var(--dp-accent);outline-offset:-1px}.app-menu-dropdown{border:1px solid var(--dp-border);z-index:950;background:linear-gradient(#ffffff12,#fff0 22%),linear-gradient(#242e3a,#161c24);border-radius:6px;min-width:220px;padding:4px;position:absolute;top:100%;left:0;box-shadow:inset 0 1px #ffffff1f,0 8px 24px #0009,0 2px 6px #00000080}.app-menu-group{color:var(--dp-text-3);font:inherit;letter-spacing:.04em;padding:6px 10px 2px;font-size:.6875rem}.app-menu-sep{background:var(--dp-border-soft);height:1px;margin:4px 10px 0}.app-menu-item{text-align:left;width:100%;color:var(--dp-text-1);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:.8125rem;display:flex}.app-menu-item.focused{background:var(--dp-accent-soft);color:var(--dp-text-1);box-shadow:inset 0 1px #ffffff14}.app-menu-item.focused .app-menu-icon{color:inherit}.app-menu-item:disabled,.app-menu-item[aria-disabled=true]{color:var(--dp-text-3);cursor:default}.app-menu-icon{width:15px;height:15px;color:var(--dp-text-2);flex:none;justify-content:center;align-items:center;display:inline-flex}.app-menu-item:disabled .app-menu-icon,.app-menu-item[aria-disabled=true] .app-menu-icon{color:inherit}.app-menu-label{flex:auto}.app-menu-detail{color:var(--dp-text-2);white-space:nowrap;font-size:.6875rem;display:block}.app-menu-shortcut{flex:none;margin-left:auto;padding-left:16px}.app-menu-shortcut kbd{white-space:nowrap;font-size:.6875rem}.app-menu-parent{position:relative}.app-menu-submenu{border:1px solid var(--dp-border);z-index:960;background:linear-gradient(#ffffff12,#fff0 22%),linear-gradient(#242e3a,#161c24);border-radius:6px;min-width:200px;padding:4px;position:absolute;top:-5px;left:100%;box-shadow:inset 0 1px #ffffff1f,0 8px 24px #0009,0 2px 6px #00000080}.app-menu-caret{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid var(--dp-text-3);flex:none;width:0;height:0}.app-menu-segments{background:var(--dp-bg-3);border:1px solid var(--dp-border);border-radius:5px;gap:2px;margin-bottom:4px;padding:2px;display:flex}.app-menu-segment{text-align:center;color:var(--dp-text-2);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:1 1 0;padding:3px 0;font-size:.75rem}.app-menu-segment.selected{color:var(--dp-text-1);background:var(--dp-accent-soft);box-shadow:inset 0 1px #ffffff14}.app-menu-segment.unavailable{opacity:.45;cursor:not-allowed}.app-menu-item.focused .app-menu-caret{border-left-color:currentColor}.app-menu-field{border-radius:4px;align-items:center;gap:8px;padding-right:10px;display:flex}.app-menu-field.focused{background:var(--dp-accent-soft);box-shadow:inset 0 1px #ffffff14}.app-menu-field-toggle{flex:auto;width:auto}.app-menu-dropdown .snap-num{background:var(--dp-bg-3);border:1px solid var(--dp-border);width:calc(3ch + 14px);box-shadow:none;color:var(--dp-text-1);font-size:.8125rem;font-family:var(--font-tech-mono);border-radius:5px;flex:none;padding:2px 6px}.app-menu-dropdown .snap-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.app-menu-dropdown .snap-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.app-menu-dropdown .snap-num[type=number]{appearance:textfield}.app-menu-dropdown .snap-num:disabled{opacity:.45;cursor:default}.app-menu-dropdown .snap-num:focus-visible{outline:2px solid var(--dp-accent);outline-offset:1px}.app-menu-dropdown.context-menu{z-index:10180;position:fixed;top:auto;left:auto}.app-menu-dropdown.context-menu:focus{outline:none}.settings-backdrop{z-index:10150;background:#080a0e8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-window{background:var(--dp-bg-1);width:380px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);color:var(--dp-text-1);border:1px solid var(--dp-border);font-family:var(--font-tech-label);border-radius:8px;overflow:auto;box-shadow:0 16px 48px #080a0e80}.settings-header{border-bottom:1px solid var(--dp-border-soft);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.settings-title{font-family:var(--font-tech-title);font-size:.9375rem}.settings-close{color:var(--dp-text-2);cursor:pointer;background:0 0;border:none;padding:2px 8px;font-size:1.125rem;line-height:1}.settings-close:hover{color:var(--dp-text-1)}.settings-section{padding:10px 12px 14px}.settings-section-title{color:var(--dp-text-2);margin-bottom:8px;font-size:.8125rem}.settings-row{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.settings-label{font-size:.8125rem}.settings-segment{border:1px solid var(--dp-border);border-radius:6px;display:flex;overflow:hidden}.settings-option{color:var(--dp-text-2);font:inherit;cursor:pointer;background:0 0;border:none;padding:5px 12px;font-size:.8125rem}.settings-option.active{background:var(--dp-accent-soft);color:var(--dp-text-1)}.settings-toggle{background:var(--dp-bg-3);border:1px solid var(--dp-border);color:var(--dp-text-1);font:inherit;cursor:pointer;border-radius:6px;padding:5px 12px;font-size:.8125rem}.settings-toggle.active{background:var(--dp-accent-soft);border-color:var(--dp-accent)}.settings-number,.settings-select{background:var(--dp-bg-1);border:1px solid var(--dp-border);color:var(--dp-text-1);font:inherit;border-radius:4px;padding:4px 8px;font-size:.8125rem}.settings-number{width:5.5rem}.settings-apply{background:var(--dp-bg-3);border:1px solid var(--dp-border);color:var(--dp-text-1);font:inherit;cursor:pointer;border-radius:4px;padding:4px 12px;font-size:.8125rem}.settings-apply:hover{border-color:var(--dp-accent)}.settings-unknown,.settings-error{color:var(--dp-text-2);font-size:.75rem}.settings-value{color:var(--dp-text-1);font-size:.8125rem}.settings-note{color:var(--dp-text-2);padding:2px 0 8px;font-size:.75rem}.settings-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.jpg-quality{align-items:center;gap:8px;display:flex}.jpg-quality input[type=range]{width:10rem;accent-color:var(--dp-accent)}.jpg-quality-number{width:4rem}.jpg-swatch{border:1px solid var(--dp-border);background:0 0;border-radius:4px;width:3rem;height:1.75rem;padding:0}.settings-error{padding:12px}.settings-tabs{background:var(--dp-bg-3);border:1px solid var(--dp-border);border-radius:6px;align-items:center;gap:4px;margin:10px 12px 0;padding:4px;display:flex}.settings-tab{color:var(--dp-text-3);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:1;padding:6px 4px}.settings-tab:hover{color:var(--dp-text-1)}.settings-tab.active{background:var(--dp-accent-soft);border-color:var(--dp-accent);color:#fff}.docsize-editor{flex-direction:column;gap:10px;display:flex}.docsize-window,.docsettings-window{width:min(560px,100vw - 32px)}.docsettings-window .settings-section{max-height:min(60vh,480px);overflow-y:auto}#canvasScrollbars{z-index:400;pointer-events:none;position:absolute;inset:0}.csb-track-h,.csb-track-v{pointer-events:auto;touch-action:none;background:#0d1116b8;position:absolute}.csb-track-h{border-top:1px solid var(--dp-border);height:12px;bottom:0;left:0;right:12px}.csb-track-v{border-left:1px solid var(--dp-border);width:12px;top:0;bottom:12px;right:0}.csb-corner{border-top:1px solid var(--dp-border);border-left:1px solid var(--dp-border);pointer-events:none;background:#0d1116b8;width:12px;height:12px;position:absolute;bottom:0;right:0}.csb-thumb{background:var(--dp-bg-3);border:1px solid var(--dp-border);cursor:pointer;touch-action:none;border-radius:4px;position:absolute}.csb-track-h .csb-thumb{top:2px;bottom:2px}.csb-track-v .csb-thumb{left:2px;right:2px}.csb-thumb:hover{background:var(--dp-border)}#pageRuler{z-index:410;pointer-events:none;position:absolute;inset:0}.pruler-track-h,.pruler-track-v{background:#0d1116b8;position:absolute}.pruler-track-h{border-bottom:1px solid var(--dp-border);height:22px;top:0;left:22px;right:12px}.pruler-track-v{border-right:1px solid var(--dp-border);width:22px;top:22px;bottom:12px;left:0}.pruler-track-h.frame{right:auto}.pruler-track-v.frame{bottom:auto}.pruler-corner{border-bottom:1px solid var(--dp-border);border-right:1px solid var(--dp-border);width:22px;height:22px;color:var(--dp-text-2);background:#0d1116b8;justify-content:center;align-items:center;font-family:monospace;font-size:9px;display:flex;position:absolute;top:0;left:0}.pruler-tick{background:var(--dp-border);position:absolute}.pruler-track-h .pruler-tick{width:1px;top:14px;bottom:0}.pruler-track-h .pruler-tick.major{top:8px}.pruler-track-v .pruler-tick{height:1px;left:14px;right:0}.pruler-track-v .pruler-tick.major{left:8px}.pruler-label{color:var(--dp-text-2);white-space:nowrap;font-family:monospace;font-size:9px;line-height:1;position:absolute}.pruler-guide-v,.pruler-guide-h{background:var(--dp-border-soft);pointer-events:none;position:absolute}.pruler-guide-v{width:1px;top:0;bottom:0}.pruler-guide-h{height:1px;left:0;right:0}.pruler-track-h .pruler-label{bottom:12px;left:2px}.pruler-track-v .pruler-label{writing-mode:vertical-rl;top:-4px;left:1px}@media (prefers-reduced-motion:no-preference){.csb-thumb{transition:background .12s}}#keyboardKeysContainer{grid-template-rows:repeat(4,16.129%);grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-areas:"tabKey tabKey KeyQ wKey eKey rKey tKey yKey uKey iKey oKey pKey bracketLeftKey bracketRightKey backslashKey""capsLockKey capsLockKey KeyA sKey dKey fKey gKey hKey jKey kKey lKey semicolonKey singleQuoteKey returnKey returnKey""shiftKeyLeft shiftKeyLeft zKey xKey cKey vKey bKey nKey mKey commaKey periodKey forwardSlashKey shiftKeyRight shiftKeyRight."". . .spacebarKey spacebarKey spacebarKey spacebarKey spacebarKey spacebarKey spacebarKey spacebarKey. . . .";grid-auto-flow:row;align-content:end;gap:.5vmin;width:100%;height:100%;display:grid}#keyboardContainer.no-spacebar{aspect-ratio:23/4.6}#keyboardContainer{transition:transform .32s,opacity .32s}#keyboardContainer.kb-hidden{opacity:0;transform:translateY(calc(100% + 24px))}#keyboardContainer.kb-hidden .keyboard-resize{pointer-events:none}#keyboardContainer.no-spacebar #keyboardKeysContainer{grid-template-rows:repeat(3,1fr);grid-template-areas:"tabKey tabKey KeyQ wKey eKey rKey tKey yKey uKey iKey oKey pKey bracketLeftKey bracketRightKey backslashKey""capsLockKey capsLockKey KeyA sKey dKey fKey gKey hKey jKey kKey lKey semicolonKey singleQuoteKey returnKey returnKey""shiftKeyLeft shiftKeyLeft zKey xKey cKey vKey bKey nKey mKey commaKey periodKey forwardSlashKey shiftKeyRight shiftKeyRight."}#keyboardKeysContainer button.hidden{visibility:hidden}#keyboardKeysContainer button.functionRow{background-color:#a9a9a9}#keyboardContainer .keyboardkey{overflow:hidden}#keyboardKeysContainer button:hover{background-color:#a9a9a9}#keyboardKeysContainer button:active,#keyboardKeysContainer button.active{color:silver;background-color:#333}#keyboardKeysContainer :after{justify-content:center;align-items:center;width:100%;height:100%;display:grid;top:0;left:0}#keyboardContainer{z-index:9999;aspect-ratio:23/9;z-index:200;text-shadow:.1vh .1vh #fff;text-align:center;vertical-align:middle;background-color:#0000;border-radius:1vmin;width:920px;min-width:0;padding-bottom:10px;padding-left:10px;position:absolute;bottom:10px;left:36px;transform:none}button{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}#keyboardKeysContainer button{opacity:.4;color:#f7f2f2;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;background-color:#5d5b5b;border:1pt solid #333;border-radius:4pt;position:relative;box-shadow:12px 12px 12px #000,0 2px 4px #0000004d,0 1px #fff6,inset 0 1px 2px #ffffff4d!important}button{box-shadow:#333;font-family:Chakra Petch,Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-style:normal;font-weight:400}.endButton{box-shadow:#333!important;color:#d27373!important;opacity:1!important;background-color:#86251a!important;box-shadow:1pt 1pt #333!important}.drawingButton{opacity:1!important;color:green!important;background-color:#82f41d!important;box-shadow:1pt 1pt #333!important}.enabledButton{opacity:1!important}.operationButton{color:#e256f1!important;background-color:#a91db8!important;box-shadow:1pt 1pt #333!important}.selectionButton{color:#fff;opacity:1!important;color:#ba1ecb!important;background-color:#5b0f64!important;box-shadow:1pt 1pt #333!important}.spacebarKey{grid-area:spacebarKey}.tabKey{grid-area:tabKey;width:75%}.shiftKeyLeft{grid-area:shiftKeyLeft;width:115%}.forwardSlashKey{grid-area:forwardSlashKey}.capsLockKey{grid-area:capsLockKey;width:85%}.KeyA{grid-area:KeyA}.shiftKeyRight{grid-area:shiftKeyRight;width:130%}.KeyQ{grid-area:KeyQ}.wKey{grid-area:wKey}.eKey{grid-area:eKey}.rKey{grid-area:rKey}.tKey{grid-area:tKey}.yKey{grid-area:yKey}.uKey{grid-area:uKey}.iKey{grid-area:iKey}.oKey{grid-area:oKey}.pKey{grid-area:pKey}.bracketLeftKey{grid-area:bracketLeftKey}.bracketRightKey{grid-area:bracketRightKey}.backslashKey{grid-area:backslashKey;width:140%}.sKey{grid-area:sKey}.dKey{grid-area:dKey}.fKey{grid-area:fKey}.gKey{grid-area:gKey}.hKey{grid-area:hKey}.jKey{grid-area:jKey}.kKey{grid-area:kKey}.lKey{grid-area:lKey}.semicolonKey{grid-area:semicolonKey}.singleQuoteKey{grid-area:singleQuoteKey}.returnKey{grid-area:returnKey;width:105%}.zKey{grid-area:zKey}.xKey{grid-area:xKey}.cKey{grid-area:cKey}.vKey{grid-area:vKey}.bKey{grid-area:bKey}.nKey{grid-area:nKey}.mKey{grid-area:mKey}.commaKey{grid-area:commaKey}#keyboardKeysContainer button.key-has-settings{pointer-events:auto;cursor:pointer}#keyboardKeysContainer button.key-has-settings[aria-expanded=true]{border-color:#8fb4ff!important}#keyboardContainer.kb-hidden #keyboardKeysContainer button.key-has-settings{pointer-events:none}.key-settings-popover{z-index:10050;visibility:visible;text-align:left;justify-content:flex-start;width:260px}.key-settings-title{margin:0 0 2px;font-size:.95rem;font-weight:600}.key-settings-help{color:var(--dp-text-2,#b7c2cf);margin:0 0 4px;font-size:.75rem;line-height:1.35}.key-settings-row{justify-content:space-between;align-items:center;gap:8px;margin:0;padding:2px 0;display:flex}.key-settings-row>span{flex:auto}.key-settings-row input[type=color]{color:inherit;background:#121820;border:1px solid #3a4654;border-radius:4px}.key-settings-popover .custom-select{min-width:0;max-width:62%;margin-left:auto;display:inline-flex}.key-settings-popover .custom-select-trigger{width:100%;min-width:0;box-shadow:none;color:inherit;cursor:pointer;white-space:nowrap;background:#121820;border:1px solid #3a4654;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:.8125rem;display:inline-flex}.key-settings-popover .custom-select-trigger:hover,.key-settings-popover .custom-select-trigger.open{border-color:#8fb4ff}.key-settings-popover .custom-select-trigger:focus-visible{outline-offset:1px;outline:2px solid #8fb4ff}.key-settings-popover .custom-select-trigger .cs-trigger-label{text-overflow:ellipsis;overflow:hidden}.key-settings-popover .custom-select-trigger .cs-caret{opacity:.7;border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;flex:none;width:0;height:0;margin-left:auto}.key-settings-popover .custom-select-trigger .cs-caret.open{transform:rotate(180deg)}.key-settings-check{justify-content:flex-start}.commKeyA{grid-area:commKeyA}.periodKey{grid-area:periodKey}.backquoteKey{grid-area:backquoteKey}.Digit1{grid-area:Digit1}.twoKey{grid-area:twoKey}.threeKey{grid-area:threeKey}.fourKey{grid-area:fourKey}.fiveKey{grid-area:fiveKey}.sixKey{grid-area:sixKey}.sevenKey{grid-area:sevenKey}.eightKey{grid-area:eightKey}.nineKey{grid-area:nineKey}.zeroKey{grid-area:zeroKey}.minusKey{grid-area:minusKey}.equalsKey{grid-area:equalsKey}.deleteKey{grid-area:deleteKey;width:100%!important}#KeyQ,#KeyW,#KeyE,#KeyR,#KeyT,#KeyY,#KeyU,#KeyI,#KeyO,#KeyP,#BracketLeft,#BracketRight{transform:translate(-45%)}#Backslash{transform:translate(-31%)}.keyboardkey{z-index:1;position:relative}.keyboardkey:before{content:attr(data-key);bottom:calc(4px * var(--kb-scale,1));right:calc(4px * var(--kb-scale,1));color:#fff;font-size:calc(10pt * var(--kb-scale,1));text-shadow:1px 1px 2px #333;z-index:3;pointer-events:none;text-transform:uppercase;font-family:JetBrains Mono,Arial Narrow,Arial,monospace;font-style:normal;font-weight:400;line-height:1;position:absolute}.keyboardkey:after{content:attr(data-key);color:#fff;width:100%;height:100%;font-size:calc(20pt * var(--kb-scale,1));text-transform:capitalize;opacity:0;visibility:hidden;z-index:2;pointer-events:none;background-color:#000000e6;border-radius:2px;justify-content:center;align-items:center;font-family:Chakra Petch,Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-weight:700;transition:opacity .2s,visibility .5s;display:flex;position:absolute;top:0;left:0}.keyboardkey:hover:after,.keyboardkey.active:after{opacity:1;visibility:visible}.rectangleButton{color:#c8fff5!important;opacity:1!important;background-color:#1db8a9!important;box-shadow:1pt 1pt #333!important}.circleButton{color:#c8ebff!important;opacity:1!important;background-color:#1d82f4!important;box-shadow:1pt 1pt #333!important}.quadButton{color:#ffebc8!important;opacity:1!important;background-color:#f4a91d!important;box-shadow:1pt 1pt #333!important}.cancelButton{color:#dc9696!important;opacity:1!important;background-color:#781e1e!important;box-shadow:1pt 1pt #333!important}#keyboardContainer{--kb-scale:1;text-shadow:none;pointer-events:none}#keyboardKeysContainer button.statusToggle{pointer-events:auto}#keyboardContainer.kb-hidden #keyboardKeysContainer button.statusToggle{pointer-events:none}#keyboardKeysContainer button{--key-accent:#8fa3bd;--key-text:#c6cfd9;--key-active:#33404f;text-shadow:none;font-size:calc(11px * var(--kb-scale));line-height:1.25;box-shadow:inset 0 1px 0 #ffffff17, inset 0 2px 0 var(--key-accent), 0 2px 0 #00000073!important;color:var(--key-text)!important;opacity:.55!important;background:linear-gradient(#2b3542,#1d242e)!important;border:1px solid #0b0e12!important;border-radius:5px!important}#keyboardKeysContainer button.enabledButton{opacity:1!important}#keyboardKeysContainer button.circleButton{--key-accent:#4f8ff7;--key-text:#7fb2ff;--key-active:#2f6fe0;background:linear-gradient(#2c3d5c,#1c2635)!important}#keyboardKeysContainer button.rectangleButton{--key-accent:#2dd4bf;--key-text:#b8f0e8;--key-active:#0f9484;background:linear-gradient(#23443e,#182726)!important}#keyboardKeysContainer button.quadButton{--key-accent:#58c472;--key-text:#bde8c4;--key-active:#2f8f46;background:linear-gradient(#24402c,#1a2620)!important}#keyboardKeysContainer button.overlayToggle{--key-accent:#e3c04b;--key-text:#f0dfa8;--key-active:#a8871f;background:linear-gradient(#474022,#27241a)!important}#keyboardKeysContainer button.operationButton{--key-accent:#a86ef0;--key-text:#d9c2f7;--key-active:#7c3fc4;background:linear-gradient(#37294d,#221b30)!important}#keyboardKeysContainer button.drawingButton,#keyboardKeysContainer button.rectangleButton,#keyboardKeysContainer button.circleButton,#keyboardKeysContainer button.quadButton,#keyboardKeysContainer button.operationButton{opacity:1!important}#keyboardKeysContainer button.selectionButton,#keyboardKeysContainer button.toggleButton,#keyboardKeysContainer button.stepper1Decrement,#keyboardKeysContainer button.stepper1Increment{opacity:1!important;color:#e8edf3!important}#keyboardKeysContainer button.endButton,#keyboardKeysContainer button.cancelButton{--key-accent:#e06565;--key-text:#e0a3a3;--key-active:#8e2f2f;opacity:1!important;background:linear-gradient(#4a2426,#26191a)!important}#keyboardKeysContainer button:hover{color:#fff!important}#keyboardKeysContainer button:active,#keyboardKeysContainer button.active{background:linear-gradient(to bottom, var(--key-active), var(--key-active))!important;color:#fff!important;border-color:#0b0e12!important}#keyboardKeysContainer button:focus-visible{outline-offset:1px;outline:2px solid #4f8ff7}.keyboardkey:before{color:#7d8894;text-shadow:none}#keyboardKeysContainer .key-bg{opacity:.22;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#keyboardKeysContainer button.active .key-bg{opacity:.32}#keyboardKeysContainer .key-bg svg{width:78%;height:78%;overflow:visible}#keyboardKeysContainer .key-badge{top:calc(3px * var(--kb-scale,1));right:calc(1px * var(--kb-scale,1));width:calc(15px * var(--kb-scale,1));z-index:1;pointer-events:none;line-height:0;position:absolute}#keyboardKeysContainer .key-badge svg{width:100%;height:auto;display:block;overflow:visible}#keyboardKeysContainer button.circleButton .key-badge{color:#4f8ff7}#keyboardKeysContainer button.rectangleButton .key-badge{color:#2dd4bf}#keyboardKeysContainer .key-gear{bottom:calc(2px * var(--kb-scale,1));left:calc(2px * var(--kb-scale,1));width:calc(11px * var(--kb-scale,1));z-index:1;pointer-events:none;opacity:.85;line-height:0;position:absolute}#keyboardKeysContainer .key-gear svg{width:100%;height:auto;display:block;overflow:visible}#keyboardKeysContainer .key-label{z-index:1;text-transform:uppercase;position:relative}#keyboardContainer .keyboard-resize{color:#9aabbf;pointer-events:auto;cursor:nesw-resize;touch-action:none;z-index:6;background:linear-gradient(#2b3542,#1d242e);border:1px solid #0b0e12;border-radius:5px;justify-content:center;align-items:center;width:18px;margin:0;padding:0;display:flex;position:absolute;box-shadow:inset 0 1px #ffffff17,inset 0 1px #8fa3bd,0 2px #00000073}#keyboardContainer .keyboard-resize:hover,#keyboardContainer .keyboard-resize:focus-visible{color:#e8edf3;outline:none}#keyboardContainer .keyboard-resize:focus-visible{outline-offset:1px;outline:2px solid #4f8ff7}#keyboardContainer .keyboard-resize svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:16px}.keyboard-modifiers{gap:5px;display:flex;position:absolute;top:-28px;right:10px}#keyboardContainer .keyboard-modifiers button{min-width:64px;height:24px;font-size:calc(10px * var(--kb-scale,1));padding:3px 8px}#keyboardContainer .keyboard-modifiers button:before{content:none}#keyboardKeysContainer button.key-unavailable{opacity:.4!important}#keyboardContainer button.modifierKey.active{color:#fff!important;opacity:1!important;background:#405878!important}#keyboardContainer button.modifierKey:after{content:none}