body>header,body>footer,.cookie-banner,#cookie-banner,.sidebar,[class*=sidebar],[class*=ad-slot],[data-ad-slot]{display:none!important}body,html,body>.flex-grow{margin:0!important;padding:0!important;overflow:hidden!important;width:100vw!important;height:100vh!important;background:#fff!important;display:block!important}#ruler-app-wrapper{display:grid!important;grid-template-rows:48px auto 1fr auto 32px!important;grid-template-columns:auto 1fr auto!important;width:100vw!important;height:100vh!important;overflow:hidden!important;background:#fff;font-family:Inter,-apple-system,sans-serif;color:#111827}#shortcuts-modal.hidden,#calibration-overlay.hidden,#calibration-panel.hidden,#card-reference.hidden,#rotate-banner.hidden{display:none!important}#toolbar{grid-row:1;grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fff;border-bottom:1px solid #E5E7EB;height:48px;gap:8px;z-index:100}#toolbar-left,#toolbar-right{display:flex;align-items:center;gap:8px}#brand-link{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:#111827;text-decoration:none;margin-right:12px}#guide-link{font-size:13px;font-weight:500;color:#4b5563;text-decoration:none;padding:6px 12px;border-radius:6px;transition:all .2s}#guide-link:hover{background:#f3f4f6;color:#111827}.edge-btn{padding:4px 8px;border:1px solid #D1D5DB;border-radius:4px;background:transparent;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.05em;color:#6b7280;transition:all .15s ease}.edge-btn.active{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.unit-btn{padding:4px 10px;border:1px solid #D1D5DB;border-radius:4px;background:transparent;cursor:pointer;font-size:13px;font-weight:500;color:#374151;transition:all .15s ease}.unit-btn.active{background:#111827;color:#fff;border-color:#111827}#calibrate-btn{padding:6px 14px;background:transparent;border:1px solid #D1D5DB;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;color:#374151;transition:all .2s}#calibrate-btn:hover{background:#f9fafb;border-color:#c5c7cc}.toolbar-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #E5E7EB;border-radius:6px;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;transition:all .2s}.toolbar-icon-btn:hover{background:#f9fafb;color:#111827}.toolbar-icon-btn.btn-active{background:#eff6ff!important;border-color:#bfdbfe!important;color:#2563eb!important}#ruler-top,#ruler-left,#ruler-right,#ruler-bottom{display:block!important}#ruler-top{grid-row:2;grid-column:1 / -1;width:100%!important;height:var(--top-ruler-height, 0px)!important;overflow:hidden;transition:height .2s ease;z-index:90;border-bottom:1px solid #D1D5DB}#ruler-left{grid-row:3;grid-column:1;width:var(--left-ruler-width, 44px)!important;height:100%!important;overflow:hidden;transition:width .2s ease;z-index:90;border-right:1px solid #D1D5DB}#center-canvas-container{grid-row:3;grid-column:2;position:relative;width:100%;height:100%;overflow:hidden}#center-canvas{width:100%;height:100%;display:block;cursor:crosshair}#ruler-right{grid-row:3;grid-column:3;width:var(--right-ruler-width, 44px)!important;height:100%!important;overflow:hidden;transition:width .2s ease;z-index:90;border-left:1px solid #D1D5DB}#ruler-bottom{grid-row:4;grid-column:1 / -1;width:100%!important;height:var(--bottom-ruler-height, 48px)!important;overflow:hidden;transition:height .2s ease;z-index:90;border-top:1px solid #D1D5DB}#shortcuts-bar{grid-row:5;grid-column:1 / -1;display:flex;align-items:center;gap:20px;padding:0 16px;background:#f9fafb;border-top:1px solid #E5E7EB;font-size:11px;color:#6b7280;height:32px;overflow:hidden;z-index:100}#desktop-shortcuts{display:flex;align-items:center;gap:20px}#desktop-shortcuts kbd{background:#e5e7eb;border-radius:3px;padding:1px 5px;font-size:10px;font-family:monospace;color:#374151}#mobile-shortcuts-btn{background:transparent;border:none;font-size:12px;font-weight:500;color:#4b5563;cursor:pointer;display:flex;align-items:center;gap:4px}#card-reference{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:323.5px;height:204px;background:#fbbf241f;border:2px dashed #D97706;border-radius:12px;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.card-ref-title{font-size:11px;font-weight:700;color:#b45309;margin-bottom:4px;letter-spacing:.05em}.card-ref-hint{font-size:10px;color:#78350f;background:#ffffffb3;padding:2px 6px;border-radius:4px}#card-resize-handle{position:absolute;top:0;right:-5px;width:10px;height:100%;cursor:ew-resize;background:transparent}#card-resize-handle:after{content:"";position:absolute;top:50%;left:3px;transform:translateY(-50%);width:4px;height:32px;background:#d97706;border-radius:2px;opacity:.7;transition:opacity .2s}#card-resize-handle:hover:after,#card-resize-handle:active:after{opacity:1;width:6px;left:2px}#position-display{position:absolute;bottom:12px;right:12px;background:#111827d9;backdrop-filter:blur(4px);color:#f9fafb;font-size:11px;font-family:monospace;padding:8px 12px;border-radius:6px;line-height:1.8;pointer-events:none;z-index:50;min-width:130px;box-shadow:0 4px 6px -1px #0000001a}#calibration-overlay{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(2px);z-index:200}#calibration-panel{position:fixed;top:0;right:0;width:360px;height:100vh;background:#fff;box-shadow:-4px 0 24px #0000001f;z-index:201;overflow-y:auto;padding:24px;transform:translate(100%);transition:transform .25s ease-in-out;display:flex;flex-direction:column;gap:20px}#calibration-panel.open{transform:translate(0)}#cal-header{display:flex;justify-content:space-between;align-items:center}#cal-header h2{margin:0;font-size:18px;font-weight:700}#cal-close{background:transparent;border:none;cursor:pointer;font-size:16px;color:#9ca3af;transition:color .2s}#cal-close:hover{color:#111827}#cal-tabs{display:flex;border-bottom:1px solid #E5E7EB;gap:8px}.cal-tab{padding:8px 0;flex:1;border:none;border-bottom:2px solid transparent;background:transparent;font-weight:500;color:#4b5563;cursor:pointer;font-size:13px;transition:all .2s;text-align:center}.cal-tab.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.cal-method{display:flex;flex-direction:column;gap:16px}.cal-field-group{display:flex;flex-direction:column;gap:6px}.cal-field-group label{font-size:12px;font-weight:600;color:#374151}.cal-field-group select,.cal-field-group input{padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:13px;outline:none;background:#fff;color:#111827;transition:border-color .2s}.cal-field-group select:focus,.cal-field-group input:focus{border-color:#2563eb}.cal-actions{display:flex;gap:8px}.btn-primary{background:#2563eb;color:#fff;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;border:none;font-size:13px;flex:1;transition:background .2s;text-align:center}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#f3f4f6;color:#374151;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;border:1px solid #d1d5db;font-size:13px;flex:1;transition:background .2s;text-align:center}.btn-secondary:hover{background:#e5e7eb}.cal-info{font-size:12px;line-height:1.5;color:#6b7280}.cal-live-stat{font-size:13px;background:#f3f4f6;padding:10px 14px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;border:1px solid #E5E7EB}.cal-live-stat strong{color:#2563eb;font-size:15px}#cal-status{margin-top:auto;border-top:1px solid #E5E7EB;padding-top:16px;font-size:12px;color:#4b5563}#cal-status strong{color:#111827}#rotate-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#111827e6;color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:12px;z-index:80;box-shadow:0 4px 10px #0003;pointer-events:auto}#btn-close-rotate{background:transparent;border:none;color:#9ca3af;cursor:pointer;font-size:12px;font-weight:700}#shortcuts-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:210}#shortcuts-modal-content{background:#fff;border-radius:8px;width:280px;padding:16px;box-shadow:0 4px 20px #00000026}#shortcuts-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid #E5E7EB;padding-bottom:8px}#shortcuts-modal-header h3{margin:0;font-size:14px;font-weight:600}#shortcuts-modal-close{background:transparent;border:none;cursor:pointer;font-size:14px;color:#9ca3af}#shortcuts-modal-body{font-size:12px;display:flex;flex-direction:column;gap:8px}#shortcuts-modal-body div{display:flex;justify-content:space-between;align-items:center}#shortcuts-modal-body kbd{background:#e5e7eb;border-radius:3px;padding:1px 5px;font-size:10px;font-family:monospace;color:#374151}.ruler-toast{position:fixed;top:60px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;padding:8px 20px;border-radius:6px;font-size:13px;font-weight:500;z-index:300;animation:fadeout 3s ease forwards;box-shadow:0 4px 6px #0000001a}@keyframes fadeout{0%{opacity:0;transform:translate(-50%,-10px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}#ruler-app-wrapper.dark{background:#111827;color:#f9fafb}#ruler-app-wrapper.dark #toolbar{background:#111827;border-color:#374151}#ruler-app-wrapper.dark #brand-link{color:#fff}#ruler-app-wrapper.dark #guide-link{color:#9ca3af}#ruler-app-wrapper.dark #guide-link:hover{background:#374151;color:#fff}#ruler-app-wrapper.dark .edge-btn{border-color:#374151;color:#9ca3af}#ruler-app-wrapper.dark .edge-btn.active{background:#1e3a8a;color:#60a5fa;border-color:#2563eb}#ruler-app-wrapper.dark .unit-btn{border-color:#374151;color:#9ca3af}#ruler-app-wrapper.dark .unit-btn.active{background:#f9fafb;color:#111827;border-color:#f9fafb}#ruler-app-wrapper.dark #calibrate-btn{border-color:#374151;color:#d1d5db}#ruler-app-wrapper.dark #calibrate-btn:hover{background:#1f2937}#ruler-app-wrapper.dark .toolbar-icon-btn{border-color:#374151;color:#9ca3af}#ruler-app-wrapper.dark .toolbar-icon-btn:hover{background:#1f2937;color:#fff}#ruler-app-wrapper.dark .toolbar-icon-btn.btn-active{background:#1e3a8a!important;border-color:#2563eb!important;color:#60a5fa!important}#ruler-app-wrapper.dark #ruler-top,#ruler-app-wrapper.dark #ruler-left,#ruler-app-wrapper.dark #ruler-right,#ruler-app-wrapper.dark #ruler-bottom{border-color:#374151}#ruler-app-wrapper.dark #shortcuts-bar{background:#111827;color:#9ca3af;border-color:#374151}#ruler-app-wrapper.dark #desktop-shortcuts kbd{background:#374151;color:#d1d5db}#ruler-app-wrapper.dark #mobile-shortcuts-btn{color:#9ca3af}#ruler-app-wrapper.dark #calibration-panel{background:#1f2937;color:#f9fafb;box-shadow:-4px 0 24px #0006}#ruler-app-wrapper.dark #cal-header h2,#ruler-app-wrapper.dark #cal-close:hover{color:#fff}#ruler-app-wrapper.dark #cal-tabs{border-color:#374151}#ruler-app-wrapper.dark .cal-tab{color:#9ca3af}#ruler-app-wrapper.dark .cal-tab.active{color:#60a5fa;border-bottom-color:#60a5fa}#ruler-app-wrapper.dark .cal-field-group label{color:#d1d5db}#ruler-app-wrapper.dark .cal-field-group select,#ruler-app-wrapper.dark .cal-field-group input{background:#111827;color:#fff;border-color:#374151}#ruler-app-wrapper.dark .cal-field-group select:focus,#ruler-app-wrapper.dark .cal-field-group input:focus{border-color:#60a5fa}#ruler-app-wrapper.dark .cal-live-stat{background:#111827;border-color:#374151}#ruler-app-wrapper.dark .cal-live-stat strong{color:#60a5fa}#ruler-app-wrapper.dark .btn-secondary{background:#374151;color:#d1d5db;border-color:#4b5563}#ruler-app-wrapper.dark .btn-secondary:hover{background:#4b5563}#ruler-app-wrapper.dark #cal-status{border-color:#374151;color:#9ca3af}#ruler-app-wrapper.dark #cal-status strong{color:#fff}#ruler-app-wrapper.dark #shortcuts-modal-content{background:#1f2937;color:#fff}#ruler-app-wrapper.dark #shortcuts-modal-header{border-color:#374151}#ruler-app-wrapper.dark #shortcuts-modal-body kbd{background:#374151;color:#d1d5db}@media (max-width: 640px){#desktop-shortcuts{display:none!important}#mobile-shortcuts-btn{display:block!important}#shortcuts-bar{justify-content:center}#toolbar{padding:0 8px}#toolbar-right{gap:4px}.toolbar-icon-btn{width:32px;height:32px}#calibrate-btn{padding:6px 10px}#calibration-panel{width:100vw}}