*{box-sizing:border-box}[hidden]{display:none!important}:root{--panel-width:320px;--control-height:26px;--radius:3px;--hairline:.5px;--accent:#f2690d;--panel-background:#7f7f7f;--text:#0f0f0f;--text-muted:#242424;--field-background:#545454;--field-background-hover:#616161;--field-background-active:#4a4a4a;--field-text:#f0f0f0;--field-text-muted:#b3b3b3;--field-border:#3d3d3d;--field-border-hover:#1a1a1a;--track-color:#545454;--thumb-placeholder:#424242;--cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 1l8 8M9 1l-8 8' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E");accent-color:var(--accent)}@media (pointer:coarse){:root{--control-height:34px}}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}html{color:var(--text);font-family:system-ui,sans-serif}html:has(dialog[open]){overflow:hidden}html,body{width:100vw;height:100vh;margin:0;padding:0}body{background:var(--panel-background)}input,button{font:inherit;color:inherit;touch-action:manipulation}canvas{display:block;box-shadow:0 0 4px #0006}.controls{width:var(--panel-width);border-radius:0 0 0 var(--radius);overscroll-behavior:contain;background-color:var(--panel-background);flex-direction:column;gap:12px;max-width:calc(100% - 10px);max-height:100%;padding:8px;display:flex;position:fixed;top:0;right:0;overflow-y:auto}.controls__credit{color:var(--text-muted);font-size:10px}.controls__credit a{color:inherit;-webkit-text-decoration-color:var(--field-border);text-decoration-color:var(--field-border);text-underline-offset:2px}.controls__credit a:hover{color:var(--text);text-decoration-color:currentColor}.controls__section{flex-direction:column;gap:4px;display:flex}.controls__section_columns{grid-template-columns:1fr 1fr;gap:6px;display:grid}.controls__label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:8px;font-weight:600}.controls__header{justify-content:space-between;align-items:baseline;display:flex}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.chain-reset{cursor:pointer;background:0 0;border:none;padding:0}.chain-reset:hover{color:var(--text)}.chain{flex-wrap:wrap;gap:4px;display:flex;position:relative}.chain__marker{background:var(--accent);pointer-events:none;border-radius:1px;width:2px;margin-left:-1px;position:absolute}.chain:empty{display:none}.chip{border:var(--hairline) solid var(--field-border);border-radius:var(--radius);background:var(--field-background);height:18px;color:var(--field-text);cursor:pointer;align-items:center;padding:0 5px;font-size:10px;line-height:1.2;display:inline-flex}@media (pointer:coarse){.chip{height:24px;padding:0 7px}}.chip:hover{border-color:var(--field-border-hover)}.chain__step{background:color-mix(in srgb, var(--field-background), var(--accent) 15%);touch-action:none;-webkit-user-select:none;user-select:none}.chain__step_dragging{border-color:var(--field-border-hover);cursor:grabbing;box-shadow:0 2px 6px #00000059}.chain__step_pending{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.chain__step_filter:after{content:"";background:var(--field-text-muted);width:6px;height:6px;-webkit-mask:var(--cross) center / contain no-repeat;-webkit-mask:var(--cross) center / contain no-repeat;mask:var(--cross) center / contain no-repeat;margin-left:6px}.chain__step_filter:hover:after{background:var(--field-text)}.chain-menu{border:var(--hairline) solid var(--field-border);border-radius:var(--radius);margin-top:2px;padding:8px}.chain-menu__filters,.chain-menu__adjust{flex-direction:column;gap:10px;display:flex}.chain-menu__list{flex-wrap:wrap;gap:4px;display:flex}.chain-menu__actions{justify-content:flex-end;gap:6px;margin-top:2px;display:flex}.chain-menu__remove{margin-right:auto}.adjustment{flex-direction:column;gap:2px;display:flex}.adjustment__header{justify-content:space-between;align-items:baseline;display:flex}.adjustment__value{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:11px}.adjustment__input{--thumb-size:14px;--track-height:3px;--value:.5;--origin:.5;--value-at:calc(var(--thumb-size) / 2 + (100% - var(--thumb-size)) * var(--value));--origin-at:calc(var(--thumb-size) / 2 + (100% - var(--thumb-size)) * var(--origin));--track:linear-gradient(to right, var(--track-color) min(var(--value-at), var(--origin-at)), var(--accent) 0 max(var(--value-at), var(--origin-at)), var(--track-color) 0);appearance:none;height:var(--thumb-size);cursor:pointer;background:0 0;width:100%;margin:0;display:block}.adjustment__input:focus-visible{outline:none}.adjustment__input::-webkit-slider-runnable-track{height:var(--track-height);border-radius:calc(var(--track-height) / 2);background:var(--track)}.adjustment__input::-moz-range-track{height:var(--track-height);border-radius:calc(var(--track-height) / 2);background:var(--track)}.adjustment__input::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--thumb-size);height:var(--thumb-size);margin-top:calc((var(--track-height) - var(--thumb-size)) / 2);border:var(--hairline) solid var(--field-border);background:var(--field-background);border-radius:50%;transition:transform .1s;box-shadow:0 1px 2px #0000004d}.adjustment__input::-moz-range-thumb{box-sizing:border-box;width:var(--thumb-size);height:var(--thumb-size);border:var(--hairline) solid var(--field-border);background:var(--field-background);border-radius:50%;transition:transform .1s;box-shadow:0 1px 2px #0000004d}.adjustment__input:hover::-webkit-slider-thumb{border-color:var(--field-border-hover)}.adjustment__input:hover::-moz-range-thumb{border-color:var(--field-border-hover)}.adjustment__input:active::-webkit-slider-thumb{transform:scale(1.15)}.adjustment__input:active::-moz-range-thumb{transform:scale(1.15)}.adjustment__input:focus-visible::-webkit-slider-thumb{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.adjustment__input:focus-visible::-moz-range-thumb{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}@media (pointer:coarse){.adjustment__input{--thumb-size:16px;height:28px;margin:-6px 0}}.stepper{height:var(--control-height);border:var(--hairline) solid var(--field-border);border-radius:var(--radius);background:var(--field-background);color:var(--field-text);display:flex;overflow:hidden}.stepper:hover{border-color:var(--field-border-hover)}.stepper:has(.stepper__input:focus){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.stepper__input{font-variant-numeric:tabular-nums;text-align:center;background:0 0;border:none;flex:1;min-width:0;padding:0 4px;font-size:12px}.stepper__input:focus-visible{outline:none}.stepper__button{width:var(--control-height);color:var(--field-text-muted);cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:14px;line-height:1}.stepper__button:hover{background:var(--field-background-hover);color:var(--field-text)}.stepper__button:active{background:var(--field-background-active)}.stepper__button:focus-visible{outline-offset:-2px}.button{height:var(--control-height);border:var(--hairline) solid var(--field-border);border-radius:var(--radius);background:var(--field-background);color:var(--field-text);cursor:pointer;padding:0 10px;font-size:12px;font-weight:500}.button:hover{border-color:var(--field-border-hover);background:var(--field-background-hover)}.button:active{background:var(--field-background-active)}.button_primary{font-weight:600}.src-button{width:100%;height:var(--control-height);border:var(--hairline) solid var(--field-border);border-radius:var(--radius);background:var(--field-background);color:var(--field-text);text-align:left;cursor:pointer;align-items:center;gap:8px;padding:2px 8px 2px 2px;font-size:12px;display:flex}.src-button:hover{border-color:var(--field-border-hover)}.src-button:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:6px;height:6px;transform:translateY(-2px)rotate(45deg)}.src-button__thumb{aspect-ratio:1;object-fit:cover;background:var(--thumb-placeholder);flex:none;height:100%;display:block}.src-button__name{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-variant-caps:all-small-caps;overflow:hidden}.input{width:100%;min-width:0;height:var(--control-height);border:var(--hairline) solid var(--field-border);border-radius:var(--radius);background:var(--field-background);color:var(--field-text);font-variant-numeric:tabular-nums;appearance:textfield;padding:0 8px;font-size:12px}.input::placeholder{color:var(--field-text-muted);opacity:1}.input:hover{border-color:var(--field-border-hover)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.input:focus-visible{outline:none}.input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dialog{--dialog-transition:.15s ease-out;--dialog-away:translateY(6px) scale(.98);border-radius:var(--radius);background:var(--panel-background);max-height:min(720px,100vh - 32px);color:inherit;opacity:0;transform:var(--dialog-away);transition:opacity var(--dialog-transition), transform var(--dialog-transition), display var(--dialog-transition) allow-discrete, overlay var(--dialog-transition) allow-discrete;border:none;padding:0;box-shadow:0 8px 32px #0006}.dialog[open]{opacity:1;transform:none}@starting-style{.dialog[open]{opacity:0;transform:var(--dialog-away)}}.dialog::backdrop{transition:background-color var(--dialog-transition), display var(--dialog-transition) allow-discrete, overlay var(--dialog-transition) allow-discrete;background-color:#0000}.dialog[open]::backdrop{background-color:#00000073}@starting-style{.dialog[open]::backdrop{background-color:#0000}}@media (prefers-reduced-motion:reduce){.dialog{--dialog-away:none}}.dialog__body{max-height:inherit;flex-direction:column;gap:8px;padding:6px 12px 12px;display:flex}.dialog__header{justify-content:space-between;align-items:center;display:flex}.dialog__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:24px;line-height:1}.dialog__close:hover{color:var(--text)}.size-dialog{width:min(300px,100vw - 32px)}.size-dialog__form{flex-direction:column;gap:12px;display:flex}.size-dialog__actions{justify-content:flex-end;display:flex}.image-picker{width:min(640px,100vw - 32px)}.image-picker__grid{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-auto-rows:max-content;gap:8px;min-height:0;padding:2px;scroll-padding:4px;display:grid;overflow-y:auto}.image-picker__item{border-radius:var(--radius);background:var(--field-background);min-width:0;color:var(--field-text);box-shadow:0 0 0 var(--hairline) var(--field-border);text-align:left;cursor:pointer;border:none;flex-direction:column;padding:0;display:flex;overflow:hidden}.image-picker__cell{display:flex;position:relative}.image-picker__cell .image-picker__item{flex:1}.image-picker__remove{border:var(--hairline) solid var(--field-border);border-radius:var(--radius);background:var(--field-background);width:20px;height:20px;color:var(--field-text-muted);cursor:pointer;opacity:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:4px;right:4px}.image-picker__remove:before{content:"";width:8px;height:8px;-webkit-mask:var(--cross) center / contain no-repeat;-webkit-mask:var(--cross) center / contain no-repeat;mask:var(--cross) center / contain no-repeat;background:currentColor}.image-picker__cell:hover .image-picker__remove,.image-picker__remove:focus-visible{opacity:1}.image-picker__remove:hover{border-color:var(--field-border-hover);color:var(--field-text)}@media (pointer:coarse){.image-picker__remove{opacity:1}}.image-picker__item:hover{box-shadow:0 0 0 var(--hairline) var(--field-border-hover)}.image-picker__item[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent)}.image-picker__thumb{aspect-ratio:1;object-fit:cover;background:var(--thumb-placeholder);width:100%;display:block}.image-picker__name{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;padding:4px 6px;font-size:13px;font-variant-caps:all-small-caps;overflow:hidden}.image-picker__item_upload .image-picker__thumb{border-bottom:1px dashed var(--field-text-muted);color:var(--field-text-muted);background:0 0;justify-content:center;align-items:center;font-size:32px;display:flex}