:root,:root[data-theme=light]{--color-surface-shell:#f7f8f9;--color-surface-panel:#fff;--color-surface-viewer:#eceef0;--color-viewer-grid-dot:#d3d7dc;--color-surface-raised:#fff;--color-surface-field:#f3f5f7;--color-divider:#e3e6e9;--color-text-primary:#242a31;--color-text-secondary:#626b76;--color-text-disabled:#858d96;--color-accent:#2465c7;--color-accent-hover:#1f59b2;--color-accent-active:#194b99;--color-accent-contrast:#fff;--color-selection-surface:#eaf1fc;--color-danger:#ac3540;--color-focus:#185fc7;--color-success:#067647;--color-warning:#b54708;--color-control-hover-surface:#eef1f4;--color-control-active-surface:#e1e6ec;--color-control-hover-border:#c5cbd2;--color-control-active-border:#98a2ae;--shadow-overlay:0 2px 10px #18202a1f;--shadow-floating:0 1px 4px #18202a14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-surface-shell:#25292e;--color-surface-panel:#25292e;--color-surface-viewer:#1b1e22;--color-viewer-grid-dot:#2c3036;--color-surface-raised:#30353c;--color-surface-field:#30353b;--color-divider:#3a4048;--color-text-primary:#edf0f4;--color-text-secondary:#adb5c0;--color-text-disabled:#7c8591;--color-accent:#91b8f0;--color-accent-hover:#a7c8f4;--color-accent-active:#7fa9e4;--color-accent-contrast:#1b1e22;--color-selection-surface:#303f54;--color-danger:#ee969e;--color-focus:#aacaff;--color-success:#6ce9a6;--color-warning:#fec84b;--color-control-hover-surface:#343a42;--color-control-active-surface:#3d4651;--color-control-hover-border:#59636f;--color-control-active-border:#748092;--shadow-overlay:0 3px 12px #00000040;--shadow-floating:0 1px 6px #0000002e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--font-family-sans:Arial, "Helvetica Neue", Helvetica, sans-serif;--font-size-micro:10px;--font-size-secondary:12px;--font-size-base:13px;--font-size-heading:14px;--font-size-identity:16px;--font-size-quantity:20px;--font-size-title:22px;--line-height-micro:12px;--line-height-secondary:16px;--line-height-base:18px;--line-height-heading:20px;--line-height-identity:22px;--line-height-quantity:24px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-variant-numeric-tabular:tabular-nums;--radius-surface:0;--radius-control:4px;--radius-overlay:6px;--radius-pill:999px;--border-width:1px;--transition-interactive:background-color .12s ease, border-color .12s ease, color .12s ease, box-shadow .12s ease;--transition-transform:transform .12s ease;--overlay-duration-enter:.12s;--loading-reveal-delay:.5s;--focus-width:2px;--focus-offset:2px;--focus-outline:var(--focus-width) solid var(--color-focus);--target-fine:32px;--target-coarse:44px;--z-base:0;--z-raised:1;--z-panel:5;--z-overlay:10;--z-status:20;--z-popover:250;--z-tooltip:300}@media (prefers-reduced-motion:reduce){:root{--transition-interactive:none;--transition-transform:none;--overlay-duration-enter:0s}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background:var(--color-surface-viewer);-webkit-font-smoothing:antialiased;overflow:hidden}#app{height:100dvh;position:relative}#viewer{background:var(--color-surface-viewer);width:100%;height:100%;display:block;position:absolute;inset:0}:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}[hidden]{display:none!important}.start-card{bottom:44px;right:var(--space-16);width:min(280px,100% - 32px);padding:var(--space-16);background:var(--color-surface-panel);border:var(--border-width) solid var(--color-divider);border-radius:var(--radius-overlay);box-shadow:var(--shadow-overlay);text-align:center;z-index:var(--z-panel);animation:fade-in var(--overlay-duration-enter) ease;position:absolute}.title{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-quantity);margin:0}.tagline{margin:var(--space-8) 0 var(--space-24);color:var(--color-text-secondary)}.actions{gap:var(--space-8);flex-direction:column;display:flex}.btn{min-height:var(--target-coarse);padding:0 var(--space-16);font:inherit;font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-surface-panel);border:var(--border-width) solid var(--color-divider);border-radius:var(--radius-control);cursor:pointer;transition:var(--transition-interactive);justify-content:center;align-items:center;display:inline-flex}.btn:hover{background:var(--color-control-hover-surface);border-color:var(--color-control-hover-border)}.btn:active{background:var(--color-control-active-surface);border-color:var(--color-control-active-border)}.btn-primary{color:var(--color-accent-contrast);background:var(--color-accent);border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-primary:active{background:var(--color-accent-active);border-color:var(--color-accent-active)}.privacy{margin:var(--space-16) 0 0;font-size:var(--font-size-secondary);line-height:var(--line-height-secondary);color:var(--color-text-secondary)}.icon-btn{top:var(--space-16);right:var(--space-16);width:var(--target-coarse);height:var(--target-coarse);color:var(--color-text-secondary);background:var(--color-surface-panel);border:var(--border-width) solid var(--color-divider);border-radius:var(--radius-control);cursor:pointer;box-shadow:var(--shadow-floating);transition:var(--transition-interactive);justify-content:center;align-items:center;display:inline-flex;position:absolute}.icon-btn:hover{color:var(--color-text-primary);background:var(--color-control-hover-surface)}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px}#account-btn{right:calc(var(--space-16) + var(--target-coarse) + var(--space-8))}.status-bar{height:28px;padding:0 var(--space-16);font-size:var(--font-size-secondary);font-variant-numeric:var(--font-variant-numeric-tabular);color:var(--color-text-secondary);background:var(--color-surface-panel);border-top:var(--border-width) solid var(--color-divider);z-index:var(--z-status);align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}body.is-dragging .start-card{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent), var(--shadow-overlay)}.toolbar{top:var(--space-12);left:var(--space-12);align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface-panel);border:var(--border-width) solid var(--color-divider);border-radius:var(--radius-control);box-shadow:var(--shadow-floating);z-index:var(--z-panel);display:flex;position:absolute}.tool-btn{min-width:var(--target-fine);min-height:var(--target-fine);padding:0 var(--space-8);font:inherit;font-variant-numeric:var(--font-variant-numeric-tabular);color:var(--color-text-primary);border:var(--border-width) solid transparent;border-radius:var(--radius-control);cursor:pointer;transition:var(--transition-interactive);background:0 0;justify-content:center;align-items:center;display:inline-flex}.tool-btn:hover{background:var(--color-control-hover-surface)}.tool-btn:active{background:var(--color-control-active-surface)}.tool-btn[aria-pressed=true]{color:var(--color-accent-contrast);background:var(--color-accent);border-color:var(--color-accent)}.toolbar-spacer{width:var(--space-4)}.page-nav{align-items:center;gap:var(--space-4);display:inline-flex}.panel{top:56px;left:var(--space-12);width:220px;max-height:calc(100dvh - 96px);padding:var(--space-16);background:var(--color-surface-panel);border:var(--border-width) solid var(--color-divider);border-radius:var(--radius-overlay);box-shadow:var(--shadow-overlay);z-index:var(--z-panel);position:absolute;overflow:auto}.panel-title{margin:0 0 var(--space-8);font-size:var(--font-size-heading);line-height:var(--line-height-heading)}.pages-list{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(40px,1fr));margin:0;padding:0;list-style:none;display:grid}.pages-item{width:100%;min-height:var(--target-fine);font:inherit;font-variant-numeric:var(--font-variant-numeric-tabular);color:var(--color-text-primary);background:var(--color-surface-panel);border:var(--border-width) solid var(--color-divider);border-radius:var(--radius-control);cursor:pointer;transition:var(--transition-interactive)}.pages-item:hover{background:var(--color-control-hover-surface)}.pages-item[aria-current=page]{color:var(--color-accent-contrast);background:var(--color-accent);border-color:var(--color-accent)}.panel-wide{width:344px;padding:var(--space-12)}.sketch-toolbar-box{background:var(--color-surface-field);border:var(--border-width) solid var(--color-divider);border-radius:var(--radius-control);margin-bottom:8px;padding:6px 8px}.sketch-toolbar-box .cal-actions{margin-bottom:4px}.sketch-toolbar-box .cal-actions:last-child{margin-bottom:0}.sketch-toolbar-title{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary);margin-bottom:5px;font-size:11px;font-weight:700}.panel-head{justify-content:space-between;align-items:center;gap:var(--space-8);margin-bottom:var(--space-8);display:flex}.panel-head .panel-title{margin:0}.cal-hint{margin:0 0 var(--space-12);font-size:var(--font-size-secondary);line-height:var(--line-height-secondary);color:var(--color-text-secondary)}.cal-actions{gap:var(--space-4);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.cal-actions .btn{min-height:var(--target-fine);padding:0 var(--space-8);font-size:var(--font-size-secondary)}.cal-segments{gap:var(--space-8);margin:0 0 var(--space-12);flex-direction:column;padding:0;list-style:none;display:flex}.cal-segment{align-items:center;gap:var(--space-8);display:flex}.cal-label{min-width:52px;font-size:var(--font-size-secondary);color:var(--color-text-secondary)}.cal-length{width:80px;min-height:var(--target-fine);padding:0 var(--space-8);font:inherit;font-variant-numeric:var(--font-variant-numeric-tabular);color:var(--color-text-primary);background:var(--color-surface-field);border:var(--border-width) solid var(--color-divider);border-radius:var(--radius-control)}.cal-orientation{min-height:var(--target-fine);font:inherit;color:var(--color-text-primary);background:var(--color-surface-field);border:var(--border-width) solid var(--color-divider);border-radius:var(--radius-control)}.cal-delete{margin-left:auto}.cal-stats{margin:0 0 var(--space-8)}.cal-stats>div{justify-content:space-between;gap:var(--space-8);display:flex}.cal-stats dt{color:var(--color-text-secondary)}.cal-stats dd{font-variant-numeric:var(--font-variant-numeric-tabular);margin:0}.cal-subhead{margin:var(--space-8) 0 var(--space-4);font-size:var(--font-size-secondary);color:var(--color-text-secondary)}.cal-residuals,.cal-warnings{font-size:var(--font-size-secondary);font-variant-numeric:var(--font-variant-numeric-tabular);margin:0;padding:0;list-style:none}.cal-warnings{margin-top:var(--space-8)}.cal-warning{color:var(--color-warning)}.cal-empty{font-size:var(--font-size-secondary);color:var(--color-text-secondary);margin:0}.autosave-prompt{align-items:center;gap:var(--space-16);padding:var(--space-16) var(--space-24);background:var(--color-surface-panel);border:var(--border-width) solid var(--color-divider);border-radius:var(--radius-overlay);box-shadow:var(--shadow-overlay);z-index:var(--z-overlay);display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.autosave-prompt p{margin:0}.autosave-actions{gap:var(--space-8);display:flex}.status-spacer{flex:1}.status-text.is-error{color:var(--color-danger)}.status-zoom{text-align:right;min-width:96px;margin-left:var(--space-16)}#coords{text-align:right;min-width:120px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.start-card{animation:none}}#account-panel{width:300px}.panel-hint{margin:0 0 var(--space-8);font-size:var(--font-size-small,12px);color:var(--color-text-secondary)}.panel-subhead{margin:var(--space-12) 0 var(--space-4);font-size:var(--font-size-small,12px);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.account-form{gap:var(--space-8);margin:var(--space-8) 0;flex-direction:column;display:flex}.account-form label{gap:var(--space-4);font-size:var(--font-size-small,12px);flex-direction:column;display:flex}.account-form input,.account-form select{width:100%;min-height:var(--target-fine,32px);padding:var(--space-4) var(--space-8);font:inherit;color:var(--color-text-primary);background:var(--color-surface-field);border:var(--border-width) solid var(--color-divider);border-radius:var(--radius-control)}.account-users{margin:var(--space-8) 0 0;gap:var(--space-8);flex-direction:column;padding:0;list-style:none;display:flex}.account-user{align-items:center;gap:var(--space-8);padding:var(--space-8);background:var(--color-surface-field);border:var(--border-width) solid var(--color-divider);border-radius:var(--radius-control);flex-wrap:wrap;display:flex}.account-username{font-weight:var(--font-weight-medium,600);flex:100%}.account-active{align-items:center;gap:var(--space-4);font-size:var(--font-size-small,12px);display:inline-flex}.account-msg{margin:var(--space-8) 0 0;font-size:var(--font-size-small,12px);color:var(--color-danger)}