:root{font-family:"Segoe UI",system-ui,sans-serif;color:#e5e6e7;background:#fff;color-scheme:dark;--panel:#26292d;--muted:#91979e;--gold:#dec09a;--line:#3b3e43}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#31353a;border-radius:7px;padding:10px 13px;color:#e8e9ea;transition:background .15s,border-color .15s}button:hover{background:#3a3f45;border-color:#626970}button:disabled{opacity:.32;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.iconDefinitions{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.srOnly{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#studio{height:100dvh;display:flex;flex-direction:column;overflow:hidden}#surface{position:relative;flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}#canvas{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:none;max-height:none;touch-action:none;outline:none;flex-shrink:0}.editing #studio{display:grid;grid-template-columns:232px minmax(0,1fr);grid-template-rows:64px minmax(0,1fr) 40px}.editing #surface{grid-column:2;grid-row:2;background:#4a4e50;background-image:radial-gradient(ellipse at 50% 38%,#65696300,#25292c66);padding:24px}.editing #canvas{box-shadow:0 15px 42px #0005,0 1px 4px #0007;cursor:crosshair}.editing.panning #canvas,.editing.panning #surface{cursor:grab}.editing.dragging #canvas,.editing.dragging #surface{cursor:grabbing}
#toolbar{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:24px;background:#202327;border-bottom:1px solid #373a3f;padding:0 18px}.brand{display:flex;gap:10px;align-items:center;min-width:195px;font-size:12px;font-weight:700;letter-spacing:.14em}.brandMark{width:32px;height:34px;background:#dec09a18;border:1px solid #dec09a35;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--gold)}.brandSub{display:block;font-size:9px;letter-spacing:.32em;color:#858d94;margin-top:3px}.paintingTitle{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.titleEyebrow{font-size:8px;letter-spacing:.17em;color:#889098}#title{font-size:12px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.topActions{display:flex;align-items:center;gap:15px}.saveStatus{font-size:11px;color:#b7c6b3;max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.saveStatus[data-state=error]{color:#f1a395}.saveStatus[data-state=busy]{color:var(--gold)}.quietButton{background:transparent;border-color:#44494f;display:flex;gap:8px;align-items:center;font-size:11px;padding:8px 11px}.closeButton{width:30px;height:32px;display:flex;align-items:center;justify-content:center;padding:5px;background:transparent;border-color:transparent;color:#a2a8ae}.closeButton:hover{background:#ffffff12;color:#fff}
#paintPanel{grid-column:1;grid-row:2;min-height:0;overflow:auto;background:var(--panel);border-right:1px solid #17191c;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#52585e transparent}.panelSection{padding:19px 18px;border-bottom:1px solid #ffffff0b}.sectionHeading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.sectionHeading h2{margin:0;font-size:9px;font-weight:600;letter-spacing:.15em;color:#a6acb3}.smallBadge{font-size:9px;color:var(--gold);background:#dec09a12;border:1px solid #dec09a22;padding:2px 6px;border-radius:4px}.sectionNote{font-size:10px;color:#747e87}.brushHero{display:block;width:100%;padding:0;overflow:hidden;background:#31353a;border:1px solid #4b5056;border-radius:8px;text-align:left;margin-bottom:19px}.brushHero:hover{border-color:var(--gold)}#activeBrushPreview{display:block;width:100%;height:62px;object-fit:contain;background:#eeede6}.brushHeroCaption{display:flex;justify-content:space-between;align-items:center;padding:10px;gap:8px}.brushHeroCaption strong{font-size:11px;font-weight:500}.browseLabel{display:flex;gap:4px;align-items:center;color:#aeb4ba;font-size:9px;white-space:nowrap}.browseLabel svg{width:12px;height:12px}.rangeLabel{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:15px 0 9px;color:#c9cdd1}.rangeLabel output{font-size:10px;font-variant-numeric:tabular-nums;color:var(--gold)}input[type=range]{display:block;width:100%;height:4px;accent-color:var(--gold);cursor:pointer;margin:8px 0 10px}input[type=range]::-webkit-slider-thumb{cursor:ew-resize}
.colourControl{display:flex;align-items:center;gap:10px;margin-bottom:14px}input[type=color]{width:43px;height:43px;flex-shrink:0;background:none;border:1px solid #737980;border-radius:8px;padding:3px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}.colourControl label{display:block;font-size:8px;color:#89929a;letter-spacing:.14em;margin-bottom:5px}#hexColor{background:none;border:0;border-bottom:1px solid #535a61;max-width:115px;width:100%;font-size:12px;letter-spacing:.08em;padding:2px 0 4px;color:#e1e4e6;outline-offset:4px}.swatches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.swatches button{padding:0;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff25;min-width:0}.swatches button[aria-pressed=true]{outline:2px solid #e7ccb0;outline-offset:2px}.historyButtons{display:flex;gap:8px}.historyButtons button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;padding:9px 6px}.historyButtons svg{width:14px;height:14px}.clearButton{display:block;margin:13px auto 0;background:none;border:none;padding:3px;color:#939aa1;font-size:10px}.clearButton:hover{color:#edb7a6;background:none}
.panelBottom{margin-top:auto;padding:16px 18px 20px}.autosaveHint{display:flex;align-items:center;justify-content:center;gap:6px;color:#929e97;font-size:9px;margin:0 0 12px}.autosaveHint span,.liveDot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9ab49b;flex-shrink:0}.saveButton,.finishButton{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600}.saveButton{background:var(--gold);border-color:var(--gold);color:#302a23;padding:11px}.saveButton:hover{background:#ead2b3;border-color:#ead2b3}.saveButton svg{width:14px;height:14px}.finishButton{margin-top:8px;background:none;border-color:#555b61;color:#d1d5d8;font-weight:400}
#editorFooter{grid-column:1/-1;grid-row:3;background:#202327;border-top:1px solid #363b40;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 16px;font-size:9px;color:#8e979f;letter-spacing:.02em}.canvasMeta{display:flex;align-items:center;gap:8px;white-space:nowrap}.shortcutHint{font-size:9px;color:#8d98a0}.zoomControls{display:flex;align-items:center;gap:3px}.zoomControls button{height:28px;padding:3px 7px;min-width:27px;background:transparent;border-color:transparent;font-size:16px}.zoomControls button:hover{background:#ffffff12}.zoomControls button[aria-pressed=true]{background:#dec09a25;color:var(--gold)}.zoomControls svg{width:15px;height:15px}.zoomControls #fitView{font-size:10px;border:1px solid #515960;margin-left:6px;padding:3px 9px}.controlDivider{height:15px;width:1px;background:#4d545a;margin:0 5px}#zoomLevel{font-size:10px;width:40px;text-align:center;font-variant-numeric:tabular-nums}#brushCursor{position:fixed;pointer-events:none;transform:translate(-50%,-50%);border:1px solid #fff;box-shadow:0 0 0 1px #0009;border-radius:50%;z-index:5}#notice{position:fixed;bottom:50px;left:50%;transform:translateX(-50%);background:#202b26;color:#e1e9df;border:1px solid #617366;padding:12px 18px;border-radius:8px;max-width:min(560px,90%);font-size:12px;line-height:1.6;z-index:10;box-shadow:0 10px 25px #0003}
dialog{background:#292d31;color:#e1e4e6;max-width:440px;width:calc(100% - 32px);border:1px solid #565d64;border-radius:14px;padding:30px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#11171caa;backdrop-filter:blur(4px)}dialog p{line-height:1.7;color:#a3adb5;font-size:12px}dialog .eyebrow{color:var(--gold);font-size:9px;letter-spacing:.18em;margin-top:18px}h2{font-size:28px;font-weight:500;letter-spacing:-.035em}.dialogMark{width:42px;height:42px;border:1px solid #dec09a44;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--gold);background:#dec09a0c}.dialogMark svg{width:24px;height:24px}.codeLabel{display:block;font-size:9px;letter-spacing:.1em;color:#aeb7bf;margin:22px 0 8px}#code{width:100%;padding:12px;background:#1f2326;border:1px solid #555e67;border-radius:6px;color:#e1e4e6;font-size:12px}#unlockError{color:#f1a395;min-height:18px;font-size:11px}.dialogActions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.dialogActions button{font-size:11px}.primaryButton{background:var(--gold);color:#302a23;border-color:var(--gold)}
#brushLibrary{max-width:790px;max-height:85vh;overflow:auto;padding:25px;scrollbar-width:thin}.libraryHeader{display:flex;align-items:center;justify-content:space-between;gap:20px}.libraryHeader h2{margin:5px 0;font-size:28px}.libraryHeader .eyebrow{margin:0}.libraryHint{font-size:11px;margin:10px 0 20px}#brushGroups{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 18px}#brushGroups button{font-size:10px;padding:7px 11px;border-radius:20px;background:transparent}#brushGroups button[aria-pressed=true]{background:var(--gold);color:#302a23;border-color:var(--gold)}#brushGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.brushTile{display:flex;align-items:stretch;flex-direction:column;padding:0;text-align:left;overflow:hidden;border-radius:8px;background:#34393e}.brushTile[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:0}.brushTile canvas{display:block;width:100%;height:auto;aspect-ratio:180/58;pointer-events:none}.brushTile span{padding:10px 12px;font-size:11px}
.preview #surface{background:#4a4e50;padding:24px}.preview #canvas{box-shadow:0 15px 42px #0005,0 1px 4px #0007}#previewBar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#202327;padding:14px 20px;border-bottom:1px solid #43494e;font-size:12px;color:#bbc1c6}#previewBar button{background:var(--gold);color:#302a23;border-color:var(--gold);font-size:11px}.editing #previewBar{display:none}#landing{min-height:100vh;background:#292e31;color:#eee}.welcome{max-width:650px;margin:12vh auto;padding:35px}.welcome .eyebrow{font-size:10px;letter-spacing:.2em;color:var(--gold)}h1{font-size:clamp(42px,7vw,76px);font-weight:500;line-height:1.05;letter-spacing:-.06em}.welcome p{line-height:1.7;color:#aeb8be}
@media(max-height:760px){.panelSection{padding:13px 16px}.brushHero{margin-bottom:12px}#activeBrushPreview{height:48px}.rangeLabel{margin-top:12px}.panelBottom{padding:13px 16px}.sectionHeading{margin-bottom:10px}}
@media(max-width:760px){.editing #studio{grid-template-columns:202px minmax(0,1fr)}#toolbar{gap:14px;padding:0 12px}.brand{min-width:170px}.topActions{gap:7px}.paintingTitle{display:none}.topActions{margin-left:auto}.saveStatus{max-width:90px}.editing #surface{padding:16px}.shortcutHint{display:none}}
@media(max-width:520px){.editing #studio{grid-template-columns:174px minmax(0,1fr);grid-template-rows:54px minmax(0,1fr) 40px}.brand{min-width:0;font-size:10px;gap:6px}.brandMark{width:27px;height:30px}.brandSub{font-size:8px}.topActions .quietButton span,.saveStatus{display:none}.panelSection{padding:12px}.panelBottom{padding:12px}.browseLabel{font-size:8px}.brushHeroCaption{padding:9px 7px;gap:3px}.brushHeroCaption strong{font-size:10px}.swatches{gap:5px}.historyButtons button{font-size:10px}.editing #surface{padding:10px}.sectionNote{display:none}#brushGrid{grid-template-columns:repeat(2,minmax(0,1fr))}#brushLibrary{padding:18px}.libraryHeader h2{font-size:23px}#editorFooter{padding:0 8px;font-size:8px}.canvasMeta{max-width:115px;overflow:hidden}.zoomControls{gap:0}.zoomControls button{min-width:24px}.controlDivider{margin:0 2px}}

#canvasMount{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);flex-shrink:0;isolation:isolate}#canvasMount #canvas{position:relative;left:auto;top:auto;transform:none;width:100%;height:100%;box-shadow:none;z-index:2}.editing #canvasMount{filter:drop-shadow(12px 18px 14px #14181960)}.editing #canvasMount::before,.editing #canvasMount::after{content:"";position:absolute;z-index:1;background-color:#dad5c8;background-image:url('/linen.png');background-size:180px 180px;pointer-events:none}.editing #canvasMount::before{left:100%;top:0;width:var(--depth);height:100%;transform:skewY(45deg);transform-origin:0 0;filter:brightness(.78);border-right:1px solid #b4b0a4}.editing #canvasMount::after{left:0;top:100%;width:100%;height:var(--depth);transform:skewX(45deg);transform-origin:0 0;filter:brightness(.64);border-bottom:1px solid #aaa699}.editing #canvasMount #canvas{outline:1px solid #f3efe4;outline-offset:-1px}.preview:not(.editing) #canvasMount{filter:drop-shadow(0 12px 18px #0005)}


/* Oops! We Made Stuff — logo palette */
:root{--panel:#0b2631;--gold:#d5a448;--muted:#a0b4b9;--line:#31505a;--navy:#071a22;--teal:#0a3c49;--cream:#f0d9b1}
.editing #studio{grid-template-rows:86px minmax(0,1fr) 42px}
#toolbar{background:linear-gradient(110deg,#06171f,#0b303c);border-bottom:1px solid #b98b3c70;gap:26px;padding:0 20px;box-shadow:0 2px 12px #0003;z-index:3}
.brand{min-width:210px;gap:10px;letter-spacing:normal}.studioLogo{display:block;width:160px;height:72px;object-fit:contain}.studioWordmark{font-size:8px;line-height:1.8;letter-spacing:.2em;color:#dab77b;border-left:1px solid #b98b3c55;padding-left:12px}
.titleEyebrow{color:#a2b7bc;font-size:8px;letter-spacing:.19em}#title{font-size:15px;letter-spacing:-.025em;color:#f0d9b1}.saveStatus{color:#a9c8bd}.saveStatus[data-state=busy]{color:#e4bd74}.saveStatus[data-state=error]{color:#ffb9a0}
.topActions{gap:13px}.quietButton{background:#0a3542;border-color:#49707a;color:#ecd5af;border-radius:10px}.quietButton:hover{background:#144957;border-color:#d5a448}.closeButton{color:#c6b28d}.closeButton:hover{background:#d5a44818;color:#f1d7a3}
#paintPanel{background:linear-gradient(160deg,#0b2b37,#081e29);border-right:1px solid #b98b3c55;color:#e6d8bf;padding:9px 11px;gap:0;scrollbar-color:#536663 transparent}
.panelSection{background:linear-gradient(135deg,#123743,#0d2d3a);border:1px solid #8b77473b;border-radius:13px;padding:16px 14px;margin:5px 0;box-shadow:0 3px 9px #0002}
.sectionHeading{margin-bottom:14px}.sectionHeading h2{color:#d5b77d;font-size:9px;letter-spacing:.15em;font-weight:650}.smallBadge{background:#d5a44812;border-color:#d5a44850;color:#e3c58f;font-size:9px;border-radius:6px;padding:3px 7px}.sectionNote{color:#9cb0b3;font-size:9px}
.brushHero{background:#0a2531;border:1px solid #9b814d80;border-radius:10px;margin-bottom:18px;box-shadow:0 2px 7px #0003}.brushHero:hover{border-color:#e0b663;background:#144452}#activeBrushPreview{height:65px}.brushHeroCaption{padding:11px 10px;background:#092631;border-top:1px solid #b98b3c50}.brushHeroCaption strong{font-size:12px;font-weight:600;color:#f0d9b1}.browseLabel{color:#c6b78f;font-size:9px}
.rangeLabel{color:#c7d5d4;font-size:11px;margin:16px 0 10px}.rangeLabel output{color:#e6bc72;font-size:10px;font-weight:600}input[type=range]{accent-color:#d5a448}
.colourControl label{color:#a4bab9;font-size:8px}input[type=color]{border:1px solid #9d885c;border-radius:11px;padding:4px;width:45px;height:45px}input[type=color]::-webkit-color-swatch{border-radius:7px}#hexColor{color:#f0d9b1;border-color:#60736b;font-weight:500}.swatches{gap:8px}.swatches button{border:1px solid #d5a44855;box-shadow:0 1px 3px #0005}.swatches button[aria-pressed=true]{outline:2px solid #e8bb69;outline-offset:3px}
.historyButtons button{background:#0a2a36;border-color:#58706c;border-radius:8px;color:#e7cda2;padding:10px 6px}.historyButtons button:hover{background:#174755;border-color:#d5a448}.clearButton{color:#a5b6b5}.clearButton:hover{color:#efb98f}
.panelBottom{margin-top:auto;background:none;padding:18px 4px 12px}.autosaveHint{color:#a0bcb4;margin-bottom:12px}.autosaveHint span{background:#9fbfa5}.saveButton{background:linear-gradient(120deg,#d6a64e,#edca8a);border-color:#edc57c;color:#092633;border-radius:10px;padding:12px;box-shadow:0 3px 12px #0004;font-size:12px}.saveButton:hover{background:#f0d29b;border-color:#f3d7a3}.finishButton{border-color:#b9944b;color:#ebc78b;border-radius:10px;background:#0b2d39;padding:11px;font-size:11px}.finishButton:hover{background:#184858;border-color:#e7bf74}
.editing #surface,.preview #surface{background-color:#102c38;background-image:radial-gradient(ellipse at 70% 5%,#54716a40,transparent 55%),radial-gradient(ellipse at 15% 95%,#1b68704d,transparent 65%),radial-gradient(ellipse at 50% 40%,#2a5260,#091f2b);padding:30px}
.editing #canvasMount{filter:drop-shadow(13px 20px 17px #010a115c)}
#editorFooter{background:#071d27;border-color:#8b774750;color:#b8c7c5;padding:0 19px}.shortcutHint{color:#9bb2b6}.liveDot{background:#d8b16c}.zoomControls button{color:#dec79e}.zoomControls button:hover{background:#d5a4481a}.zoomControls button[aria-pressed=true]{background:#d5a44826;color:#f0ce92}.zoomControls #fitView{border-color:#8e805b;color:#e5ceaa;border-radius:6px}.controlDivider{background:#806d485f}
dialog{background:linear-gradient(135deg,#123a46,#0a2532);color:#efd8b0;border-color:#a98b50;box-shadow:0 30px 100px #0009;border-radius:18px}dialog::backdrop{background:#04151fbb}dialog p{color:#b8cbca}dialog .eyebrow{color:#dbb16b}.dialogMark{background:#d5a44815;border-color:#b9944b;color:#e5be7b}.codeLabel{color:#d5bc91}#code{background:#071f2c;border-color:#6c7461;color:#f0d9b1;border-radius:8px}#code::placeholder{color:#8fa9af}.dialogActions button{background:#0a2d3b;border-color:#737957;color:#e3c99e}.dialogActions .primaryButton{background:#dcb469;border-color:#e7c17c;color:#0a2934}.dialogActions .primaryButton:hover{background:#edca8e}.libraryHeader .closeButton{color:#cbb68f}.libraryHeader .closeButton:hover{background:#d5a44820;color:#f4d6a4}.libraryHeader h2{font-weight:550;color:#efd5a7;font-size:29px}.libraryHeader .eyebrow{color:#d3ae6e}.libraryHint{color:#adc4c4}
#brushGroups button{border-color:#6c775e;color:#d2c29f;background:#0b2d39;padding:8px 12px}#brushGroups button:hover{background:#174856;border-color:#d5a448}#brushGroups button[aria-pressed=true]{background:#d5ac61;color:#082734;border-color:#ebc78b}.brushTile{background:#0a2936;border-color:#65745c;border-radius:11px;color:#ecd3a9;box-shadow:0 2px 5px #0002}.brushTile:hover{background:#164654;border-color:#d9b16f}.brushTile[aria-pressed=true]{outline-color:#e6b760}.brushTile span{font-size:11px;padding:11px 12px}
#previewBar{background:#071f2b;color:#d4c7ac;border-color:#aa874854}#previewBar button{background:#d5ac61;color:#092b38;border-color:#e1bb7a;border-radius:9px}
#notice{background:#0a3240;border-color:#b99752;color:#f1dcb8}
@media(max-height:850px){.panelSection{padding:12px;margin:4px 0}#activeBrushPreview{height:48px}.brushHero{margin-bottom:13px}.rangeLabel{margin-top:13px}.panelBottom{padding-top:14px}.sectionHeading{margin-bottom:11px}}
@media(max-width:760px){.editing #studio{grid-template-rows:78px minmax(0,1fr) 42px}#toolbar{gap:10px;padding:0 12px}.brand{min-width:165px}.studioLogo{width:133px;height:64px}.studioWordmark{font-size:7px;padding-left:8px}.topActions{gap:8px}.saveStatus{max-width:70px}#paintPanel{padding:7px 8px}.panelSection{padding:12px}.brushHeroCaption{padding:9px 8px}}
@media(max-width:520px){.editing #studio{grid-template-rows:70px minmax(0,1fr) 40px}.brand{min-width:0}.studioLogo{width:130px;height:58px}.studioWordmark{display:none}.topActions{gap:4px}.quietButton{padding:8px}.panelSection{padding:10px}.brushHeroCaption strong{font-size:10px}.browseLabel{font-size:8px}.swatches{gap:6px}.panelBottom{padding:12px 0}#paintPanel{padding:6px}.saveButton{font-size:11px}.libraryHeader h2{font-size:24px}}

.finishedDownload{position:fixed;right:20px;bottom:20px;z-index:10;background:#102c35;color:#f0d9b1;padding:12px 18px;border:1px solid #dbad55;border-radius:12px}.finishedDownload[hidden]{display:none}

.paintAllowance{padding:12px;border:1px solid #41646b;border-radius:12px;background:#102c35;color:#f0d9b1;margin-bottom:12px}.paintAllowanceHeading{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px}.paintAllowanceHeading strong{font-size:11px;letter-spacing:.08em}.paintAllowance progress{display:block;width:100%;height:10px;margin:10px 0;accent-color:#65b6a2;border:0;border-radius:6px;overflow:hidden}.paintAllowance progress::-webkit-progress-bar{background:#253f48;border-radius:6px}.paintAllowance progress::-webkit-progress-value{background:#65b6a2;border-radius:6px}.paintAllowance #paintRemaining{display:block;font-size:11px}.paintAllowance[data-level="low"] progress{accent-color:#dbad55}.paintAllowance[data-level="low"] progress::-webkit-progress-value{background:#dbad55}.paintAllowance[data-level="empty"]{border-color:#bf6559}.paintAllowance[data-level="empty"] #paintRemaining{color:#efab9e}