.painting-studio.svelte-g5nack{--cream: #f4ecd9;--muted: #c7bcaa;--dark: #25251f;--line: #5d5749;--accent: #ebbd79;position:relative;isolation:isolate;width:100%;height:100dvh;min-height:215px;overflow:hidden;background:#27241d;color:var(--cream);color-scheme:dark;font:.875rem/1.35 Roboto Variable,Arial,sans-serif}.stage.svelte-g5nack{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.stage.svelte-g5nack img:where(.svelte-g5nack),.stage.svelte-g5nack canvas:where(.svelte-g5nack){position:absolute;display:block;margin:0;border:0;border-radius:0}.stage.svelte-g5nack img:where(.svelte-g5nack){width:100%;height:100%;object-fit:cover}.stage.svelte-g5nack .concealed:where(.svelte-g5nack){visibility:hidden}.masthead.svelte-g5nack{position:absolute;inset:max(16px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) auto max(22px,env(safe-area-inset-left));display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none}.masthead.svelte-g5nack>div:where(.svelte-g5nack),.post-link.svelte-g5nack,.toolbar.svelte-g5nack,.controls.svelte-g5nack,.save-panel.svelte-g5nack,.notice.svelte-g5nack,.canvas-message.svelte-g5nack{border:1px solid var(--line);border-radius:7px;background:var(--dark);box-shadow:0 3px 18px #17130b38}.masthead.svelte-g5nack>div:where(.svelte-g5nack){padding:12px 19px 14px}.masthead.svelte-g5nack h1:where(.svelte-g5nack){margin:0;max-inline-size:24ch;font:550 clamp(1.42rem,3vw,2.6rem)/.99 "Source Serif 4 Variable",Georgia,serif;letter-spacing:-.035em;color:var(--cream);text-wrap:balance}.masthead.svelte-g5nack p:where(.svelte-g5nack){margin:8px 0 0;color:var(--muted)}.post-link.svelte-g5nack{pointer-events:auto;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 13px;color:var(--cream);text-decoration:none;white-space:nowrap}.post-link.svelte-g5nack:hover{background:#3d382d}.masthead-links.svelte-g5nack{display:flex;flex-direction:column;align-items:flex-end;gap:5px}button.privacy-link.svelte-g5nack{pointer-events:auto;min-height:44px;padding-inline:9px;font-size:.72rem;background:var(--dark)}.interface.svelte-g5nack{position:absolute;inset:auto max(22px,env(safe-area-inset-right)) max(17px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:stretch;gap:8px;width:min(1100px,calc(100% - 44px));margin-inline:auto;pointer-events:none}.interface.svelte-g5nack>:where(.svelte-g5nack){pointer-events:auto}.toolbar.svelte-g5nack{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:7px 10px}.toolbar.svelte-g5nack progress:where(.svelte-g5nack){position:absolute;top:-1px;left:0;width:100%;height:3px;border:0;border-radius:5px 5px 0 0;overflow:hidden;accent-color:var(--accent);background:#655a48}progress.svelte-g5nack::-webkit-progress-bar{background:#655a48}progress.svelte-g5nack::-webkit-progress-value{background:var(--accent)}progress.svelte-g5nack::-moz-progress-bar{background:var(--accent)}.subject.svelte-g5nack,.transport.svelte-g5nack,.view-actions.svelte-g5nack,.panel-actions.svelte-g5nack{display:flex;align-items:center;gap:5px}.subject.svelte-g5nack{gap:8px}.subject.svelte-g5nack label:where(.svelte-g5nack){color:var(--muted);font-weight:550}.view-actions.svelte-g5nack{margin-left:auto}button.svelte-g5nack,select.svelte-g5nack,input[type=text].svelte-g5nack{min-height:44px;max-width:100%;border:1px solid var(--line);border-radius:4px;padding:0 9px;font:inherit;color:var(--cream);background:#312e25}button.svelte-g5nack{cursor:pointer;white-space:nowrap}button.svelte-g5nack:hover:not(:disabled),select.svelte-g5nack:hover:not(:disabled){background:#4b4233}button.svelte-g5nack:disabled,select.svelte-g5nack:disabled{opacity:.52;cursor:default}button.primary.svelte-g5nack{color:#251d13;background:var(--accent);border-color:var(--accent);font-weight:700}button.primary.svelte-g5nack:hover:not(:disabled){background:#f3d39f}button.svelte-g5nack:focus-visible,select.svelte-g5nack:focus-visible,input.svelte-g5nack:focus-visible,a.svelte-g5nack:focus-visible{outline:2px solid #ffd38d;outline-offset:3px}.controls.svelte-g5nack{max-height:min(50dvh,380px);overflow:auto;overscroll-behavior:contain;scrollbar-color:#8b7962 var(--dark)}.controls-header.svelte-g5nack{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:5px 12px;padding:5px 11px 5px 15px;border-bottom:1px solid var(--line);background:var(--dark)}.controls-header.svelte-g5nack>p:where(.svelte-g5nack){margin:0;font-weight:650}.panel-actions.svelte-g5nack>button:where(.svelte-g5nack){background:transparent;border-color:transparent}.panel-actions.svelte-g5nack>button:where(.svelte-g5nack):hover:not(:disabled){border-color:var(--line)}.sliders.svelte-g5nack,.more.svelte-g5nack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:9px 12px 11px}.slider.svelte-g5nack{padding-inline:5px;min-width:0}.slider-label.svelte-g5nack,.range-labels.svelte-g5nack{display:flex;align-items:baseline;justify-content:space-between;gap:4px}.slider-label.svelte-g5nack label:where(.svelte-g5nack){font-weight:650}.slider-label.svelte-g5nack span:where(.svelte-g5nack){color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.range-labels.svelte-g5nack,.slider.svelte-g5nack p:where(.svelte-g5nack){font-size:.75rem;color:var(--muted)}.slider.svelte-g5nack p:where(.svelte-g5nack){margin:4px 0 0}.slider.svelte-g5nack input:where(.svelte-g5nack){appearance:none;display:block;height:30px;width:100%;margin:0;background:transparent;cursor:pointer}.slider.svelte-g5nack input:where(.svelte-g5nack)::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--amount),#6b6254 var(--amount))}.slider.svelte-g5nack input:where(.svelte-g5nack)::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--amount),#6b6254 var(--amount))}.slider.svelte-g5nack input:where(.svelte-g5nack)::-webkit-slider-thumb{appearance:none;width:15px;height:15px;margin-top:-5.5px;border:1px solid #4b3624;border-radius:50%;background:#f8d29b}.slider.svelte-g5nack input:where(.svelte-g5nack)::-moz-range-thumb{width:15px;height:15px;border:1px solid #4b3624;border-radius:50%;background:#f8d29b}.more.svelte-g5nack{border-top:1px solid var(--line);align-items:start}.seed.svelte-g5nack{min-width:0;margin:0}.seed.svelte-g5nack label:where(.svelte-g5nack){display:block;margin:0 0 3px;font-weight:650}.seed.svelte-g5nack div:where(.svelte-g5nack){display:flex;gap:4px}.seed.svelte-g5nack input:where(.svelte-g5nack){width:100%;min-width:0}.seed.svelte-g5nack p:where(.svelte-g5nack){margin:5px 0 0;color:#ffcc9a}.reset.svelte-g5nack{justify-self:end}.save-panel.svelte-g5nack,.notice.svelte-g5nack{align-self:flex-end;max-width:100%;padding:8px}.save-panel.svelte-g5nack p:where(.svelte-g5nack){margin:0 0 6px}.notice.svelte-g5nack{margin:0}.canvas-message.svelte-g5nack{position:absolute;inset:45% 12px auto;width:fit-content;margin:auto;padding:10px}@media(max-width:980px){.toolbar.svelte-g5nack{justify-content:space-between}.view-actions.svelte-g5nack{margin-left:0}}@media(min-width:761px){.controls.svelte-g5nack{align-self:flex-end;width:min(365px,100%)}.sliders.svelte-g5nack,.more.svelte-g5nack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.masthead.svelte-g5nack{inset:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) auto max(8px,env(safe-area-inset-left))}.masthead.svelte-g5nack>div:where(.svelte-g5nack){padding:9px 10px}.masthead.svelte-g5nack h1:where(.svelte-g5nack){font-size:clamp(1.13rem,4vw,1.7rem)}.masthead.svelte-g5nack p:where(.svelte-g5nack){display:none}.post-link.svelte-g5nack{font-size:.79rem;padding-inline:8px}.interface.svelte-g5nack{inset:auto max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));width:auto;gap:5px}.toolbar.svelte-g5nack{gap:4px;padding:5px}.toolbar.svelte-g5nack button:where(.svelte-g5nack),.toolbar.svelte-g5nack select:where(.svelte-g5nack){padding-inline:6px}.subject.svelte-g5nack select:where(.svelte-g5nack){min-width:0}.controls.svelte-g5nack{max-height:min(37dvh,305px)}.sliders.svelte-g5nack,.more.svelte-g5nack{grid-template-columns:repeat(2,minmax(0,1fr))}.slider.svelte-g5nack input:where(.svelte-g5nack){height:44px}.slider.svelte-g5nack p:where(.svelte-g5nack){margin-top:2px}}@media(max-width:465px){.toolbar.svelte-g5nack{display:grid;grid-template-columns:auto minmax(0,1fr);font-size:.78rem}.subject.svelte-g5nack{grid-column:1 / -1}.subject.svelte-g5nack select:where(.svelte-g5nack){flex:1}.transport.svelte-g5nack,.view-actions.svelte-g5nack{grid-column:1 / -1;flex-wrap:wrap}.transport.svelte-g5nack>button:where(.svelte-g5nack),.view-actions.svelte-g5nack>button:where(.svelte-g5nack){flex:1}.controls-header.svelte-g5nack{padding-inline:8px 3px;font-size:.77rem}.panel-actions.svelte-g5nack{gap:0}.panel-actions.svelte-g5nack button:where(.svelte-g5nack){padding-inline:5px}.save-panel.svelte-g5nack{font-size:.75rem}.save-panel.svelte-g5nack button:where(.svelte-g5nack){padding-inline:5px}}@media(max-width:760px)and (min-height:541px){.painting-studio.with-controls.svelte-g5nack{display:flex;flex-direction:column}.with-controls.svelte-g5nack .stage:where(.svelte-g5nack){position:relative;inset:auto;flex:1 1 0;min-height:110px}.with-controls.svelte-g5nack .interface:where(.svelte-g5nack){position:relative;inset:auto;flex:none;margin:0 max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}}@media(max-height:540px)and (min-width:466px){.masthead.svelte-g5nack>div:where(.svelte-g5nack){padding:8px 11px}.masthead.svelte-g5nack h1:where(.svelte-g5nack){font-size:1.3rem}.masthead.svelte-g5nack p:where(.svelte-g5nack){display:none}.controls.svelte-g5nack{max-height:38dvh}}@media(forced-colors:active){.slider.svelte-g5nack input:where(.svelte-g5nack){appearance:auto}}