.oil-studio{--bitumen:#1a1410;--linen:#cbb89a;--oak:#6b4428;--oak-dark:#3a2416;--ultramarine:#2a4d86;--varnish:#efe2c2;--cadmium:#c4562a;--ink:#f4ead6;--mute:#f4ead68f;--line:#f4ead61f;background:radial-gradient(ellipse 70% 50% at 38% 42%, #50341c47, transparent 62%), radial-gradient(ellipse 40% 30% at 80% 10%, #2a4d8624, transparent 55%), var(--bitumen);min-height:100svh;color:var(--ink);grid-template-columns:minmax(0,1fr) 320px;font-family:IBM Plex Mono,ui-monospace,SF Mono,Menlo,monospace;display:grid}.oil-studio:before{content:"";pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:linear-gradient(#cbb89a59 1px,#0000 1px),linear-gradient(90deg,#cbb89a47 1px,#0000 1px);background-size:3px 3px;position:fixed;inset:0}.oil-stage{touch-action:none;place-items:center;min-height:100svh;padding:4.5rem 2rem 2rem;display:grid;position:relative}.oil-stage canvas{display:block;width:100%!important;height:100%!important}.oil-stage-canvas{position:absolute;inset:0}.oil-mast{z-index:3;flex-direction:column;gap:.2rem;max-width:28rem;display:flex;position:absolute;top:1.25rem;left:1.5rem}.oil-mast a{color:var(--mute);letter-spacing:.08em;text-transform:uppercase;font-size:11px;text-decoration:none}.oil-mast a:hover{color:var(--varnish)}.oil-mast h1{letter-spacing:-.03em;margin:.15rem 0 0;font-family:EB Garamond,Iowan Old Style,Palatino Linotype,serif;font-size:clamp(2.4rem,5vw,3.6rem);font-style:italic;font-weight:500;line-height:.9}.oil-mast p{color:var(--mute);max-width:22rem;margin:.45rem 0 0;font-size:12px;line-height:1.55}.oil-compare{z-index:3;color:var(--mute);letter-spacing:.04em;font-size:11px;position:absolute;bottom:1.25rem;left:1.5rem}.oil-compare kbd{border:1px solid var(--line);color:var(--varnish);font:inherit;border-radius:3px;padding:.08rem .35rem;display:inline-block}.oil-palette{z-index:4;background:linear-gradient(#3a2416eb,#201610f5);border-left:1px solid #cbb89a29;height:100svh;padding:1.15rem 1.1rem 1.6rem;position:relative;overflow:auto;box-shadow:inset 1px 0 #ffe6b40a}.oil-palette h2{letter-spacing:.14em;text-transform:uppercase;color:var(--linen);margin:0;font-size:11px}.oil-palette .oil-lead{color:var(--mute);margin:.35rem 0 .9rem;font-size:11px;line-height:1.5}.oil-sources,.oil-presets,.oil-layers{flex-wrap:wrap;gap:.35rem;margin:0 0 1rem;display:flex}.oil-chip,.oil-upload{appearance:none;border:1px solid var(--line);color:var(--ink);font:inherit;letter-spacing:.02em;cursor:pointer;background:#f4ead60a;border-radius:999px;padding:.32rem .55rem;font-size:11px}.oil-chip[data-on=true],.oil-chip:hover,.oil-upload:hover{background:#f4ead61f;border-color:#f4ead647}.oil-chip[data-on=true]{color:var(--varnish)}.oil-upload{position:relative}.oil-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.oil-group{border:0;margin:0 0 .85rem;padding:0}.oil-group+.oil-group{border-top:1px solid var(--line);padding-top:.85rem}.oil-group legend{color:var(--linen);letter-spacing:.1em;text-transform:uppercase;padding:0;font-size:11px}.oil-group .oil-hint{color:var(--mute);margin:.25rem 0 .55rem;font-size:10px;line-height:1.45}.oil-control{gap:.18rem;margin:0 0 .55rem;display:grid}.oil-control-head{justify-content:space-between;gap:.5rem;font-size:11px;display:flex}.oil-control-head em{color:var(--varnish);font-variant-numeric:tabular-nums;font-style:normal}.oil-control small{color:var(--mute);font-size:10px;line-height:1.4}.oil-control input[type=range]{width:100%;accent-color:var(--cadmium);cursor:pointer}.oil-actions{gap:.4rem;margin-top:.4rem;display:flex}.oil-actions button{appearance:none;border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:4px;flex:1;padding:.45rem .5rem;font-size:11px}.oil-actions button:hover{background:#f4ead614}@media (width<=860px){.oil-studio{grid-template-rows:minmax(70svh,1fr) auto;grid-template-columns:1fr}.oil-stage{min-height:70svh;padding-top:5.5rem}.oil-palette{border-top:1px solid #cbb89a29;border-left:0;height:auto}}@media (prefers-reduced-motion:reduce){.oil-chip,.oil-upload,.oil-actions button{transition:none}}