:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f6f3;--ground:#f4f6f3;--bar:#fff;--line:#d9ded9;--ink:#1c2430;--muted:#69727e;--accent:#09f;--accent-comp:#e2f;--shadow-1:0 1px 4px #00000014;--shadow-2:0 6px 24px #0000002e;font-family:system-ui,-apple-system,sans-serif;font-size:14px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17191c;--ground:#17191c;--bar:#21262c;--line:#363d45;--ink:#e8ecef;--muted:#929daa;--accent:#09f;--accent-comp:#e2f;--shadow-1:0 1px 4px #00000073;--shadow-2:0 8px 28px #0000008c}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:clip}.shell-body,.stage{overflow:clip}body{background:var(--bg);color:var(--ink);overscroll-behavior:none;touch-action:none}.app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;position:relative}.topbar{z-index:4;height:48px;padding:0 .9rem;padding-top:env(safe-area-inset-top);white-space:nowrap;pointer-events:none;align-items:center;gap:.6rem;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.topbar .spacer{pointer-events:none}@media (display-mode:standalone){.topbar{padding-top:max(env(safe-area-inset-top), 24px);height:calc(48px + max(env(safe-area-inset-top), 24px))}}.topbar .spacer{flex:1}.crumbs{color:var(--muted);align-items:center;gap:.35rem;min-width:0;display:inline-flex}.crumb{color:var(--ink)}.crumb.muted{color:var(--muted)}.crumb-sep{color:var(--line)}.shell-body{position:absolute;inset:0}.rail{z-index:3;pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:absolute;top:0;bottom:0;left:0}.rail-tools{flex-direction:column;align-items:flex-start;gap:22px;margin-left:-34px;display:flex}.railtool{cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0;line-height:0;position:relative}.railtool>span{display:inline-block}@media (prefers-reduced-motion:no-preference){.railtool{transition:transform .38s cubic-bezier(.34,1.56,.64,1)}}.railtool.on{transform:translate(18px)}.railtool.dim{filter:brightness(.55)saturate(.85);transform:translate(-24px)}.railtool.dim:hover{filter:brightness(.8)saturate(.95)}.railmini{font:inherit;color:var(--ink);background:var(--bar);border:1px solid var(--line);cursor:pointer;pointer-events:auto;border-radius:4px;width:84px;margin-left:8px;padding:.25rem .3rem;font-size:12px}.railmini.on{background:var(--accent);border-color:var(--accent);color:#fff}.sidebar{z-index:3;scrollbar-width:thin;pointer-events:none;width:312px;padding:8px 12px 16px 4px;position:absolute;top:56px;bottom:0;right:0;overflow-y:auto}.card{pointer-events:auto}.cards{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.card{background:var(--bar);border:1px solid var(--line);border-radius:10px;padding:10px}.card-title{color:var(--muted);align-items:center;gap:.5rem;margin:0 0 8px;font-size:13px;font-weight:600;display:flex}.card-title .colorwell{margin-left:auto;display:inline-block}.card-body{gap:8px;display:grid}.card-row{align-items:center;gap:6px;display:flex}.card-row.muted{color:var(--muted);font-variant-numeric:tabular-nums}.card-title.tabs{gap:.25rem}.tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.15rem .6rem;font-size:13px;font-weight:600}.tab.on{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.sizefield{font:inherit;font-variant-numeric:tabular-nums;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:4px;width:64px;padding:.25rem .3rem}.muted{color:var(--muted)}.pagename-edit{font:inherit;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:4px;width:100%;padding:.25rem .4rem}.colorpanel.inline,.layerspanel.inline{width:auto;box-shadow:none;border:0;padding:0;position:static}.iconbtn{background:var(--bar);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-1);border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.iconbtn img{width:26px;height:26px;display:block}.iconbtn:disabled{opacity:.35;cursor:default}.icongroup{background:var(--bar);box-shadow:var(--shadow-1);border-radius:999px;gap:2px;display:inline-flex}.icongroup .iconbtn{box-shadow:none;background:0 0}.statuschip{z-index:2;background:color-mix(in srgb, var(--bar) 88%, transparent);border:1px solid var(--line);pointer-events:none;border-radius:6px;align-items:center;gap:.6rem;padding:3px 8px;font-size:12px;display:flex;position:absolute;bottom:8px;left:10px}.statuschip .stamp{pointer-events:auto}.field{color:var(--muted);align-items:center;gap:.4rem;display:inline-flex}.field input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;width:22px;height:22px;padding:0}.boardpick{font:inherit;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:4px;max-width:140px;padding:.2rem .4rem}.add{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;margin-left:.25rem;padding:.2rem .5rem}.pagename{color:var(--muted);font-variant-numeric:tabular-nums}.field select{font:inherit;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:4px;padding:.2rem .4rem}.tools{align-items:center;gap:.25rem;display:inline-flex}.tools button{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;padding:.2rem .55rem}.tools button.on{background:var(--accent);border-color:var(--accent);color:#fff}.tools button:disabled{opacity:.4;cursor:default}.colorwell{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;width:26px;height:26px;padding:0}.colorpanel{z-index:10;background:var(--bar);border:1px solid var(--line);width:240px;box-shadow:var(--shadow-2);touch-action:none;border-radius:8px;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px;display:grid;position:fixed}.cp-surface{cursor:crosshair;position:relative}.cp-square{border-radius:6px;width:100%;height:152px;display:block}.cp-huewrap{height:16px}.cp-hue{border-radius:8px;width:100%;height:100%;display:block}.cp-mark{pointer-events:none;border:2px solid #fff;border-radius:50%;outline:1px solid #0009;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}.cp-row{align-items:center;gap:6px;display:flex}.cp-hex{font:inherit;font-variant-numeric:tabular-nums;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:4px;width:76px;min-width:0;padding:.2rem .3rem}.cp-palselect{min-width:0;font:inherit;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:4px;flex:1;padding:.2rem .3rem}.cp-import{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;padding:.2rem .5rem}.cp-grid{grid-template-columns:repeat(8,1fr);gap:4px;max-height:120px;display:grid;overflow-y:auto}.cp-swatch{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:0}.cp-swatch.on{outline:2px solid var(--accent);outline-offset:1px}.cp-label{color:var(--muted);font-size:12px}.brushsize{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;min-width:3.5ch}.tools .sep,.bar>.sep{background:var(--line);width:1px;height:18px;margin:0 .35rem}.tools select{font:inherit;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:4px;padding:.2rem .3rem}.zoom{font-variant-numeric:tabular-nums;color:var(--muted);min-width:4ch}.status.debug{font-variant-numeric:tabular-nums}.stamp{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border-radius:4px;padding:.1rem .4rem}.status{color:var(--muted);font-size:12px}.layerspanel{z-index:10;background:var(--bar);border:1px solid var(--line);width:220px;box-shadow:var(--shadow-2);border-radius:8px;grid-template-columns:minmax(0,1fr);gap:6px;padding:6px;display:grid;position:fixed}.lp-rows{grid-template-columns:minmax(0,1fr);gap:2px;max-height:40vh;display:grid;overflow-y:auto}.lp-row{border-radius:4px;align-items:center;gap:4px;padding:1px 2px;display:flex}.lp-row.on{background:color-mix(in srgb, var(--accent) 14%, transparent)}.lp-eye{font:inherit;cursor:pointer;background:0 0;border:0;width:26px;padding:.2rem 0}.lp-eye.off{color:var(--muted)}.lp-name{text-align:left;min-width:0;font:inherit;color:var(--ink);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:.25rem .2rem;overflow:hidden}.lp-row.on .lp-name{color:var(--accent);font-weight:600}.lp-name-edit{min-width:0;font:inherit;color:var(--ink);border:1px solid var(--accent);background:0 0;border-radius:3px;outline:none;flex:1;padding:.15rem .2rem}.lp-actions{border-top:1px solid var(--line);gap:4px;padding-top:6px;display:flex}.lp-actions button{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;flex:1;padding:.2rem 0}.lp-actions button:disabled{opacity:.4;cursor:default}.stage{min-height:0;position:relative}.stage.dropping:after{content:"Drop image";z-index:3;border:2px dashed var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent);pointer-events:none;border-radius:8px;place-items:center;font-weight:600;display:grid;position:absolute;inset:8px}.overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pagelabel,.pageoutline,.droptarget,.ants{will-change:transform}.pagelabel{pointer-events:auto;cursor:pointer;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:160px;padding:4px 2px;font:11px/1 system-ui,sans-serif;position:absolute;top:0;left:0;overflow:hidden}.pagelabel.on{color:var(--accent);font-weight:600}.pagelabel.edit{pointer-events:auto;background:var(--bar);color:var(--ink);border:1px solid var(--accent);border-radius:3px;outline:none;width:120px;padding:3px 4px}.pageoutline{pointer-events:none;outline:1.5px solid var(--accent);outline-offset:.5px;position:absolute;top:0;left:0}.ants{pointer-events:none;background:repeating-linear-gradient(90deg,#000 0 4px,#fff 4px 8px) 0 0/8px 1px repeat-x,repeating-linear-gradient(90deg,#000 0 4px,#fff 4px 8px) 0 100%/8px 1px repeat-x,repeating-linear-gradient(#000 0 4px,#fff 4px 8px) 0 0/1px 8px repeat-y,repeating-linear-gradient(#000 0 4px,#fff 4px 8px) 100% 0/1px 8px repeat-y;animation:.5s linear infinite ants;display:none;position:absolute;top:0;left:0}@keyframes ants{to{background-position:8px 0,left -8px bottom,0 -8px,right top 8px}}.debug-log{z-index:2;color:var(--ink);background:color-mix(in srgb, var(--bar) 85%, transparent);border:1px solid var(--line);pointer-events:none;white-space:pre;border-radius:4px;margin:0;padding:6px 8px;font:11px/1.4 ui-monospace,monospace;position:absolute;bottom:8px;left:8px}.canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block;position:absolute;inset:0}.add.on{background:var(--accent);border-color:var(--accent);color:#fff}.lp-badge{color:var(--accent-comp);flex:none;font-size:.7rem}.lp-row[draggable=true]{cursor:grab}.libsearch{width:100%;font:inherit;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:4px;outline:none;margin-bottom:4px;padding:.2rem .3rem}.libsearch:focus{border-color:var(--accent)}.libhint{margin:6px 0 0;font-size:.72rem}.lp-group{letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#888);border-top:1px solid var(--line);margin:8px 0 4px;padding-top:6px;font-size:.72rem;font-weight:600}.lp-row.comp.on{background:color-mix(in srgb, var(--accent-comp) 14%, transparent)}.lp-row.comp.on .lp-name,.pagelabel.comp.on{color:var(--accent-comp)}.pageoutline.comp{outline-color:var(--accent-comp)}.add.compbtn.on{background:var(--accent-comp);border-color:var(--accent-comp)}.droptarget{outline:2px dashed var(--accent-comp);outline-offset:2px;pointer-events:none;border-radius:2px;position:absolute;top:0;left:0}.popout{pointer-events:none;display:none}.pageoutline.extra{outline-width:1px}.lp-locate{font:inherit;color:var(--muted,#888);cursor:pointer;background:0 0;border:none;flex:none;padding:0 2px;font-size:.8rem}.lp-locate:hover{color:var(--accent)}.cloudwrap{pointer-events:auto;position:relative}.cloudbtn{font-size:1.1rem;line-height:1}.cloudbtn.on{color:var(--accent)}.cloudpop{z-index:30;background:var(--bar);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:6px;min-width:220px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 24px #0000001f}.cloudfield{font:inherit;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:4px;outline:none;padding:.3rem .4rem}.cloudfield:focus{border-color:var(--accent)}.clouderr{color:#d33;font-size:.78rem}