:root{--ui-bg:#2b2d31;--ui-bg-raised:#383a40;--ui-fg:#e8e8ea;--ui-muted:#a0a3a8;--ui-accent:#4a90e2;--stage-bg:gray;--touch-size:40px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Yu Gothic UI,sans-serif;font-size:14px}html,body{background:var(--ui-bg);width:100%;height:100%;color:var(--ui-fg);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#app{flex-direction:column;height:100dvh;display:flex}#toolbar{padding:4px 8px;padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right));background:var(--ui-bg);border-bottom:1px solid #1e1f22;flex-wrap:wrap;flex:none;align-items:center;gap:2px 4px;display:flex}#contextbar{padding:2px 8px;padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right));background:#313338;border-bottom:1px solid #1e1f22;flex-wrap:wrap;flex:none;align-items:center;gap:2px 12px;display:flex}#contextbar:not(:has(>.tb-group:not([hidden]))){display:none}.tb-more{display:none}.tb-more[aria-expanded=true]{background:var(--ui-bg-raised)}.tb-group{flex:none;align-items:center;gap:2px;display:flex}.tb-sep{background:#4e5058;flex:none;width:1px;height:24px;margin:0 4px}.tb-button,.tb-select{min-width:var(--touch-size);height:var(--touch-size);color:var(--ui-fg);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;padding:0 8px}.tb-button:hover,.tb-select:hover{background:var(--ui-bg-raised)}.tb-button[aria-pressed=true]{background:var(--ui-accent);color:#fff}.tb-button:disabled{color:#6d6f75;cursor:default;background:0 0}.tb-select{background:var(--ui-bg-raised);field-sizing:content;max-width:10em}.tb-swatch{padding:0}.tb-swatch:before{content:"";background:var(--swatch);box-sizing:border-box;border:2px solid #fff;border-radius:50%;width:20px;height:20px;margin:auto;display:block}.tb-swatch[aria-pressed=true]{background:var(--ui-bg-raised);border-color:var(--ui-accent)}.dialog-backdrop{z-index:100;padding:max(16px, env(safe-area-inset-top)) 16px 16px;background:#00000073;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.dialog{background:var(--ui-bg);-webkit-user-select:text;user-select:text;border-radius:10px;flex-direction:column;gap:8px;width:min(480px,100%);padding:12px;display:flex;box-shadow:0 8px 24px #00000080}.dialog-text{box-sizing:border-box;width:100%;min-height:6em;color:var(--ui-fg);resize:vertical;background:#1e1f22;border:1px solid #4e5058;border-radius:6px;padding:8px;font-family:inherit;font-size:16px;line-height:1.5}.dialog-row{align-items:center;gap:8px;display:flex}.dialog-spacer{flex:1}.dialog-ok{background:var(--ui-accent);color:#fff}.dialog-ok:hover{background:#5a9de8}.dialog-message{margin:0;line-height:1.6}.toast{z-index:200;color:#fff;pointer-events:none;background:#141416eb;border-radius:8px;max-width:calc(100% - 32px);padding:10px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.tb-status{color:var(--ui-muted);white-space:nowrap;flex:none;padding:0 6px;font-size:12px}.tb-status.error{color:#f28b82}@media (width<=767px){.toast{bottom:calc(64px + env(safe-area-inset-bottom))}}[hidden]{display:none!important}#workspace{flex:1;min-height:0;display:flex;position:relative}#pages{background:var(--ui-bg);border-right:1px solid #1e1f22;flex-direction:column;flex:none;width:132px;display:flex;overflow-y:auto}body.pages-toggled #pages{display:none}.pages-controls{border-bottom:1px solid #1e1f22;flex:none;grid-template-columns:1fr 1fr;gap:2px;padding:4px;display:grid}.pages-controls .tb-button{background:var(--ui-bg-raised);min-width:0;height:32px;padding:0 4px}.pages-list{flex-direction:column;flex:1;gap:8px;padding:8px;display:flex;overflow-y:auto}.page-item{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:6px;flex:none;padding:3px;display:block;position:relative}.page-item.visible{border-color:#4e5058}.page-item.current{border-color:var(--ui-accent)}.page-thumb{width:100%;height:auto;display:block;box-shadow:0 1px 3px #00000080}.page-number{color:#fff;background:#000000a6;border-radius:4px;padding:0 5px;font-size:12px;position:absolute;bottom:6px;left:6px}#stage{background:var(--stage-bg);flex:1;min-width:0;position:relative}#canvas{touch-action:none;-webkit-touch-callout:none;width:100%;height:100%;display:block;position:absolute;inset:0}@media (width<=767px){#workspace{order:1}#contextbar{scrollbar-width:none;border-top:1px solid #1e1f22;border-bottom:none;flex-wrap:nowrap;order:2;overflow-x:auto}#contextbar .tb-secondary{display:none}#contextbar .tb-more{display:inline-block}#contextbar{column-gap:4px}#contextbar .tb-button,#contextbar .tb-select{padding:0 5px}body.context-expanded #contextbar{flex-wrap:wrap;max-height:50vh;overflow:visible auto}body.context-expanded #contextbar .tb-secondary{display:flex}#toolbar{scrollbar-width:none;padding-bottom:max(4px, env(safe-area-inset-bottom));border-top:1px solid #1e1f22;border-bottom:none;flex-wrap:nowrap;order:3;overflow-x:auto}#pages{z-index:10;visibility:hidden;transition:transform .2s,visibility .2s;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 8px #0006}body.pages-toggled #pages{visibility:visible;display:flex;transform:none}}