.appnav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;flex-direction:column;background:var(--card);border-bottom:1px solid var(--border)}.appnav .arow{display:flex;align-items:center;gap:6px;padding:0 10px;height:44px;overflow-x:auto;scrollbar-width:none}.appnav .arow::-webkit-scrollbar{display:none}.appnav .r2{border-top:1px solid var(--border)}.appspacer{display:none}.applogo{display:flex;align-items:center;gap:6px;font-weight:800;font-size:13px;letter-spacing:-.02em;text-decoration:none;color:inherit;white-space:nowrap;margin-right:2px}.applogo img{width:22px;height:22px;border-radius:6px}@media (min-width:640px){.appnav{flex-direction:row;height:48px;padding:0 12px}.appnav .arow{height:48px;padding:0;overflow:visible}.appnav .r2{border-top:none}.appspacer{display:block;flex:1}}#surface{position:fixed;top:calc(88px + env(safe-area-inset-top,0px));left:0;right:0;bottom:0;overflow:hidden;background:#fff;touch-action:none;-webkit-user-select:none;user-select:none}@media (min-width:640px){#surface{top:48px}}[data-theme=dark] #surface{background:#0d1626}#surface canvas.edge{position:absolute;z-index:10}#edgeT{top:0;left:0;right:0;height:40px;width:100%}#edgeB{bottom:0;left:0;right:0;height:40px;width:100%}#edgeL{top:0;left:0;bottom:0;width:40px;height:100%}#edgeR{top:0;right:0;bottom:0;width:40px;height:100%}.xhair{position:absolute;background:#0284c773;pointer-events:none;display:none;z-index:5}#xhH{left:0;right:0;height:1px}#xhV{top:0;bottom:0;width:1px}.guide{position:absolute;z-index:6;touch-action:none}.guide.h{left:0;right:0;height:14px;margin-top:-7px;cursor:ns-resize}.guide.v{top:0;bottom:0;width:14px;margin-left:-7px;cursor:ew-resize}.guide .ln{position:absolute;background:#16a34a}.guide.h .ln{left:0;right:0;top:6px;height:2px;border-top:2px dashed #16a34a;background:none}.guide.v .ln{top:0;bottom:0;left:6px;width:2px;border-left:2px dashed #16a34a;background:none}.guide .tag{position:absolute;font-size:11px;font-weight:700;font-family:ui-monospace,monospace;background:#16a34a;color:#fff;border-radius:6px;padding:1px 6px;white-space:nowrap}.guide.h .tag{right:8px;top:-9px}.guide.v .tag{left:8px;bottom:8px}#readout{position:absolute;pointer-events:none;background:#0284c7;color:#fff;font-size:11px;font-family:ui-monospace,monospace;border-radius:6px;padding:2px 8px;white-space:nowrap;display:none;z-index:20;transform:translate(14px,-50%)}#welcome{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;z-index:15;text-align:center}.wq{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;max-width:440px}@media (min-width:640px){.wq{grid-template-columns:repeat(4,1fr)}}.wq button{text-align:left;padding:10px 12px;border-radius:8px;background:var(--card);border:1px solid var(--border);cursor:pointer}.wq button b{display:block;font-size:12px}.wq button span{font-size:10px;color:var(--muted);font-family:ui-monospace,monospace}#calBadge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--card);border:1px solid var(--border);font-size:12px;cursor:pointer}#calDot{width:8px;height:8px;border-radius:50%;background:#f5a623;flex-shrink:0}.tbtn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--fg);font-size:14px;font-weight:700;cursor:pointer;flex-shrink:0}.tbtn[aria-pressed=true]{background:#0284c7;color:#fff;border-color:#0284c7}.pills{display:inline-flex;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:2px;overflow:hidden;flex-shrink:0}.pills button{border:none;background:transparent;color:var(--muted);font-size:12px;font-weight:700;padding:5px 10px;border-radius:6px;cursor:pointer}.pills button.on{background:var(--accent);color:var(--bg)}.tabrow{display:flex;gap:4px;margin-top:12px}.tabrow button{flex:1;padding:8px 4px;font-size:12px;font-weight:700;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:8px;cursor:pointer}.tabrow button.on{background:var(--bg);color:var(--fg);border-color:var(--border)}#devList{max-height:220px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;margin-top:8px}#devList button{display:block;width:100%;text-align:left;padding:8px 12px;font-size:13px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--fg);cursor:pointer}#devList button:hover{background:var(--bg)}#devList button span{float:right;color:var(--muted);font-family:ui-monospace,monospace;font-size:12px}.appbtn{padding:5px 10px;font-size:12px}#floatRuler{position:absolute;z-index:14;background:linear-gradient(180deg,#fff,#e9eff6);border:1.5px solid #0b1f3a;border-radius:10px;box-shadow:0 12px 30px #0b1f3a4d,inset 0 1px #ffffffb3;touch-action:none;cursor:grab;overflow:hidden;display:none}[data-theme=dark] #floatRuler{background:linear-gradient(180deg,#1a2942,#0d1626);border-color:#7dd3fc}#floatRuler canvas{display:block}#floatRuler .fr-x{position:absolute;top:0;right:0;width:28px;height:28px;border:none;background:#0284c724;color:var(--fg);font-weight:800;font-size:13px;cursor:pointer;border-radius:0 6px 0 8px}#emptyHint{position:absolute;inset:0;display:none;align-items:center;justify-content:center;z-index:8;pointer-events:none;color:var(--muted);font-size:14px;text-align:center;padding:24px}