:root{--ohmg-black:#1b1b1b;--ohmg-red:#cc4722;--ohmg-yellow:#ffbf35;--ohmg-blue:#94dbff;--ohmg-lilac:#b0afed;--ohmg-pink:#ff94c2;--ohmg-white:#fff;--ohmg-paper:#fafafa;--ohmg-rule:#1b1b1b;--ohmg-muted:#8a8a8a;--font-ui:"Inter", system-ui, sans-serif;--size-label:10px;--size-body:11px;--sidebar-w:220px;--panel-w:300px;--gutter:16px}body,html,#root{background:var(--ohmg-paper);color:var(--ohmg-black);font-family:var(--font-ui);font-size:var(--size-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;margin:0;padding:0}button,input{font-family:inherit;font-size:inherit;color:inherit}.editor{grid-template-columns:var(--sidebar-w) 1fr var(--panel-w);grid-template-rows:1fr;grid-template-areas:"sidebar canvas panel";width:100vw;height:100vh;display:grid}.editor__sidebar{border-right:1px solid var(--ohmg-rule);background:var(--ohmg-white);padding:var(--gutter);flex-direction:column;grid-area:sidebar;gap:20px;display:flex;overflow-y:auto}.editor__canvas-wrap{padding:var(--gutter);background:var(--ohmg-paper);grid-area:canvas;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.editor__canvas-wrap--dropping{outline:1px dashed var(--ohmg-black);outline-offset:-8px}.editor__drop-overlay{font-size:var(--size-label);letter-spacing:.12em;border:1px dashed var(--ohmg-black);pointer-events:none;background:#fffc;justify-content:center;align-items:center;display:flex;position:absolute;inset:16px}.editor__panel{border-left:1px solid var(--ohmg-rule);background:var(--ohmg-white);flex-direction:column;grid-area:panel;min-height:0;display:flex}.canvas{-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;max-width:100%;max-height:100%}.sidebar__label{font-size:var(--size-label);text-transform:uppercase;letter-spacing:.12em;color:var(--ohmg-black);margin-bottom:8px;font-weight:500}.sidebar__label-meta{color:var(--ohmg-muted);margin-left:4px;font-weight:400}.sidebar__section{flex-direction:column;display:flex}.sidebar__spacer{flex:1}.sidebar__tools{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sidebar__tool{border:1px solid var(--ohmg-black);text-transform:uppercase;letter-spacing:.1em;font-size:var(--size-label);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:10px 8px;font-weight:500;transition:background 80ms;display:flex}.sidebar__tool:hover{background:#1b1b1b0a}.sidebar__tool--active{background:var(--ohmg-black);color:var(--ohmg-white)}.sidebar__tool--active:hover{background:var(--ohmg-black)}.sidebar__tool-key{opacity:.5;font-size:9px;font-weight:400}.sidebar__swatches{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.sidebar__swatch{aspect-ratio:1;border:1px solid var(--ohmg-black);cursor:pointer;background:0 0;padding:0;transition:transform 80ms}.sidebar__swatch--active{outline:2px solid var(--ohmg-black);outline-offset:2px}.sidebar__swatch:hover{transform:scale(.95)}.sidebar__fields{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sidebar__field{border:1px solid var(--ohmg-black);align-items:center;gap:6px;padding:6px 8px;display:flex}.sidebar__field-label{font-size:var(--size-label);text-transform:uppercase;letter-spacing:.1em;opacity:.6;font-weight:500}.sidebar__field--wide{grid-column:span 2}.sidebar__field-input{width:100%;min-width:0;font-size:var(--size-body);background:0 0;border:none;outline:none;padding:0}.sidebar__field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sidebar__field-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sidebar__select{width:100%;font-size:var(--size-body);color:inherit;cursor:pointer;appearance:none;background:0 0;border:none;outline:none;padding:0;font-family:inherit}.sidebar__slider-row{border:1px solid var(--ohmg-black);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:6px;padding:6px 8px;display:grid}.sidebar__slider{width:100%;accent-color:var(--ohmg-black);margin:0}.sidebar__slider-value{font-variant-numeric:tabular-nums;text-align:right;min-width:24px;color:var(--ohmg-muted)}.sidebar__bg-row{cursor:pointer;grid-template-columns:auto 24px 1fr;position:relative}.sidebar__bg-row input[type=color]{opacity:0;cursor:pointer;position:absolute;inset:0}.sidebar__bg-swatch{border:1px solid var(--ohmg-black);width:22px;height:22px}.sidebar__arrange{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.sidebar__arrange--two{grid-template-columns:repeat(2,1fr)}.sidebar__arrange-btn{border:1px solid var(--ohmg-black);background:var(--ohmg-white);font-size:var(--size-body);cursor:pointer;padding:6px 0;font-weight:600}.sidebar__arrange-btn:hover:not(:disabled){background:var(--ohmg-black);color:var(--ohmg-white)}.sidebar__arrange-btn:disabled{opacity:.35;cursor:not-allowed}.sidebar__arrange-btn--wide{font-size:var(--size-label);letter-spacing:.08em;grid-column:span 3}.sidebar__toggle{font-size:var(--size-body);cursor:pointer;align-items:center;gap:8px;display:flex}.sidebar__toggle input{accent-color:var(--ohmg-black);margin:0}.sidebar__segmented{border:1px solid var(--ohmg-black);grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:6px 8px;display:grid}.sidebar__segmented-group{justify-self:end;gap:0;display:flex}.sidebar__gradient{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:6px;display:grid}.sidebar__gradient-stop{border:1px solid var(--ohmg-black);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;display:flex;position:relative}.sidebar__gradient-stop input[type=color]{opacity:0;cursor:pointer;position:absolute;inset:0}.sidebar__gradient-swatch{border:1px solid var(--ohmg-black);width:28px;height:28px;display:block}.sidebar__gradient-label{font-size:var(--size-label);letter-spacing:.08em;color:var(--ohmg-muted)}.sidebar__gradient-swap{border:1px solid var(--ohmg-black);background:var(--ohmg-white);cursor:pointer;align-self:center;width:28px;height:28px;padding:0;font-size:14px}.sidebar__gradient-swap:hover{background:var(--ohmg-black);color:var(--ohmg-white)}.sidebar__segmented-btn{border:1px solid var(--ohmg-black);background:var(--ohmg-white);cursor:pointer;width:24px;height:22px;font-weight:600;font-size:var(--size-body);margin-left:-1px;padding:0}.sidebar__segmented-btn:first-child{margin-left:0}.sidebar__segmented-btn:hover,.sidebar__segmented-btn--active{background:var(--ohmg-black);color:var(--ohmg-white)}.sidebar__button{border:1px solid var(--ohmg-black);text-transform:uppercase;letter-spacing:.12em;font-size:var(--size-label);cursor:pointer;background:0 0;width:100%;margin-bottom:6px;padding:10px 0;font-weight:500}.sidebar__button:hover{background:var(--ohmg-black);color:var(--ohmg-white)}.sidebar__button:last-child{margin-bottom:0}.sidebar__textarea{width:100%;font-family:var(--font-ui);font-size:var(--size-body);color:var(--ohmg-black);background:var(--ohmg-white);border:1px solid var(--ohmg-black);resize:vertical;outline:none;min-height:56px;padding:6px 8px}.sidebar__textarea:focus{border-color:var(--ohmg-red)}.sidebar__align-group{gap:4px;display:flex}.sidebar__align-btn{border:1px solid var(--ohmg-black);background:var(--ohmg-white);cursor:pointer;height:28px;font-weight:600;font-size:var(--size-body);flex:0 0 28px;padding:0}.sidebar__align-btn:hover,.sidebar__align-btn--active{background:var(--ohmg-black);color:var(--ohmg-white)}.sidebar__align-btn--bold{margin-left:auto;font-weight:800}.sidebar__align-btn--italic{font-style:italic}.sidebar__swatch--picker{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.sidebar__swatch--picker input[type=color]{opacity:0;cursor:pointer;position:absolute;inset:0}.paint{grid-template-columns:68px 1fr;align-items:stretch;gap:10px;display:grid}.paint__indicator{width:68px;height:68px;position:relative}.paint__box{border:1px solid var(--ohmg-black);background:var(--ohmg-white);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:transform 80ms;display:flex;position:absolute}.paint__box--front{z-index:2;top:0;left:0}.paint__box--back{z-index:1;bottom:0;right:0}.paint__box:hover:not(.paint__box--active){transform:translate(-1px,-1px)}.paint__box svg{width:22px;height:22px;display:block}.paint__swap{cursor:pointer;color:var(--ohmg-black);background:0 0;border:none;padding:2px 4px;font-size:13px;line-height:1;position:absolute;top:8px;right:0;transform:rotate(45deg)}.paint__swap:hover{color:var(--ohmg-red)}.paint__meta{flex-direction:column;gap:4px;min-width:0;display:flex}.paint__meta-label{font-size:var(--size-label);text-transform:uppercase;letter-spacing:.12em;color:var(--ohmg-muted);font-weight:500}.paint__meta-value{font-size:var(--size-body);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase;font-feature-settings:"tnum" 1}.paint__quick{gap:4px;margin-top:auto;display:flex}.paint__quick-btn{border:1px solid var(--ohmg-black);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 6px;font-size:9px;font-weight:500;display:flex}.paint__quick-btn:hover{background:var(--ohmg-black);color:var(--ohmg-white)}.paint__none-glyph{border:1px solid;width:10px;height:10px;display:inline-block;position:relative}.paint__none-glyph:after{content:"";background:linear-gradient(to top right, transparent 47%, var(--ohmg-red) 47%, var(--ohmg-red) 53%, transparent 53%);position:absolute;inset:-1px}.paint__picker-glyph{color:var(--ohmg-black);pointer-events:none;font-size:14px;font-weight:400}.panel__header{padding:12px var(--gutter);border-bottom:1px solid var(--ohmg-rule);justify-content:space-between;align-items:center;display:flex}.panel__label{font-size:var(--size-label);text-transform:uppercase;letter-spacing:.12em;font-weight:500}.panel__count{font-size:var(--size-label);color:var(--ohmg-muted);font-variant-numeric:tabular-nums}.panel__list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.panel__item{padding:8px var(--gutter);cursor:pointer;border-bottom:1px solid #1b1b1b14;grid-template-columns:18px 18px 1fr auto 18px 18px 18px;align-items:center;gap:6px;transition:background 80ms;display:grid}.panel__item:hover{background:#1b1b1b08}.panel__item--active{background:#94dbff40}.panel__item--active:hover{background:#94dbff59}.panel__icon{cursor:pointer;color:var(--ohmg-black);text-align:center;background:0 0;border:none;padding:2px;font-size:11px;line-height:1}.panel__icon:hover,.panel__icon--danger:hover{color:var(--ohmg-red)}.panel__name{font-size:var(--size-body);background:0 0;border:none;outline:none;width:100%;min-width:0;padding:0}.panel__name:focus{outline:1px solid var(--ohmg-black);outline-offset:2px}.panel__type{text-transform:uppercase;letter-spacing:.08em;color:var(--ohmg-muted);font-size:9px}.panel__empty{padding:20px var(--gutter);font-size:var(--size-label);text-transform:uppercase;letter-spacing:.1em;color:var(--ohmg-muted);text-align:center}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}