.atelier-diy-tray{overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--background) 96%, transparent);width:min(100%,320px);max-height:38dvh;color:var(--foreground);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 32px color-mix(in srgb, var(--foreground) 8%, transparent);scrollbar-width:thin;padding:10px 14px;overflow-y:auto}.diy-row{justify-content:center;align-items:center;gap:10px;display:flex}.diy-row .atelier-icon{width:44px;height:44px}.diy-row svg{width:21px;height:21px}.diy-row .atelier-icon[aria-pressed=true]{color:var(--primary)}.diy-ink-tool{cursor:pointer;border-radius:var(--radius-sm);align-content:center;justify-items:center;gap:3px;width:44px;height:44px;font-size:10px;display:grid}.diy-ink-tool[aria-pressed=true]{background:var(--secondary);box-shadow:inset 0 0 0 1px var(--primary)}.diy-ink-preview{background:radial-gradient(ellipse at 25% 75%, var(--pigment) 17%, transparent 19%), radial-gradient(ellipse at 60% 40%, color-mix(in srgb, var(--pigment) 70%, var(--background)) 32%, transparent 35%), radial-gradient(ellipse at 45% 55%, var(--pigment) 36%, transparent 39%);width:28px;height:23px}.diy-range{align-items:center;gap:14px;margin:4px 2px 8px;display:flex}.diy-range input{min-height:20px;margin:4px 0}.diy-section{border-top:1px solid var(--border);margin-top:5px;padding-top:7px}.diy-glazes{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;display:grid}.diy-glaze{cursor:pointer;justify-items:center;gap:5px;min-height:44px;padding:5px 0;font-size:10px;line-height:1.2;display:grid}.diy-glaze-chip{border-radius:calc(var(--radius-sm) / 4);background:linear-gradient(125deg, color-mix(in srgb, var(--pigment) 62%, var(--background)), var(--pigment) 50%, color-mix(in srgb, var(--pigment) 82%, var(--foreground)));border-bottom:3px solid var(--atelier-ivory);width:29px;height:30px;box-shadow:0 2px 3px color-mix(in srgb, var(--foreground) 12%, transparent);place-items:center;display:grid}.diy-glaze-chip svg{width:13px;height:13px;color:var(--foreground);background:var(--background);border-radius:50%;padding:1px}.diy-glaze[aria-pressed=true] .diy-glaze-chip{outline:1px solid var(--primary);outline-offset:3px}.diy-samples{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.diy-sample{border-radius:calc(var(--radius-sm) / 3);cursor:pointer;border:1px solid #0000;align-content:center;justify-items:center;gap:5px;min-height:48px;padding:6px;font-size:11px;line-height:1.2;display:grid}.diy-sample[aria-pressed=true]{border-color:var(--primary);background:var(--secondary)}.diy-sample svg{width:26px;height:33px}.diy-finish-preview{background:radial-gradient(ellipse at 32% 22%, color-mix(in srgb, var(--pigment) 70%, var(--background)), var(--pigment) 55%, color-mix(in srgb, var(--pigment) 75%, var(--foreground)));width:43px;height:29px;box-shadow:inset 0 -3px 5px color-mix(in srgb, var(--foreground) 12%, transparent);border-radius:50%}.diy-finish-preview.is-gloss{background:linear-gradient(120deg, transparent 22%, var(--background) 27%, color-mix(in srgb, var(--background) 55%, transparent) 31%, transparent 38%), radial-gradient(ellipse at 35% 25%, color-mix(in srgb, var(--pigment) 75%, var(--background)), var(--pigment) 55%, color-mix(in srgb, var(--pigment) 65%, var(--foreground)))}.diy-finish-preview.is-speckled{background:radial-gradient(circle, color-mix(in srgb, var(--foreground) 65%, transparent) .7px, transparent 1px) 0 0 / 7px 5px, radial-gradient(circle, color-mix(in srgb, var(--foreground) 45%, transparent) .5px, transparent 1px) 3px 2px / 9px 7px, radial-gradient(ellipse at 30% 20%, color-mix(in srgb, var(--pigment) 75%, var(--background)), var(--pigment))}.atelier-diy-tray button:focus-visible,.atelier-diy-tray input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.atelier-palette{grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px;width:100%;min-width:0;display:grid}.pigment-dishes{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;max-width:390px;display:flex}.pigment-dish{cursor:pointer;background:0 0;border:0;place-items:center;width:74px;height:66px;transition:transform .3s;display:grid;position:relative}.pigment-dish:hover{transform:translateY(-5px)}.pigment-dish:active{transform:scale(.92)}.dish-clay{background:linear-gradient(155deg, var(--atelier-ivory), var(--atelier-clay-shadow));width:64px;height:47px;box-shadow:0 9px 0 -3px var(--atelier-clay-shadow), 2px 15px 10px -3px var(--atelier-shadow), inset 0 2px 2px var(--atelier-white);border-radius:50%;padding:6px;display:block;position:relative;transform:rotate(-7deg)}.dish-paint{background:radial-gradient(ellipse at 25% 20%, color-mix(in srgb, var(--pigment) 70%, white), transparent 55%), var(--pigment);width:100%;height:100%;box-shadow:inset 0 3px 5px color-mix(in srgb, var(--pigment) 40%, black), inset 1px -2px 2px color-mix(in srgb, var(--pigment) 75%, white);border-radius:50%;display:block}.pigment-dish[aria-pressed=true]:after{content:"";border:1.5px solid var(--atelier-white);border-radius:50%;position:absolute;inset:1px -1px 3px;transform:rotate(-7deg)}.atelier-details{grid-template-columns:minmax(0,1fr);gap:2px;display:grid}.symbol-row{justify-content:center;align-items:center;gap:10px;display:flex}.brush-dot{background:currentColor;border-radius:50%;display:block}.custom-pigment{cursor:pointer;position:relative}.custom-pigment input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.custom-pigment:focus-within{outline-offset:2px;outline:2px solid}.clay-pebble{cursor:pointer;place-items:center;width:40px;height:44px;display:grid}.clay-pebble span{background:var(--pigment);width:22px;height:24px;box-shadow:inset -4px -3px 5px var(--atelier-shadow);border-radius:46% 54% 42% 58%}.clay-pebble[aria-pressed=true]{border-bottom:1px solid}.form-objects .atelier-icon{width:64px;height:64px}.form-objects .atelier-icon svg{width:36px;height:45px}@media (max-height:700px){.pigment-dish{width:58px;height:52px}.dish-clay{width:52px;height:38px}.atelier-palette{gap:2px}.symbol-row{gap:5px}}.pigment-dishes.is-expanded{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding:5px 8px 12px;overflow-x:auto}.pigment-dishes.is-expanded .pigment-dish{flex-shrink:0}.atelier-details{width:100%;min-width:0;max-width:330px}.craft-categories{gap:0}.craft-categories .atelier-icon{opacity:.5;flex:1;min-width:44px}.craft-categories .atelier-icon[aria-pressed=true]{opacity:1}.atelier-precision{grid-template-columns:minmax(0,1fr);align-content:center;min-width:0;min-height:95px;display:grid}.atelier-precision .symbol-row{gap:4px}.atelier-precision .clay-pebbles{scrollbar-width:none;justify-content:safe center;overflow-x:auto}.clay-pebbles .clay-pebble{flex:0 0 40px}.atelier-range{align-items:center;gap:12px;width:100%;max-width:280px;min-height:44px;margin:auto;display:flex}.atelier-range>svg{opacity:.65;flex-shrink:0;width:17px;height:17px}.atelier-range input{width:100%;min-width:0;height:26px;accent-color:var(--atelier-white);cursor:pointer}.paired-ranges{gap:18px;display:flex}.gold-tools{color:var(--studio-gold)}.atelier-room-options{justify-content:center;gap:18px;padding:10px 0;display:flex}.atelier-room-choice{cursor:pointer;place-items:center;width:54px;height:62px;display:grid;position:relative}.atelier-room-choice[aria-pressed=true]:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:0}.room-miniature{background:var(--atelier-blue);width:42px;height:46px;box-shadow:inset 2px 1px 2px color-mix(in srgb,var(--atelier-white) 45%,transparent), 3px 5px 8px var(--atelier-shadow);border-radius:50% 50% 4% 4%;display:block;position:relative;overflow:hidden}.room-miniature i{background:var(--atelier-ivory);height:3px;position:absolute;bottom:8px;left:6px;right:6px}.room-miniature b{background:var(--atelier-ivory);border-radius:30% 30% 40% 40%;width:7px;height:12px;position:absolute;bottom:11px;left:18px}.room-miniature-shelf{background:var(--atelier-ivory)}.room-miniature-shelf i{background:var(--atelier-clay-shadow);box-shadow:0 -18px var(--atelier-clay-shadow)}.room-miniature-shelf b,.room-miniature-dinner{background:var(--studio-sage)}.room-miniature-dinner i{background:var(--atelier-clay-shadow);height:12px;bottom:0}.room-miniature-dinner b{bottom:12px}.room-miniature-color{background:var(--atelier-coral)}.room-miniature-color i{height:17px;bottom:0;left:14px;right:8px}.room-miniature-color b{background:var(--studio-purple);bottom:17px}.craft-categories{flex-wrap:wrap}.craft-categories .atelier-labeled{flex:1 0 15%;min-width:46px;padding:8px 5px;font-size:11px}.atelier-precision .symbol-row{flex-wrap:wrap}.atelier-range>span{flex-shrink:0;max-width:74px;font-size:11px}.atelier-range{gap:10px}.form-objects{gap:12px}