:root{--chrome:#bac4d9;--panel:#dbdbe3;--edge:#3f454f;--edge-mid:#72757b;--edge-light:#f7faff;--focus:#294795;--canvas:#fafaf8;--bevel:inset 2px 2px 0 #f7fafff2, inset -2px -2px 0 #404757bf;--raised:var(--bevel), 2px 3px 2px #1f242e59}._page_dx8mp_13{place-items:center;height:100dvh;min-height:0;padding:16px;display:grid;overflow:hidden}._window_dx8mp_22{background:var(--chrome);border:2px solid var(--edge);color:#101217;grid-template-rows:54px 46px minmax(0,1fr) 90px;width:min(1440px,100vw - 32px);height:min(1024px,100dvh - 32px);min-height:0;max-height:calc(100dvh - 32px);display:grid;overflow:hidden}._titleBar_dx8mp_35{border-bottom:1px solid var(--edge-mid);box-shadow:var(--raised);z-index:2;background:linear-gradient(90deg,#c7d1e5,#99abcc);justify-content:space-between;align-items:center;padding:0 8px 0 28px;display:flex}._titleBar_dx8mp_35 h1{margin:0;font-size:24px;line-height:1}._windowControls_dx8mp_48{gap:8px;display:flex}._windowButton_dx8mp_49{width:36px;height:36px;box-shadow:var(--raised);background:#d6d9e2;border:1px solid #424750;border-radius:4px;place-items:center;font-size:20px;font-weight:700;display:grid}._closeButton_dx8mp_61{background:#c24736}._menuBar_dx8mp_63{border:1px solid var(--edge-mid);box-shadow:var(--bevel), 1px 2px 1px #1f242e2e;background:#e1e3ea;align-items:center;gap:50px;margin:0 8px;padding:0 10px;font-size:17px;display:flex}._workspace_dx8mp_75{background:var(--panel);border:1px solid var(--edge-mid);min-height:0;box-shadow:var(--bevel), 1px 2px 1px #1f242e2e;grid-template-columns:160px 126px minmax(0,1fr);gap:10px;margin:10px;padding:10px 12px 10px 8px;display:grid}._sidebar_dx8mp_87{flex-direction:column;gap:18px;min-height:0;display:flex}._toolbar_dx8mp_88{border:1px solid var(--edge-mid);min-height:360px;box-shadow:var(--raised);background:#d3d8e5;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(2,1fr);gap:2px;padding:4px;display:grid}._toolButton_dx8mp_100,._categoryButton_dx8mp_101,._thumbnail_dx8mp_102{box-shadow:var(--raised);cursor:pointer;background:linear-gradient(#ebedf5,#b0b8cc);border:1px solid #4d5466}._toolButton_dx8mp_100{min-width:0;padding:12px}._toolButton_dx8mp_100 img{width:28px;height:28px;margin:auto;display:block}._toolButton_dx8mp_100:active,._categoryButton_dx8mp_101:active,._thumbnail_dx8mp_102:active{box-shadow:inset -2px -2px 0 var(--edge-light), inset 2px 2px 0 #404757cc;transform:translate(1px,1px)}._categorySwitch_dx8mp_113{flex-direction:column;gap:6px;display:flex}._categoryButton_dx8mp_101{text-align:left;background:#d0d0d8;border-color:#85878d;min-height:68px;padding:0 14px;font-size:20px}._categoryButton_dx8mp_101._active_dx8mp_122{border-color:var(--focus);background:#f0f5fc;font-weight:700}._thumbnails_dx8mp_124{grid-template-rows:repeat(7,minmax(0,1fr));gap:4px;min-height:0;display:grid}._thumbnail_dx8mp_102{background:#ccccd3;border-color:#9a9ca2;min-height:0;padding:4px;overflow:hidden}._thumbnail_dx8mp_102._active_dx8mp_122{border-color:var(--focus);background:#f3f7ff}._thumbnail_dx8mp_102 img{object-fit:contain;width:100%;height:100%;display:block}._preview_dx8mp_129{background:var(--canvas);min-width:0;min-height:0;box-shadow:var(--bevel), 1px 2px 1px #1f242e2e;border:1px solid #595e68;border-radius:2px;margin:0;position:relative;overflow:hidden}._preview_dx8mp_129 figcaption{z-index:1;font-size:15px;font-weight:600;position:absolute;top:16px;left:20px}._preview_dx8mp_129 img{object-fit:contain;width:100%;height:100%;display:block}._palette_dx8mp_143{grid-template-columns:repeat(14,1fr);gap:4px;padding:16px 10px 12px;display:grid}._palette_dx8mp_143 span{border:1px solid var(--edge-mid);min-width:0}button:focus-visible{outline-offset:-5px;box-shadow:var(--raised), 0 0 0 3px #294795;outline:3px solid #fff}._srOnly_dx8mp_147{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=999px){._page_dx8mp_13{place-items:center;padding:0}._window_dx8mp_22{aspect-ratio:auto;grid-template-rows:54px 46px minmax(0,1fr) 76px;width:min(834px,100vw);height:100dvh;min-height:0;max-height:100dvh}._workspace_dx8mp_75{grid-template-columns:142px 104px minmax(0,1fr)}._toolbar_dx8mp_88{min-height:230px}._categoryButton_dx8mp_101{min-height:52px;font-size:16px}._menuBar_dx8mp_63{gap:34px}}@media (width<=600px){._window_dx8mp_22{border-width:1px;grid-template-rows:42px 34px minmax(0,1fr) 50px;width:100vw;height:100dvh;min-height:0;max-height:100dvh}._titleBar_dx8mp_35{padding-left:14px}._titleBar_dx8mp_35 h1{font-size:18px}._windowControls_dx8mp_48{gap:8px}._windowButton_dx8mp_49{width:28px;height:28px;font-size:15px}._menuBar_dx8mp_63{gap:36px;margin:0 8px;padding:0 10px;font-size:12px}._menuBar_dx8mp_63 span:nth-child(n+4){display:none}._workspace_dx8mp_75{grid-template-rows:42px minmax(0,1fr) 68px;grid-template-columns:1fr;gap:10px;margin:10px;padding:10px 8px 14px}._sidebar_dx8mp_87{display:contents}._toolbar_dx8mp_88{display:none}._categorySwitch_dx8mp_113{grid-row:1;grid-template-columns:1fr 1fr;gap:8px;display:grid}._categoryButton_dx8mp_101{min-height:42px;padding:0 12px;font-size:14px}._preview_dx8mp_129{grid-row:2}._preview_dx8mp_129 figcaption{font-size:12px;top:12px;left:12px}._thumbnails_dx8mp_124{grid-row:3;grid-template-rows:68px;grid-template-columns:repeat(7,1fr);gap:1px;display:grid}._thumbnail_dx8mp_102{padding:2px}._palette_dx8mp_143{gap:4px;padding:10px 17px 12px}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#8e97a9;font-family:Manrope,Arial,sans-serif}button{font:inherit}