@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap";*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}canvas,svg{user-select:none;-webkit-user-select:none}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button;user-select:none;-webkit-user-select:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--spacing: .25rem;--space-h: calc(var(--spacing) * .5);--space-1: var(--spacing);--space-2: calc(var(--spacing) * 2);--space-3: calc(var(--spacing) * 3);--space-4: calc(var(--spacing) * 4);--space-5: calc(var(--spacing) * 5);--space-6: calc(var(--spacing) * 6);--space-7: calc(var(--spacing) * 7);--space-8: calc(var(--spacing) * 8)}:root{--round: 100vh}:root{--neutral-50: oklch(98.5% 0 0);--neutral-100: oklch(97% 0 0);--neutral-200: oklch(92.2% 0 0);--neutral-300: oklch(87% 0 0);--neutral-400: oklch(70.8% 0 0);--neutral-500: oklch(55.6% 0 0);--neutral-600: oklch(43.9% 0 0);--neutral-700: oklch(37.1% 0 0);--neutral-800: oklch(26.9% 0 0);--neutral-900: oklch(20.5% 0 0);--neutral-950: oklch(14.5% 0 0)}body{background-color:var(--neutral-100);&[data-theme=dark]{background-color:#000}}:root{interpolate-size:allow-keywords}body{overflow:hidden;overscroll-behavior:none}*{font-family:Inter;font-variant-numeric:tabular-nums;scrollbar-color:#5558 transparent}._layout_1xyzm_1{height:100dvh;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;grid-template-areas:"sidebar viewport" "sidebar viewport-controls";overflow:hidden;isolation:isolate}._canvas-container_1xyzm_15{grid-area:viewport;grid-row-end:viewport-controls;overflow:hidden;z-index:-1;touch-action:none;&:not(._fullscreen_1xyzm_24){margin-left:-.4rem}}._canvas_1xyzm_15{image-rendering:pixelated}._labeled-input_1xyzm_33{display:contents;& span{user-select:none;-webkit-user-select:none}}._sidebar_1xyzm_42{grid-area:sidebar;width:26rem;display:flex;flex-direction:column;padding:var(--space-2);gap:var(--space-2);overflow-y:auto}._no-select_1xyzm_52{user-select:none;-webkit-user-select:none}._select_1xyzm_57{border-radius:var(--space-1);outline:none;margin:0;padding:.25rem;color:var(--neutral-600);background-color:var(--neutral-100);&:hover,&:focus-within{color:#000}[data-theme=dark] &{color:var(--neutral-400);background-color:var(--neutral-900);&:hover,&:focus-within{color:#fff}}}._action-buttons_1xyzm_82{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-2)}._button-card_1xyzm_88._button-card_1xyzm_88{display:flex;padding:0;align-items:stretch;flex-direction:column;background:none;&:hover{background-color:#fff}[data-theme=dark] &{&:hover{background:none}}}._add-flame-button_1xyzm_106{display:flex;align-items:center;justify-content:center;appearance:none;border:none;background:none;height:4rem;padding:1rem;cursor:pointer;color:var(--neutral-700);&:hover{color:#000}>svg{height:24px}[data-theme=dark] &{color:var(--neutral-400);&:hover{color:#fff}}}._add-transform-variation-button_1xyzm_134{display:flex;align-items:center;justify-content:center;appearance:none;border:none;background:none;height:2rem;padding:1rem;cursor:pointer;color:var(--neutral-700);&:hover{color:#000}>svg{height:24px}[data-theme=dark] &{color:var(--neutral-400);&:hover{color:#fff}}}._delete-flame-button_1xyzm_162{border:none;border-radius:var(--round);position:absolute;top:var(--space-h);right:var(--space-h);width:.8rem;height:.8rem;display:flex;align-items:center;justify-content:center;background-color:transparent;cursor:pointer;color:var(--neutral-600);&:hover{color:#000}[data-theme=dark] &{color:var(--neutral-500);&:hover{color:#fff}}}._transform-grid_1xyzm_189{display:grid;align-items:center;justify-items:stretch;border:2px solid;border-radius:var(--space-3);font-size:small;padding:var(--space-3);gap:var(--space-3);position:relative;color:var(--neutral-600);border-color:var(--neutral-200);background-color:#fff;[data-theme=dark] &{color:var(--neutral-400);border-color:var(--neutral-900);background-color:var(--neutral-950)}}._transform-grid-first-row_1xyzm_212{padding-top:var(--space-2)}._transform-grid-row_1xyzm_216{display:grid;grid-template-columns:1fr 1.5fr .5fr;justify-items:stretch;gap:var(--space-3);font-size:small;align-items:center;position:relative}._delete-variation-button_1xyzm_230{top:-.5rem;right:-.5rem;border:none;border-radius:var(--round);position:absolute;width:.8rem;height:.8rem;cursor:pointer;color:var(--neutral-600);&:hover{color:#000}[data-theme=dark] &{color:var(--neutral-500);&:hover{color:#fff}}}._variation-button_1xyzm_254{background:linear-gradient(135deg,#555,#444);color:#fff;border:none;padding:.3rem;border-radius:4px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden}._variation-button_1xyzm_254:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}._variation-button_1xyzm_254:hover:before{left:100%}._variation-button-text_1xyzm_286{pointer-events:none}._variation-button-svg-color_1xyzm_290{top:0;left:0;position:absolute;pointer-events:none;transform-origin:center}._variation-button-color_1xyzm_298{filter:drop-shadow(0 1px 2px black)}._variation-button-color-circle_1xyzm_302{r:.3rem;cx:.6rem;cy:.6rem;fill:var(--color);stroke:#fff;stroke-width:1px;transition:r .25s}._affine-editor_1xyzm_312{min-height:25vh}._editor-card_ur0fd_1{display:grid;grid-template-areas:"overlap";border-radius:var(--space-3);overflow:hidden;min-height:25vh;touch-action:none;>*{grid-area:overlap}}._canvas_ur0fd_16{z-index:-1;image-rendering:pixelated}._svg_ur0fd_21{width:100%;height:100%}._handle_ur0fd_26{cursor:grab;filter:drop-shadow(0 1px 2px black);&:hover:not(:active) ._handle-circle_ur0fd_30{r:.4rem}&:active{cursor:grabbing}}._handle-circle_ur0fd_30{r:.3rem;fill:var(--color);stroke:#fff;stroke-width:1px;transition:r .25s}._handle-circle-grab-area_ur0fd_47{r:.6rem;fill:transparent;pointer-events:all}._editor-card_1e6nq_1{display:grid;grid-template-areas:"overlap";border-radius:var(--space-3);overflow:hidden;touch-action:none;>*{grid-area:overlap}}._canvas_1e6nq_15{z-index:-1;image-rendering:pixelated}._svg_1e6nq_20{width:100%;height:100%}._handle_1e6nq_25{cursor:grab;filter:drop-shadow(0 1px 2px black);&:hover:not(:active) ._handle-circle_1e6nq_29{r:.4rem}&:active{cursor:grabbing}}._handle-circle_1e6nq_29{r:.3rem;fill:var(--color);stroke:#fff;stroke-width:1px;transition:r .25s}._handle-circle-grab-area_1e6nq_46{r:.6rem;fill:transparent;pointer-events:all}._handle-box_1e6nq_53{--color: var(--neutral-400);--color-hover: black;[data-theme=dark] &{--color: var(--neutral-400);--color-hover: white}}._handle-box_1e6nq_53{:where(& path){fill:none;stroke:var(--color);stroke-linejoin:round;stroke-linecap:round;stroke-width:1px;vector-effect:non-scaling-stroke}:where(&:hover path){stroke:var(--color-hover)}}._handle-box-grab-area_1e6nq_78{fill:none;stroke:transparent;stroke-linejoin:round;stroke-linecap:round;stroke-width:.5rem;vector-effect:non-scaling-stroke;cursor:nesw-resize;pointer-events:all}._dashed_1e6nq_91{stroke-dasharray:5px 3px}._arrow-head_1e6nq_95{fill:#000;[data-theme=dark] &{fill:#fff}}._button_1ijgd_1{--radius: var(--space-1);--color: var(--neutral-600);--color-disabled: var(--neutral-400);--bg-color: var(--neutral-100);--hover-color: black;--hover-bg-color: white;[data-theme=dark] &{--color: var(--neutral-400);--color-disabled: var(--neutral-600);--bg-color: var(--neutral-950);--hover-color: white;--hover-bg-color: var(--neutral-900)}}._button_1ijgd_1{color:var(--color);background-color:var(--bg-color);align-items:center;justify-content:center;border:none;border-radius:var(--radius);padding:var(--space-2);line-height:1;font-size:small;user-select:none;-webkit-user-select:none;&:not(:has(svg)){padding-inline:var(--space-3)}&:not(:disabled){cursor:pointer}&:disabled{color:var(--color-disabled)}&:active:not(:disabled){box-shadow:inset 0 0 0 1px #aaa}&:is(:hover,._active_1ijgd_48):not(:disabled){color:var(--hover-color);background-color:var(--hover-bg-color)}>svg{box-sizing:content-box;width:16px;padding:var(--space-2);margin:calc(-1 * var(--space-2))}}._button-group_1ijgd_61{--shadow-color: #0003;--radius: var(--space-1);[data-theme=dark] &{--shadow-color: #000a}}._button-group_1ijgd_61{display:flex;align-items:stretch;border-radius:var(--space-1);user-select:none;box-shadow:0 0 2.5px 1px var(--shadow-color);>._button_1ijgd_1{border-radius:0;&:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}&:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}}}._checkbox_n7pp2_1{--color: var(--neutral-500);--color-hover: black;--border-color: var(--neutral-500);--border-color-hover: black;--check-color: white;[data-theme=dark] &{--color: var(--neutral-400);--color-hover: white;--border-color: var(--neutral-700);--border-color-hover: var(--neutral-500);--check-color: black}}._checkbox_n7pp2_1{appearance:none;outline:none;margin:0;width:1.2em;height:1.2em;border:2px solid var(--border-color);border-radius:var(--space-1);display:grid;place-items:center;cursor:pointer;&:hover:not(:disabled){--color: var(--color-hover);--border-color: var(--border-color-hover)}&:before{content:"";display:block;width:1em;height:1em;opacity:0;background-color:var(--color);mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11"><path d="M 2.5 5.5 L 4.5 7.5 L 8.5 3" fill="none" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')}&:checked{border:none;background:linear-gradient(to bottom,var(--color),oklab(from var(--color) calc(l*.8) a b));background-size:cover;&:before{opacity:1;background-color:var(--check-color)}}}._color-picker_h4qn7_1{border:2px solid;border-radius:var(--space-2);padding:0;&::-webkit-color-swatch-wrapper{padding:0}&::-webkit-color-swatch{border:none}&._transparent_h4qn7_13::-webkit-color-swatch{display:none}border-color:var(--neutral-300);&:hover,&:focus{border-color:var(--neutral-500)}[data-theme=dark] &{border-color:var(--neutral-800);&:hover,&:focus{border-color:var(--neutral-600)}}}._content_1msjl_1{display:grid;grid-template-columns:1fr 1.5fr .5fr;align-items:center;justify-items:stretch;padding:var(--space-3);gap:var(--space-3);border:2px solid;border-radius:var(--space-3);font-size:small;position:relative;color:var(--neutral-600);border-color:var(--neutral-200);background-color:#fff;[data-theme=dark] &{color:var(--neutral-400);border-color:var(--neutral-900);background-color:var(--neutral-950)}}._dropzone_fwjhe_1{--color: var(--neutral-800);[data-theme=dark] &{--color: var(--neutral-200)}}._dropzone_fwjhe_1:before{content:"";position:absolute;display:none;inset:0;background-color:rgb(from var(--color) r g b / 25%);opacity:.3;z-index:1;box-shadow:inset 0 0 10vh 5vh var(--color);pointer-events:none}._dropzone_fwjhe_1._dropping_fwjhe_21:before{display:block}._fallback_zca1e_4{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Orbitron,Segoe UI,sans-serif;background:radial-gradient(circle at center,#012,#000 70%);color:#0ff;overflow:hidden;text-align:center;padding:2rem}._content_zca1e_19{position:relative;z-index:2;max-width:720px}._title_zca1e_25{font-size:4.5rem;margin-bottom:1rem;background:linear-gradient(90deg,#0ff,#0f9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(0,255,255,.5)}._text_zca1e_35{font-size:1.3rem;line-height:1.6;margin-bottom:1.5rem;opacity:.9}._btn_zca1e_42{display:inline-block;padding:14px 36px;font-size:1.2rem;font-weight:700;color:#000;background:#0ff;border-radius:50px;text-decoration:none;box-shadow:0 0 30px #0ff9;transition:all .3s ease}._btn_zca1e_42:hover{transform:translateY(-4px);box-shadow:0 0 50px #00ffffe6}._hint_zca1e_60{margin-top:3rem;font-size:.9rem;opacity:.6}@keyframes _pulse_zca1e_1{0%,to{opacity:.12;transform:scale(1)}50%{opacity:.2;transform:scale(1.05)}}@media(max-width:640px){._title_zca1e_25{font-size:3rem}._text_zca1e_35{font-size:1.1rem}}._github-link_zca1e_88{--color-hover: black;[data-theme=dark] &{--color-hover: white}}._github-link_zca1e_88{display:inline-flex;gap:var(--space-2);color:currentColor;&:hover{color:var(--color-hover)}>svg{display:inline;width:1.5rem;fill:currentColor}}._label_im04z_1{--color: var(--neutral-600);--hover-color: black;--track-color-filled: var(--neutral-400);--track-color-empty: var(--neutral-200);[data-theme=dark] &{--color: var(--neutral-400);--hover-color: white;--track-color-filled: var(--neutral-600);--track-color-empty: var(--neutral-800)}}._label_im04z_1 span{user-select:none;-webkit-user-select:none}._label_im04z_1{display:contents;color:var(--color);&:hover,&:focus-within{--color: var(--hover-color)}}._slider-wrapper_im04z_30{display:flex;position:relative;min-height:20px;&:before{display:block;position:absolute;border-radius:var(--round);content:"";height:4px;left:0;right:0;top:calc(50% - 2px);z-index:0;background:linear-gradient(to right,var(--track-color-filled),var(--track-color-filled) var(--fill-percent),var(--track-color-empty) var(--fill-percent))}}._value_im04z_56{justify-self:end}._slider_im04z_30{appearance:none;background:transparent;outline:none;margin:0;flex:1 1 auto;position:relative;z-index:1;height:20px;scroll-margin-block:8rem;&::-moz-range-track{background:transparent;border:none;height:100%}&::-webkit-slider-runnable-track{background:transparent;border:none;height:100%}&::-moz-range-thumb{appearance:none;width:14px;height:14px;border-radius:var(--round);cursor:pointer;margin-top:.18rem;background:linear-gradient(to bottom,oklab(from var(--color) calc(l + .2) a b),var(--color))}&::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:var(--round);cursor:pointer;margin-top:.18rem;background:linear-gradient(to bottom,oklab(from var(--color) calc(l + .2) a b),var(--color))}[data-theme=dark] &::-moz-range-thumb{background:linear-gradient(to bottom,var(--color),oklab(from var(--color) calc(l*.75) a b))}[data-theme=dark] &::-webkit-slider-thumb{background:linear-gradient(to bottom,var(--color),oklab(from var(--color) calc(l*.75) a b))}}._align-label-right_3u8ax_1>span{justify-self:flex-end}._label_7l4e0_1{--color: var(--neutral-600);--hover-color: black;--track-color: var(--neutral-100);--track-border-color: var(--neutral-300);[data-theme=dark] &{--color: var(--neutral-400);--hover-color: white;--track-color: var(--neutral-800);--track-border-color: var(--neutral-700)}}._label_7l4e0_1 span{user-select:none}._label_7l4e0_1{display:contents;color:var(--color);&:hover,&:focus-within{--color: var(--hover-color)}}._name_7l4e0_29,._value_7l4e0_33{justify-self:end}._label_16y83_1{--color: var(--neutral-600);--hover-color: black;--track-color: var(--neutral-100);--track-border-color: var(--neutral-300);[data-theme=dark] &{--color: var(--neutral-400);--hover-color: white;--track-color: var(--neutral-800);--track-border-color: var(--neutral-700)}}._label_16y83_1 span{user-select:none}._label_16y83_1{display:contents;color:var(--color);&:hover,&:focus-within{--color: var(--hover-color)}}._name_16y83_29,._value_16y83_33{justify-self:end}._track_16y83_37{position:relative;width:36px;height:36px;border-radius:var(--round);background:var(--track-color);border:2px solid var(--track-border-color);cursor:pointer;outline:none;touch-action:none;scroll-margin-block:8rem}._indicator_16y83_52{position:absolute;width:100%;height:100%;transform-origin:center;rotate:calc(-1 * var(--angle))}._line_16y83_60{position:absolute;top:50%;height:2px;width:50%;background:linear-gradient(to right,transparent,var(--color) 50%);left:50%;translate:0 -50%;border-radius:50%}._dot_16y83_71{position:absolute;width:12px;height:12px;border-radius:var(--round);top:50%;right:0;transform:translate(50%,-50%) rotate(calc(var(--angle)));cursor:grab;background:linear-gradient(to bottom,oklab(from var(--color) calc(l + .2) a b),var(--color));[data-theme=dark] &{background:linear-gradient(to bottom,var(--color),oklab(from var(--color) calc(l*.75) a b))}&:active{cursor:grabbing}}._bar_w9a1p_1{display:flex;justify-content:space-between;color:var(--neutral-950);[data-theme=dark] &{color:var(--neutral-300)}}._title_w9a1p_11{display:flex;align-items:center;gap:var(--space-3)}._close-button_w9a1p_17{margin:calc(-1 * var(--space-1))}._gallery_18hx3_1{--item-text-color: var(--neutral-700);--item-text-color-hover: black;--item-title-bg-color: #fffb;--item-border-color: var(--neutral-200);--item-border-color-hover: var(--neutral-400);[data-theme=dark] &{--item-text-color: var(--neutral-400);--item-text-color-hover: white;--item-title-bg-color: rgb(from var(--neutral-900) r g b / 80%);--item-border-color: var(--neutral-800);--item-border-color-hover: var(--neutral-600)}}._gallery_18hx3_1{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:.5rem;max-width:65rem;justify-items:stretch}._undo-message_18hx3_25{font-style:italic;font-size:small;color:var(--neutral-500);margin-left:var(--space-3)}._item_18hx3_32{padding:0;margin:0;position:relative;overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--item-border-color);border-radius:.5rem;cursor:pointer;background:none;color:var(--item-text-color);&:hover{color:var(--item-text-color-hover);border:1px solid var(--item-border-color-hover)}}._item-title_18hx3_50{position:absolute;width:100%;bottom:0;padding-inline:.5rem;padding-block:.25rem;background-color:var(--item-title-bg-color);font-size:small}._root_18teu_1{isolation:isolate;contain:strict}._modal_18teu_6{--text-color: var(--neutral-700);--bg-color: white;--border-color: var(--neutral-200);[data-theme=dark] &{--text-color: var(--neutral-400);--bg-color: var(--neutral-950);--border-color: var(--neutral-700)}}@keyframes _fade-in_18teu_1{0%{opacity:0}to{opacity:1}}._modal_18teu_6{display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-4);border-radius:var(--space-4);border:2px solid var(--border-color);white-space:break-spaces;background-color:var(--bg-color);color:var(--text-color);margin:auto;view-transition-name:modal;opacity:0;animation:_fade-in_18teu_1 .4s forwards;outline:none}::backdrop{backdrop-filter:contrast(50%) blur(10px);opacity:0;animation:_fade-in_18teu_1 .4s forwards}._pill_1ozau_1{--color: var(--neutral-600);--hover-color: var(--neutral-300);--selected-color: var(--neutral-600);--track-color-filled: var(--neutral-400);--track-color-empty: var(--neutral-200);[data-theme=dark] &{--color: var(--neutral-400);--hover-color: var(--neutral-700);--selected-color: var(--neutral-400);--track-color-filled: var(--neutral-700);--track-color-empty: var(--neutral-800)}}._pills-container_1ozau_17{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);grid-column:span 2;overflow:hidden}._pill_1ozau_1{position:relative;padding:var(--space-1) var(--space-1);min-width:3rem;z-index:1;color:var(--color);border-radius:4px;cursor:pointer;text-align:center;text-transform:uppercase;user-select:none;background:linear-gradient(to right,var(--track-color-filled),var(--track-color-filled) var(--fill-percent),var(--track-color-empty) var(--fill-percent))}._selected-pill_1ozau_47{color:var(--selected-color);border:solid 1px var(--track-color-filled)}._pill_1ozau_1:not(._selected-pill_1ozau_47):hover{background:transparent}._pill_1ozau_1:not(._selected-pill_1ozau_47):hover{background-color:var(--hover-color)}._container_17n7d_1{display:flex;flex-direction:column;gap:.5rem;word-break:break-all;width:30rem}._footer_17n7d_9{display:flex;gap:var(--space-2);justify-content:end}._gallery_7i7jb_1{--item-text-color: var(--neutral-700);--item-text-color-hover: black;--item-title-bg-color: #fffb;--item-border-color: var(--neutral-200);--item-border-color-hover: var(--neutral-400);[data-theme=dark] &{--item-text-color: var(--neutral-400);--item-text-color-hover: white;--item-title-bg-color: rgb(from var(--neutral-900) r g b / 80%);--item-border-color: var(--neutral-800);--item-border-color-hover: var(--neutral-600)}}._variation-preview_7i7jb_17{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr auto;grid-template-areas:"variations flame" "variation-options flame";width:90vw;gap:var(--space-3);overflow:hidden}._modal-no-scroll_7i7jb_29{overflow:hidden}._variation-selector-sidebar_7i7jb_33{display:flex;flex-direction:column;overflow-y:auto;grid-area:variations}._variation-selector-sidebar-options_7i7jb_41{grid-area:variation-options;display:flex;flex-direction:column;gap:var(--space-4)}._gallery_7i7jb_1{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,auto));gap:.2rem;justify-items:stretch;padding-bottom:var(--space-3)}._affine-editor_7i7jb_56{max-height:25vh}._sentinel_7i7jb_60{min-height:2rem}._undo-message_7i7jb_64{font-style:italic;font-size:small;color:var(--neutral-500)}._item_7i7jb_70{display:block;width:100%;position:relative;overflow:hidden;aspect-ratio:16 / 9;border:2px solid var(--item-border-color);border-radius:.5rem;cursor:pointer;background:none;color:var(--item-text-color);&:hover{color:var(--item-text-color-hover);border:2px solid var(--item-border-color-hover)}&._selected_7i7jb_87{background:#1a1a1a;border-radius:.5rem;border:2px solid transparent;[data-theme=dark] &{background:linear-gradient(45deg,transparent 0%,#c98e21 20%,#c98e21 80%,transparent 100%) border-box}background:linear-gradient(45deg,#00bfff 20% 80%) border-box}}._preview-title_7i7jb_106{display:flex;align-items:center}._item-title_7i7jb_111{position:absolute;width:100%;bottom:0;padding-inline:.5rem;padding-block:.25rem;background-color:var(--item-title-bg-color);font-size:small}._item-params_7i7jb_121{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);font-size:small;align-items:center;justify-items:stretch;>:first-child{justify-self:start}>label>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}}._canvas_7i7jb_142{image-rendering:pixelated;touch-action:none}._flame-preview_7i7jb_148{grid-area:flame;display:grid;grid-template-rows:1fr auto;grid-template-areas:"preview" "preview-controls";overflow:hidden;isolation:isolate}._flame-preview-flame_7i7jb_161{z-index:-1;grid-area:preview;grid-row-end:preview-controls}._flame-preview-controls_7i7jb_167{grid-area:preview-controls;display:flex;padding:var(--space-2);gap:var(--space-2);isolation:isolate}._debug-info_17abx_1{--color: var(--neutral-500);--color-hover: black;--bg-color: #fffd;[data-theme=dark] &{--color: var(--neutral-600);--color-hover: #c34545;--bg-color: #000d}}._debug-info_17abx_1{position:absolute;color:var(--color);padding-inline:var(--space-2);padding-block:var(--space-1);line-height:1;right:0;top:0;font-size:small;border-bottom-left-radius:var(--space-2);background-color:var(--bg-color);cursor:pointer;z-index:-1;text-align:end;&:hover{color:var(--color-hover)}user-select:none;-webkit-user-select:none}._help-modal_ii3t0_1{width:30rem}._section-title_ii3t0_5{margin-bottom:calc(-1 * var(--space-2))}._shortcuts-grid_ii3t0_9{--row-even-bg-color: transparent;--row-odd-bg-color: var(--neutral-50);[data-theme=dark] &{--row-odd-bg-color: var(--neutral-900)}}._shortcuts-grid_ii3t0_9{display:grid;font-size:smaller;grid-template-columns:auto auto;align-items:stretch;>:where(:nth-child(odd)) *{background-color:var(--row-even-bg-color)}>:where(:nth-child(2n)) *{background-color:var(--row-odd-bg-color)}}._shortcut-row_ii3t0_33{display:contents}._shortcut-description_ii3t0_37{display:flex;align-items:center;color:var(--neutral-500);padding-left:var(--space-3)}._key-combinations_ii3t0_44{display:flex;padding:var(--space-2);gap:var(--space-2)}._key-combination_ii3t0_44{--color: var(--neutral-600);--bg-color: var(--neutral-100);--shadow-color: var(--neutral-300);[data-theme=dark] &{--color: var(--neutral-400);--bg-color: var(--neutral-800);--shadow-color: black}}._key-combination_ii3t0_44{color:var(--color);background-color:var(--bg-color);border-radius:var(--space-1);padding-inline:var(--space-2);padding-block:var(--space-1);box-shadow:0 2px 2px var(--shadow-color)}._gpu-information_ii3t0_71{font-size:small;color:var(--neutral-500);padding-inline-start:var(--space-3)}._github-link_ii3t0_77{--color-hover: black;[data-theme=dark] &{--color-hover: white}}._github-link_ii3t0_77{display:inline-flex;gap:var(--space-2);color:currentColor;&:hover{color:var(--color-hover)}>svg{display:inline;width:1.5rem;fill:currentColor}}._question-mark_17788_1{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--round);border:1px solid currentColor;width:1.25em;height:1.25em}._appInfo_yernp_1,._version_yernp_2{--color: var(--neutral-500);--color-hover: black;--bg-color: #fffd;[data-theme=dark] &{--color: var(--neutral-600);--color-hover: white;--bg-color: #000d}}._appInfo_yernp_1{position:absolute;color:var(--color);padding-inline:var(--space-2);padding-block:var(--space-1);line-height:1;right:0;top:0;font-size:small;border-bottom-left-radius:var(--space-2);background-color:var(--bg-color);cursor:pointer;z-index:-1;text-align:end;&:hover{color:var(--color-hover)}}._version_yernp_2{position:absolute;color:var(--color);padding-inline:var(--space-2);padding-block:var(--space-1);line-height:1;right:0;bottom:0;font-size:small;border-top-left-radius:var(--space-2);background-color:var(--bg-color);cursor:pointer;z-index:-1;&:hover{color:var(--color-hover)}}._view-controls_1caa4_1{grid-area:viewport-controls;display:flex;padding:var(--space-2);gap:var(--space-2);isolation:isolate}