.dye-maker-modal{z-index:2147483500}.dye-maker-card{width:min(1120px,96vw)!important;max-width:1120px!important;background:#24252d!important;color:#f7eee1}.dye-maker-intro{color:#dcc3a0;font-size:17px;margin:8px 0 18px}.dye-maker-body{display:grid;grid-template-columns:155px minmax(240px,1fr) 270px;gap:22px}.dye-maker-shelf{display:flex;flex-direction:column;gap:8px}.dye-maker-shelf .btn{white-space:normal;text-align:left;min-height:36px}.dye-maker-shelf .btn[aria-pressed=true]{outline:2px solid #f7c67c;background:#46404a}.dye-maker-bottle{border-left:14px solid var(--pigment)!important}.dye-maker-custom{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:4px}.dye-maker-custom input{width:42px;padding:0}.dye-maker-tray{width:100%;height:auto;aspect-ratio:1;border:9px solid #b49a79;border-radius:38px;box-shadow:inset 0 3px 10px #6b5237,0 8px 24px #0005;touch-action:none;user-select:none}.dye-maker-status{font-size:14px;min-height:42px;color:#e9d3b6;line-height:1.5}.dye-maker-preview{border-radius:18px;background:#33343f;padding:14px;align-self:start}.dye-maker-preview canvas{width:100%;height:auto}.dye-maker-preview p{font-size:13px;line-height:1.5;color:#d9cbb7}.dye-maker-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.dye-maker-footer input{flex:1;min-width:140px}.dye-maker-footer .btn:last-child{background:#d6a352;color:#231e18;font-weight:700}@media(max-width:750px){.dye-maker-body{grid-template-columns:110px minmax(160px,1fr);gap:12px}.dye-maker-preview{grid-column:1/-1;display:flex;align-items:center;gap:12px}.dye-maker-preview canvas{width:120px}.dye-maker-preview p{flex:1}.dye-maker-shelf .btn{font-size:12px;padding:7px}.dye-maker-tray{border-width:5px;border-radius:22px}}

.dye-maker-test-pad{background:#f5efe4;border:1px solid #b49a79;border-radius:8px;touch-action:none;cursor:crosshair;user-select:none;margin-top:10px}
.dye-maker-test-controls{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.dye-maker-test-controls label{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}
.dye-maker-test-controls select{width:100%;min-width:0;font-size:12px}
.dye-maker-test-controls input{flex:1;min-width:70px;width:100%}
.dye-maker-test-controls output{min-width:24px}
@media(max-width:750px){.dye-maker-preview{display:block}.dye-maker-preview canvas{width:100%;max-width:360px}.dye-maker-test-controls{max-width:360px}}