.editor_editor__8_J8I{--ink:#252a33;--muted:#69707c;--line:#d6dbe2;--panel:#f3f5f7;--canvas-bg:#dfe4e8;width:100%;height:100dvh;margin:0;display:flex;flex-direction:column;color:var(--ink);background:#fff;border:0;border-radius:0;overflow:hidden;box-shadow:0 16px 45px #18212d1c;font:14px/1.45 Arial,Helvetica,sans-serif}.editor_editor__8_J8I *{box-sizing:border-box}.editor_editor__8_J8I h1,.editor_editor__8_J8I h2,.editor_editor__8_J8I p{margin:0}.editor_editor__8_J8I button,.editor_editor__8_J8I input,.editor_editor__8_J8I select{font:inherit}.editor_editor__8_J8I button,.editor_editor__8_J8I input:not([type=range]):not([type=checkbox]),.editor_editor__8_J8I select{min-height:34px;padding:6px 10px;border:1px solid #bfc6cf;border-radius:5px;background:#fff;color:var(--ink)}.editor_editor__8_J8I button{cursor:pointer;transition:background .15s,border-color .15s}.editor_editor__8_J8I button:hover:not(:disabled){background:#edf1f4;border-color:#8c98a5}.editor_editor__8_J8I button:disabled{opacity:.4;cursor:default}.editor_editor__8_J8I button[aria-pressed=true]{color:#fff;border-color:#294d78;background:#35679d}.editor_editor__8_J8I :is(button,input,select,canvas):focus-visible{outline:3px solid #7ea5cf;outline-offset:2px}.editor_editor__8_J8I .editor_primary__mi3ro{background:#294f7e;color:#fff;border-color:#203d61}.editor_editor__8_J8I .editor_primary__mi3ro:hover:not(:disabled){background:#376c9f}.editor_editor__8_J8I>a{display:inline-block;position:absolute;transform:translateY(-2.4rem);color:var(--muted);font-size:.85rem}.editor_header__I9d4H{display:flex;flex-shrink:0;align-items:center;gap:16px;padding:6px 12px;color:#f3f7fb;background:linear-gradient(115deg,#1e344d,#315d83 60%,#233f5a)}.editor_header__I9d4H a{color:#d9e7f3;font-size:12px;white-space:nowrap}.editor_header__I9d4H h1{font:400 20px Georgia,serif;letter-spacing:.2px}.editor_header__I9d4H p{margin-top:3px;color:#c9d8e7;font-size:12px}.editor_header__I9d4H>span{margin-left:auto;padding:5px 9px;border:1px solid #c4d6e650;border-radius:4px;color:#e4edf5;font-size:12px}.editor_themeChoice__xnY_I{flex-direction:row!important;align-items:center;gap:6px!important;color:#d9e7f3!important;white-space:nowrap}.editor_themeChoice__xnY_I select{min-height:30px;padding:4px 7px;border-color:#b9cde0;background:#f1f6fa;color:#1e344d}.editor_workspace__iBg0a{flex:1;display:grid;grid-template-columns:230px minmax(0,1fr) 210px;grid-template-rows:auto minmax(0,1fr);min-height:0;min-width:0;margin:0;padding:0;border:0}.editor_topbar__VX4j6{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--line);background:#f8fafb}.editor_topbar__VX4j6>label{flex:1 1 200px;min-width:150px;color:var(--muted);font-size:11px}.editor_topbar__VX4j6>label input{width:100%;min-width:0;margin:0}.editor_editor__8_J8I .editor_topbar__VX4j6>label{flex-direction:row;align-items:center;white-space:nowrap;max-width:480px;margin-right:auto}.editor_body__s5KNM{display:contents}.editor_controls__bSQah,.editor_settings__yHgU7{display:flex;flex-direction:column;gap:9px;min-width:0;min-height:0;overflow:auto;padding:12px;background:var(--panel)}.editor_controls__bSQah{grid-column:1;grid-row:2;border-right:1px solid var(--line)}.editor_settings__yHgU7{grid-column:3;grid-row:2;border-left:1px solid var(--line)}.editor_controls__bSQah h2,.editor_settings__yHgU7 h2{font-size:12px;font-weight:600}.editor_settings__yHgU7 small{color:var(--muted);font-size:11px}.editor_tools__LObS8{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.editor_tools__LObS8 button{min-height:32px;padding:4px;font-size:12px}.editor_wheel__w9N4z{width:min(100%,150px);flex-shrink:0;aspect-ratio:1;align-self:center;position:relative;margin:2px auto 0;border-radius:50%;touch-action:none;cursor:crosshair;background:radial-gradient(circle closest-side,#808080,transparent 100%),conic-gradient(red,yellow,lime,cyan,blue,magenta,red);box-shadow:0 2px 5px #18212d2b}.editor_wheelShade__MovFy{position:absolute;inset:0;border-radius:50%;pointer-events:none}.editor_wheel__w9N4z span{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #15202c;transform:translate(-50%,-50%);pointer-events:none}.editor_editor__8_J8I label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:11px}.editor_editor__8_J8I input[type=range]{width:100%;accent-color:#35679d;cursor:pointer}.editor_color__O405G{display:flex;align-items:end;gap:8px}.editor_color__O405G label{flex:1;min-width:0}.editor_editor__8_J8I .editor_color__O405G input[type=color]{flex-shrink:0;width:38px;height:34px;padding:2px}.editor_editor__8_J8I .editor_color__O405G input[type=text]{width:100%;font-family:monospace}.editor_color__O405G code{color:var(--ink);font-size:12px}.editor_swatches__Yz3rd{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.editor_swatches__Yz3rd button{width:100%;min-height:26px;padding:0;border-color:#89939d}.editor_dimensions__flh2M{display:grid;grid-template-columns:1fr 1fr;gap:7px}.editor_dimensions__flh2M input{width:100%}.editor_controls__bSQah small{color:var(--muted);font-size:10px}.editor_drawing__kFRya{grid-column:2;grid-row:2;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--canvas-bg)}.editor_viewbar__YeVlr{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--line);background:#fff}.editor_viewbar__YeVlr label{flex-direction:row;align-items:center;gap:6px;margin-left:auto}.editor_viewbar__YeVlr label+label{margin-left:6px}.editor_stage__4CT1n{flex:1;display:flex;overflow:auto;min-height:0;padding:20px;background:var(--canvas-bg);background-image:radial-gradient(#ffffff18 1px,transparent 0);background-size:12px 12px}.editor_surface__K_YvO{margin:auto;position:relative;flex:0 0 auto;background:repeating-conic-gradient(#d8dde2 0 25%,#f7f9fa 0 50%) 0 /16px 16px;box-shadow:0 5px 18px #1c273333,0 0 0 1px #798591}.editor_surface__K_YvO canvas{display:block;image-rendering:pixelated;touch-action:none;cursor:crosshair}.editor_grid__QlINW{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#65727f38 1px,transparent 0),linear-gradient(180deg,#65727f38 1px,transparent 0)}.editor_cursor__5YzXv{position:absolute;display:none;pointer-events:none;border:1px solid #fff;outline:1px solid #1c2937}.editor_surface__K_YvO:focus-within .editor_cursor__5YzXv{display:block}.editor_hint__WAzlK{margin:0;padding:9px 14px;background:#fff}.editor_hint__WAzlK,.editor_status__ggUr_{color:var(--muted);font-size:11px;border-top:1px solid var(--line)}.editor_status__ggUr_{flex-shrink:0;min-height:24px;padding:4px 12px;background:#f8fafb}.editor_editor__8_J8I>.editor_hint__WAzlK{flex-shrink:0;padding:4px 12px;border-top:1px solid var(--line)}[data-theme=dark] .editor_editor__8_J8I{--ink:#e3e8ee;--muted:#aeb9c5;--line:#394653;--panel:#202a35;--canvas-bg:#17212b;background:#121a22;border-color:#3a4652;box-shadow:0 16px 45px #0008}[data-theme=dark] .editor_editor__8_J8I .editor_hint__WAzlK,[data-theme=dark] .editor_editor__8_J8I .editor_status__ggUr_,[data-theme=dark] .editor_editor__8_J8I .editor_topbar__VX4j6,[data-theme=dark] .editor_editor__8_J8I .editor_viewbar__YeVlr{background:#18222c}[data-theme=dark] .editor_editor__8_J8I button,[data-theme=dark] .editor_editor__8_J8I input:not([type=range]):not([type=checkbox]),[data-theme=dark] .editor_editor__8_J8I select{border-color:#536271;background:#26333f;color:var(--ink)}[data-theme=dark] .editor_editor__8_J8I button:hover:not(:disabled){background:#344553;border-color:#90a5b8}[data-theme=dark] .editor_editor__8_J8I .editor_primary__mi3ro,[data-theme=dark] .editor_editor__8_J8I button[aria-pressed=true]{background:#3e78b2;border-color:#75a9d6;color:#fff}[data-theme=dark] .editor_editor__8_J8I .editor_surface__K_YvO{background:repeating-conic-gradient(#2b343d 0 25%,#48535e 0 50%) 0 /16px 16px;box-shadow:0 5px 18px #0009,0 0 0 1px #8695a3}[data-theme=dark] .editor_editor__8_J8I .editor_grid__QlINW{background-image:linear-gradient(90deg,#dbe6ef38 1px,transparent 0),linear-gradient(180deg,#dbe6ef38 1px,transparent 0)}@media (min-width:801px) and (max-height:700px){.editor_wheel__w9N4z{width:110px}.editor_controls__bSQah{gap:5px;padding:8px}.editor_editor__8_J8I label{gap:2px}}@media (max-width:800px){.editor_editor__8_J8I{height:auto;min-height:100dvh;overflow:visible}.editor_editor__8_J8I>a{position:static;display:block;padding:10px 14px 0;transform:none;background:#1e344d;color:#d8e6f2}.editor_header__I9d4H{padding:6px 10px;flex-wrap:wrap;gap:8px}.editor_header__I9d4H h1{font-size:20px}.editor_header__I9d4H:before{width:32px;height:32px;font-size:17px}.editor_header__I9d4H>span{display:none}.editor_themeChoice__xnY_I{margin-left:auto}.editor_workspace__iBg0a{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;flex:none}.editor_topbar__VX4j6{order:0;padding:9px 12px}.editor_controls__bSQah{grid-column:1;grid-row:3;border-top:1px solid var(--line)}.editor_settings__yHgU7{grid-column:2;grid-row:3;border-top:1px solid var(--line)}.editor_wheel__w9N4z{width:min(100%,130px)}.editor_drawing__kFRya{grid-column:1/-1;grid-row:2;height:52dvh;min-height:280px}.editor_stage__4CT1n{min-height:0}.editor_viewbar__YeVlr label{margin-left:auto}}