@font-face{font-family:ElectricBlue;src:url(../fonts/ElectricBlue-VF.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}:root{--das-u: 1.618rem;--das-u2: .809rem;--das-u4: .4045rem;--das-color-bg: #0d0f12;--das-color-surface: #161a1f;--das-color-fg: #e8eaed;--das-color-muted: #9aa3ad;--das-color-accent: #e2007a;--das-color-border: #2a3038;--das-radius: .5rem;--das-font-mono: ElectricBlue, sans-serif;--das-font-sans: ElectricBlue, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{background:var(--das-color-bg);color:var(--das-color-fg);font-family:var(--das-font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}#app{height:100%;user-select:none;-webkit-user-select:none}button,input,select,textarea{font:inherit;color:inherit}input,textarea,select{user-select:text;-webkit-user-select:text}:focus-visible{outline:2px solid var(--das-color-accent);outline-offset:2px}.app{height:100%;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app__titlebar{padding:1.2135rem 2.0225rem;border-bottom:1px solid var(--das-color-border)}.app__titlebar h1{margin:0;font-family:var(--das-font-mono);font-size:1.15rem;letter-spacing:.02em}.app__titlebar p{margin:.4045rem 0 0;font-size:.85rem;color:var(--das-color-muted)}.app__body{flex:1;min-height:0;display:grid;grid-template-columns:1fr min(22rem,36vw);gap:0}@media(max-width:56rem){.app__body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;overflow-y:auto}}.app__main{min-width:0;min-height:0;display:flex;flex-direction:column;padding:1.2135rem 1.618rem;gap:1.2135rem}.app__aside{min-height:0;border-left:1px solid var(--das-color-border);overflow:hidden}@media(max-width:56rem){.app__aside{border-left:0;border-top:1px solid var(--das-color-border);max-height:min(50vh,28rem)}}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--das-color-border);background:var(--das-color-surface);color:var(--das-color-fg);padding:.5663rem 1.2135rem;border-radius:var(--das-radius);cursor:pointer;font-size:.85rem;transition:border-color .15s ease,background .15s ease}.button:hover:not(:disabled){border-color:var(--das-color-accent)}.button:disabled{opacity:.45;cursor:not-allowed}.button--primary{background:var(--das-color-accent);border-color:var(--das-color-accent);color:#fff}.button--ghost{background:transparent;color:var(--das-color-muted)}.button--active{border-color:var(--das-color-accent);color:var(--das-color-accent)}.status-line{font-size:.8rem;color:var(--das-color-muted);min-height:1.25em}.header-strip{display:flex;flex-wrap:wrap;align-items:center;gap:1.2135rem;padding:1.2135rem 1.618rem;border-bottom:1px solid var(--das-color-border);background:var(--das-color-surface)}.header-strip__drop{flex:1 1 12rem;min-width:10rem}.header-strip__thumb{width:3.5rem;height:3.5rem;border-radius:var(--das-radius);border:1px solid var(--das-color-border);background:var(--das-color-bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.header-strip__thumb img,.header-strip__thumb svg{max-width:100%;max-height:100%;object-fit:contain}.header-strip__control{display:flex;flex-direction:column;gap:.4045rem;font-size:.8rem;color:var(--das-color-muted);min-width:8rem}.header-strip__control input[type=range]{width:100%}.header-strip__vectorize{flex-shrink:0}.dropzone{display:flex;align-items:center;justify-content:center;gap:.809rem;padding:1.0517rem 1.3753rem;border:2px dashed var(--das-color-border);border-radius:var(--das-radius);color:var(--das-color-muted);cursor:pointer;font-size:.85rem;transition:border-color .15s ease,color .15s ease}.dropzone:hover,.dropzone--over{border-color:var(--das-color-accent);color:var(--das-color-fg)}.dropzone input[type=file]{display:none}.stage{flex:1;min-height:0;display:flex;flex-direction:column;gap:.809rem}.stage__toolbar{display:flex;flex-wrap:wrap;gap:.5663rem;align-items:center}.stage__viewport{flex:1;min-height:12rem;position:relative;border:1px solid var(--das-color-border);border-radius:var(--das-radius);overflow:hidden;cursor:grab;touch-action:none}.stage__viewport--drag{cursor:grabbing}.stage__checker{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1a1d22;background-image:linear-gradient(45deg,#252930 25%,transparent 25%),linear-gradient(-45deg,#252930 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#252930 75%),linear-gradient(-45deg,transparent 75%,#252930 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.stage__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform-origin:center center}.stage__svg{max-width:none;max-height:none}.stage__svg :deep([data-highlight="1"]){filter:drop-shadow(0 0 3px var(--das-color-accent));outline:1px solid var(--das-color-accent);outline-offset:1px}.stage__empty{position:relative;z-index:1;text-align:center;color:var(--das-color-muted);padding:3.236rem;display:flex;flex-direction:column;gap:1.2135rem;align-items:center}.tint-panel{height:100%;display:flex;flex-direction:column;min-height:0}.tint-panel__scroll{flex:1;overflow-y:auto;padding:1.3753rem 1.618rem;display:flex;flex-direction:column;gap:1.3753rem}.tint-panel__section-title{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--das-color-muted)}.tint-panel__palette{display:flex;flex-wrap:wrap;gap:.6472rem}.tint-panel__swatch{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.4045rem;border:2px solid transparent;border-radius:var(--das-radius);cursor:pointer;min-width:3rem}.tint-panel__swatch--selected{border-color:var(--das-color-accent)}.tint-panel__swatch--source{box-shadow:0 0 0 1px var(--das-color-fg)}.tint-panel__swatch-color{width:2rem;height:2rem;border-radius:calc(var(--das-radius) * .6);border:1px solid var(--das-color-border)}.tint-panel__swatch-meta{font-size:.65rem;color:var(--das-color-muted);text-align:center;line-height:1.2}.tint-panel__tabs{display:flex;gap:.5663rem}.tint-panel__row{display:flex;flex-wrap:wrap;gap:.5663rem;align-items:center}.tint-panel__field{display:flex;flex-direction:column;gap:.3236rem;font-size:.8rem;color:var(--das-color-muted)}.tint-panel__field select,.tint-panel__field input[type=number]{background:var(--das-color-bg);border:1px solid var(--das-color-border);border-radius:var(--das-radius);padding:.4045rem .6472rem}.tint-panel__actions{display:flex;gap:.5663rem;flex-wrap:wrap;margin-top:auto;padding-top:.809rem;border-top:1px solid var(--das-color-border)}.hue-slider{display:flex;flex-direction:column;gap:.6472rem}.hue-slider__track{height:1.25rem;border-radius:var(--das-radius);border:1px solid var(--das-color-border);background:linear-gradient(to right,#e94b8a,#e55d4b,#d07500,#af8a00,#849c00 33.33%,#74a000 35.42%,#6aa300,#5ea513,#52a72b,#44a83a,#33aa47,#17ab51 41.67%,#00ab58,#00ab5f 42.71%,#00aa6b 43.75%,#00a97c 45.83%,#00a692 50%,#00a1b5,#0099e0 66.67%,#0095ef,#2e8ff9,#508af8,#6785f8 75%,#a46bf5,#c862c1,#e94b8a);background:linear-gradient(to right,#e94b8a,#e55d4b,color(xyz 0.353 0.255 -0.019),color(xyz 0.275 0.271 -0.012),color(xyz 0.204 0.288 -0.005) 33.33%,color(xyz 0.192 0.291 0.022) 35.42%,color(xyz 0.187 0.292 0.037),#5ea513,#52a72b,#44a83a,#33aa47,#17ab51 41.67%,color(xyz 0.162 0.3 0.138),color(xyz 0.16 0.3 0.149) 42.71%,color(xyz 0.157 0.301 0.171) 43.75%,color(xyz 0.151 0.304 0.22) 45.83%,color(xyz 0.143 0.307 0.331) 50%,color(xyz 0.192 0.296 0.598),color(xyz 0.255 0.28 0.949) 66.67%,color(xyz 0.268 0.276 0.942),#2e8ff9,#508af8,#6785f8 75%,#a46bf5,#c862c1,#e94b8a);position:relative}.hue-slider input[type=range]{width:100%;margin:0}.hue-slider__preview{display:flex;align-items:center;gap:.809rem;font-size:.8rem;color:var(--das-color-muted)}.hue-slider__chip{width:1.5rem;height:1.5rem;border-radius:calc(var(--das-radius) * .5);border:1px solid var(--das-color-border)}.export-bar{display:flex;flex-wrap:wrap;gap:.809rem;align-items:flex-end;padding:.809rem 0 0;border-top:1px solid var(--das-color-border)}.export-bar__group{display:flex;flex-wrap:wrap;gap:.5663rem;align-items:center}.export-bar__size{display:flex;gap:.5663rem;align-items:center;font-size:.8rem;color:var(--das-color-muted)}.export-bar__size input[type=number]{width:4.5rem;background:var(--das-color-bg);border:1px solid var(--das-color-border);border-radius:var(--das-radius);padding:.4045rem .5663rem}.export-bar__size label{display:flex;align-items:center;gap:.4045rem}