#ruler-bottom,#ruler-top{height:48px;left:0;right:0}#ruler-left,#ruler-right{top:0;width:48px;bottom:0}#crosshair-h,#crosshair-v{background:rgba(37,99,235,.6)}#floating-ruler,.ruler-canvas{background:var(--ruler-bg);display:none}#surface,.protractor-overlay{user-select:none;touch-action:none}.ruler-canvas{position:absolute;z-index:20}#ruler-top{top:0;border-bottom:1px solid var(--ruler-border)}#ruler-bottom{bottom:0;border-top:1px solid var(--ruler-border)}#ruler-left{left:0;border-right:1px solid var(--ruler-border)}#ruler-right{right:0;border-left:1px solid var(--ruler-border)}#surface{position:fixed;top:48px;left:0;right:0;bottom:0;background-color:var(--color-canvas);overflow:hidden;transition:top .2s}@media (max-width:820px){#surface{top:var(--nav-height,48px)}}:-webkit-full-screen #surface,:fullscreen #surface,body.is-fullscreen #surface{top:0!important;height:100vh!important}:-webkit-full-screen #navbar,:fullscreen #navbar,body.is-fullscreen #navbar{position:fixed;top:56px;left:50%;right:auto;transform:translateX(-50%);transition:opacity .2s,transform .2s;opacity:.95;background:var(--color-canvas);backdrop-filter:blur(12px);box-shadow:var(--shadow-xl),0 0 0 1px var(--color-hairline);border-radius:var(--radius-pill);padding:4px 12px;z-index:100;border:1px solid var(--color-hairline)}#readout,.guide-badge{border-radius:var(--radius-xs);white-space:nowrap}:-webkit-full-screen #navbar:hover,:fullscreen #navbar:hover,body.is-fullscreen #navbar:hover{opacity:1}.crosshair-line{position:absolute;pointer-events:none;display:none;z-index:15}#crosshair-h{left:0;right:0;height:1px}#crosshair-v{top:0;bottom:0;width:1px}.guide-line{position:absolute;background:rgba(37,99,235,.85);z-index:14;cursor:grab}.guide-line.horizontal{left:0;right:0;height:2px;border-top:1px dashed #fff}.guide-line.vertical{top:0;bottom:0;width:2px;border-left:1px dashed #fff}.guide-badge{position:absolute;background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-mono);font-size:11px;padding:2px 6px;pointer-events:none;box-shadow:var(--shadow-sm)}.guide-delta-badge,.ruler-rotate-handle{background:var(--color-accent);align-items:center;display:flex}#readout,.guide-delta-badge{padding:4px 8px;font-size:11px;pointer-events:none;font-family:var(--font-mono)}#readout,.guide-delta-badge,.ruler-rotate-handle{position:absolute;color:#fff;box-shadow:var(--shadow-md)}.guide-delta-badge{font-weight:600;border-radius:var(--radius-pill);z-index:16;gap:4px}#readout{background:#111827;transform:translate(14px,-50%);display:none;z-index:30}#floating-ruler{position:absolute;top:25%;left:20%;border:1px solid var(--ruler-border);border-radius:6px;box-shadow:var(--shadow-xl),0 0 0 1px rgba(0,0,0,.08);z-index:25;cursor:move;transform-origin:center center;box-sizing:content-box}#floating-ruler-canvas{display:block;border-radius:5px}.ruler-rotate-handle{right:-16px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;justify-content:center;cursor:grab;font-size:12px}.caliper-info,.ruler-close-handle{font-size:11px;position:absolute;color:#fff}.ruler-close-handle{left:-12px;top:-12px;width:24px;height:24px;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);border:2px solid #fff}#caliper-box{position:absolute;top:30%;left:35%;width:220px;height:160px;border:2px dashed var(--color-accent);background:rgba(37,99,235,.06);border-radius:6px;z-index:22;display:none;cursor:move}.caliper-handle{position:absolute;width:14px;height:14px;background:#fff;border:2px solid var(--color-accent);border-radius:3px;box-shadow:var(--shadow-sm)}.caliper-info,.protractor-header{background:rgba(17,24,39,.9);border-radius:var(--radius-pill)}.caliper-handle.tl{top:-7px;left:-7px;cursor:nwse-resize}.caliper-handle.tr{top:-7px;right:-7px;cursor:nesw-resize}.caliper-handle.bl{bottom:-7px;left:-7px;cursor:nesw-resize}.caliper-handle.br{bottom:-7px;right:-7px;cursor:nwse-resize}.caliper-handle.bc,.caliper-handle.tc{cursor:ns-resize;left:50%;transform:translateX(-50%)}.caliper-handle.tc{top:-7px}.caliper-handle.bc{bottom:-7px}.caliper-handle.lc,.caliper-handle.rc{top:50%;transform:translateY(-50%);cursor:ew-resize}.caliper-handle.lc{left:-7px}.caliper-handle.rc{right:-7px}.caliper-info{bottom:8px;left:50%;transform:translateX(-50%);backdrop-filter:blur(4px);padding:4px 10px;font-family:var(--font-mono);white-space:nowrap;pointer-events:none;text-align:center}.protractor-overlay{position:absolute;transform:translate(-50%,-50%);z-index:28}.protractor-header,.protractor-stats{transform:translateX(-50%);backdrop-filter:blur(6px);white-space:nowrap;position:absolute;display:flex;left:50%}.protractor-header{top:-42px;align-items:center;gap:8px;padding:4px 12px;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.1)}.protractor-title{font-size:12px;font-weight:600;color:#fff}.protractor-badge{background:var(--color-accent);color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-pill)}.protractor-close{background:0 0;border:none;color:#9ca3af;font-size:13px;cursor:pointer;padding:0 2px}.protractor-close:hover{color:#ef4444}.protractor-stats{bottom:-36px;gap:12px;background:rgba(17,24,39,.9);padding:4px 12px;border-radius:var(--radius-pill);font-size:11px;font-family:var(--font-mono);color:#9ca3af;border:1px solid rgba(255,255,255,.1)}.protractor-stats strong{color:#fff}.preset-object-box{position:absolute;transform:translate(-50%,-50%);background:rgba(37,99,235,.15);border:2px solid var(--color-accent);z-index:26;cursor:grab;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);backdrop-filter:blur(2px)}.preset-object-content{text-align:center;pointer-events:none;padding:6px}.preset-title{display:block;font-size:12px;font-weight:700;color:var(--color-ink)}.preset-dim{display:block;font-size:10px;font-family:var(--font-mono);color:var(--color-mute)}.preset-btn,.preset-close{display:flex;cursor:pointer}.loupe-coords,.preset-close{position:absolute;color:#fff}.preset-close{top:-10px;right:-10px;width:22px;height:22px;background:#ef4444;border-radius:50%;border:2px solid #fff;font-size:11px;pointer-events:auto;align-items:center;justify-content:center}.precision-loupe{position:absolute;width:120px;height:120px;border-radius:50%;border:3px solid var(--color-accent);box-shadow:var(--shadow-2xl),0 0 0 2px rgba(255,255,255,.2);z-index:35;pointer-events:none;overflow:hidden;background:#09090b}.loupe-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px}.loupe-crosshair::after,.loupe-crosshair::before{content:'';position:absolute;background:#ef4444}.loupe-crosshair::before{top:5px;left:0;right:0;height:2px}.loupe-crosshair::after{left:5px;top:0;bottom:0;width:2px}.loupe-coords{bottom:6px;left:50%;transform:translateX(-50%);font-size:9px;font-family:var(--font-mono);background:rgba(0,0,0,.75);padding:1px 6px;border-radius:var(--radius-pill)}.preset-btn{align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border:1px solid var(--color-hairline);background:var(--color-canvas);border-radius:var(--radius-sm);margin-bottom:8px;transition:.15s;text-align:left}.preset-btn:hover{background:var(--color-canvas-soft);border-color:var(--color-hairline-strong)}.preset-btn-info strong{display:block;font-size:13px;color:var(--color-ink)}.preset-btn-info span{font-size:11px;color:var(--color-mute);font-family:var(--font-mono)}.preset-btn-action{font-size:12px;color:var(--color-accent);font-weight:600}