@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-color:#fff;--text-color:#111;--text-muted:#666;--border-color:#eaeaea;--header-bg:#fff;--hover-bg:#f5f5f5;--btn-bg:#fff;--btn-text:#111;--active-bg:#111;--active-text:#fff;--tooltip-bg:#111;--tooltip-text:#fff;--ruler-mark:#111;--ruler-bg:#fff;--crosshair:#1116;--guide-color:#2563eb;--modal-overlay:#00000080;--workspace-bg:#fff;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px;--color-canvas:#fff;--color-canvas-soft:#f5f5f5;--color-canvas-soft-2:#e5e5e5;--color-hairline:#e5e5e5;--color-hairline-strong:#ccc;--color-ink:#111;--color-body:#444;--color-mute:#666;--color-primary:#111;--color-on-primary:#fff;--header-height:48px}:root[data-theme=dark],[data-theme=dark]{--color-canvas:#0a0a0a;--color-canvas-soft:#171717;--color-canvas-soft-2:#262626;--color-hairline:#262626;--color-hairline-strong:#404040;--color-ink:#f9fafb;--color-body:#9ca3af;--color-mute:#6b7280;--color-primary:#f9fafb;--color-on-primary:#0a0a0a;--bg-color:#0a0a0a;--text-color:#f9fafb;--text-muted:#9ca3af;--border-color:#262626;--header-bg:#0a0a0a;--hover-bg:#171717;--btn-bg:#0a0a0a;--btn-text:#f9fafb;--active-bg:#f9fafb;--active-text:#0a0a0a;--tooltip-bg:#f9fafb;--tooltip-text:#0a0a0a;--ruler-mark:#f9fafb;--ruler-bg:#171717;--crosshair:#f9fafb66;--modal-overlay:#000000b3;--workspace-bg:#0a0a0a}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--workspace-bg);color:var(--text-color);-webkit-font-smoothing:antialiased;margin:0;padding:0}.shadow-level-5{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}[data-theme=dark] .shadow-level-5{box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d}body.fullscreen-active{overflow:hidden}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.fixed-header{background-color:var(--color-canvas);border-bottom:1px solid var(--color-hairline);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 16px;font-size:14px;display:flex}.header-left-section,.header-right-section{flex-shrink:0;align-items:center;gap:8px;display:flex}.header-logo-container{color:var(--color-ink);align-items:center;gap:8px;font-weight:600;display:flex}.brand-text{letter-spacing:-.02em}.separator{background-color:var(--color-hairline);width:1px;height:24px;margin:0 8px}.edge-toggles{gap:4px;display:flex}.edge-btn,.icon-action-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-mute);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.edge-btn:hover,.icon-action-btn:hover{background:var(--color-canvas-soft);color:var(--color-ink)}.edge-btn.active{background:var(--color-ink);color:var(--color-canvas)}[data-theme=dark] .edge-btn.active{background:var(--color-primary);color:var(--color-on-primary)}.theme-toggle-btn{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}:root[data-theme=dark] .theme-toggle-btn.active-dark,[data-theme=dark] .theme-toggle-btn.active-dark{border-radius:var(--radius-md);color:#713f12!important;background:#fef08a!important;border:1.5px solid #f59e0b!important;box-shadow:0 0 12px #f59e0b73,0 1px 3px #0000004d!important}:root[data-theme=dark] .theme-toggle-btn.active-dark:hover,[data-theme=dark] .theme-toggle-btn.active-dark:hover{transform:scale(1.08);color:#451a03!important;background:#fde047!important;border-color:#d97706!important;box-shadow:0 0 18px #f59e0ba6,0 2px 6px #0006!important}:root[data-theme=dark] .theme-toggle-btn.active-dark:focus-visible,[data-theme=dark] .theme-toggle-btn.active-dark:focus-visible{outline-offset:2px!important;outline:2px solid #fde047!important;box-shadow:0 0 0 3px #fde04780,0 0 16px #f59e0b99!important}:root[data-theme=dark] .theme-toggle-btn.active-dark:active,[data-theme=dark] .theme-toggle-btn.active-dark:active{transform:scale(.94);color:#291201!important;background:#eab308!important;border-color:#b45309!important;box-shadow:0 0 6px #f59e0b4d!important}.unit-segmented-control{background:var(--color-canvas-soft);border-radius:var(--radius-md);border:1px solid var(--color-hairline);align-items:center;padding:2px;display:flex}.unit-btn{border-radius:calc(var(--radius-md) - 2px);color:var(--color-mute);cursor:pointer;background:0 0;border:none;padding:4px 12px;font-size:13px;font-weight:500;transition:all .2s}.unit-btn.active{background:var(--color-canvas);color:var(--color-ink);box-shadow:0 1px 2px #0000000d}[data-theme=dark] .unit-btn.active{background:var(--color-canvas-soft-2)}.unit-separator{background-color:var(--color-hairline);width:1px;height:12px}.action-btn{border:1px solid var(--color-hairline);border-radius:var(--radius-md);height:32px;color:var(--color-ink);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.action-btn:hover{background:var(--color-canvas-soft)}.cal-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.header-spacer{flex:1}@media (width<=768px){.hidden-mobile{display:none!important}.fixed-header{padding:0 8px;overflow-x:auto}.header-left-section,.header-right-section{gap:4px}}.workspace{background:var(--bg-color);cursor:crosshair;flex:1;position:relative;overflow:hidden}.workspace.left-ruler-mode{-webkit-overflow-scrolling:touch;overflow:hidden auto}.workspace.left-ruler-mode::-webkit-scrollbar{width:6px}.workspace.left-ruler-mode::-webkit-scrollbar-track{background:0 0}.workspace.left-ruler-mode::-webkit-scrollbar-thumb{background:#9696964d;border-radius:3px}.workspace.left-ruler-mode::-webkit-scrollbar-thumb:hover{background:#96969680}.ruler-frame{--ruler-width:57px;--ruler-right-width:57px;--ruler-height:57px;--ruler-bottom-height:57px;grid-template-columns:var(--ruler-width) minmax(0, 1fr) var(--ruler-right-width);grid-template-rows:var(--ruler-height) minmax(0, 1fr) var(--ruler-bottom-height);background:var(--bg-color);width:100%;height:100%;display:grid;overflow:hidden}.ruler-corner{background:var(--bg-color);z-index:20;position:relative;overflow:hidden}.horizontal-ruler,.vertical-ruler,.top-ruler,.bottom-ruler,.left-ruler,.right-ruler{box-sizing:border-box;background:var(--bg-color);z-index:10;position:relative;overflow:hidden}.top-ruler,.bottom-ruler,.left-ruler,.right-ruler{border:none;width:100%;height:100%}.measurement-canvas{z-index:5;width:100%;height:100%;position:relative;overflow:hidden}.measurement-canvas:has(.dual-ruler-container),.measurement-canvas:has(.centered-ruler-container){overflow:visible}.ruler-frame canvas{pointer-events:none;position:absolute;top:0;left:0}.empty-state-modern{pointer-events:auto;z-index:50;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:400px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.welcome-text{color:var(--color-ink);margin:0;font-size:16px;font-weight:500}.quick-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}@media (width<=480px){.quick-grid{grid-template-columns:1fr}}.quick-btn{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);color:var(--color-mute);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.quick-btn:hover{border-color:var(--color-hairline-strong);color:var(--color-ink);background:var(--color-canvas-soft)}.calibration-status-badge{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);color:var(--color-mute);align-items:center;gap:8px;margin-top:8px;padding:6px 12px;font-size:13px;display:inline-flex}.edge-hit{z-index:1;position:absolute}.top-hit{cursor:row-resize;height:30px;top:0;left:0;right:0}.bottom-hit{cursor:row-resize;height:30px;bottom:0;left:0;right:0}.left-hit{cursor:col-resize;width:30px;top:0;bottom:0;left:0}.right-hit{cursor:col-resize;width:30px;top:0;bottom:0;right:0}.crosshair-h,.crosshair-v{pointer-events:none;background:#1f2937;position:absolute}.crosshair-h{width:100%;height:1px;left:0}.crosshair-v{width:1px;height:100%;top:0}.guide-line{background:var(--guide-color);z-index:2;pointer-events:none;position:absolute}.guide-h{width:100%;height:1px;left:0}.guide-v{width:1px;height:100%;top:0}.guide-label{background:var(--guide-color);color:#fff;font-family:var(--font-mono);border-radius:2px;padding:2px 4px;font-size:10px;position:absolute}.guide-h .guide-label{bottom:2px;right:80px}.guide-v .guide-label{bottom:80px;left:2px}.tooltip{color:#fff;font-family:var(--font-mono);pointer-events:none;white-space:nowrap;z-index:20;background:#000;border-radius:5px;padding:6px 8px;font-size:14px;font-weight:500;position:absolute}.modal-overlay{backdrop-filter:blur(4px);z-index:9999;box-sizing:border-box;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}[data-theme=dark] .modal-content{box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{color:var(--color-ink);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}.modal-close{color:var(--color-mute);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.modal-close:hover{color:var(--color-ink);background:var(--color-canvas-soft)}.form-input{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);width:100%;color:var(--color-ink);font-family:var(--font-sans);padding:10px 14px;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:var(--color-body);box-shadow:0 0 0 2px var(--color-canvas-soft-2);outline:none}.segmented-control{background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-md);gap:4px;padding:4px;display:flex}.segmented-control button{border-radius:calc(var(--radius-md) - 2px);color:var(--color-mute);cursor:pointer;background:0 0;border:none;flex:1;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s}.segmented-control button.active{background:var(--color-canvas);color:var(--color-ink);box-shadow:0 1px 2px #0000000d}.device-btn{transition:background .2s}.device-btn:hover{cursor:pointer;background:var(--color-canvas-soft)!important}.seo-section{max-width:768px;color:var(--color-body);font-size:16px;line-height:1.7;font-family:var(--font-sans);margin:80px auto;padding:0 24px}.seo-section h1{color:var(--color-ink);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(26px,5vw,36px);font-weight:700;line-height:1.25}.seo-section h2{color:var(--color-ink);letter-spacing:-.01em;margin:48px 0 16px;font-size:clamp(20px,4vw,24px);font-weight:600}.seo-section h3{color:var(--color-ink);margin:32px 0 12px;font-size:20px;font-weight:600}.seo-section p{margin-bottom:24px}.seo-section ul,.seo-section ol{margin-bottom:24px;padding-left:24px}.seo-section li{margin-bottom:12px}.seo-section strong{color:var(--color-ink);font-weight:600}.faq-modern-section{width:100%;margin:64px 0 32px}.faq-header-container{text-align:center;margin-bottom:28px}.faq-badge-wrapper{justify-content:center;margin-bottom:12px;display:flex}.faq-eyebrow-badge{font-size:12px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.faq-eyebrow-badge svg{color:#2563eb}:root[data-theme=dark] .faq-eyebrow-badge svg,[data-theme=dark] .faq-eyebrow-badge svg{color:#60a5fa}.faq-title{letter-spacing:-.02em;color:var(--color-ink);margin:0 0 10px;font-size:clamp(24px,4vw,32px);font-weight:700;line-height:1.25}.faq-subtitle{color:var(--color-mute);max-width:580px;margin:0 auto;font-size:15px;line-height:1.5}.faq-toolbar{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.faq-search-wrapper{align-items:center;width:100%;display:flex;position:relative}.faq-search-icon{color:var(--color-mute);pointer-events:none;position:absolute;left:14px}.faq-search-input{width:100%;font-size:15px;font-family:var(--font-sans);color:var(--color-ink);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);outline:none;padding:12px 40px 12px 42px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000008}.faq-search-input::-webkit-search-decoration,.faq-search-input::-webkit-search-cancel-button{display:none}.faq-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}:root[data-theme=dark] .faq-search-input:focus,[data-theme=dark] .faq-search-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.faq-search-clear-btn{border-radius:var(--radius-pill);background:var(--color-canvas-soft-2);width:24px;height:24px;color:var(--color-mute);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex;position:absolute;right:12px}.faq-search-clear-btn:hover{background:var(--color-hairline-strong);color:var(--color-ink)}.faq-actions-row{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.faq-count-badge{color:var(--color-mute);font-size:13px}.faq-count-badge strong{color:var(--color-ink);font-weight:600}.faq-action-btn{font-size:13px;font-weight:500;font-family:var(--font-sans);color:var(--color-mute);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;transition:all .2s;display:inline-flex}.faq-action-btn:hover{color:var(--color-ink);border-color:var(--color-hairline-strong);background:var(--color-canvas-soft)}.faq-action-btn.active{background:var(--color-canvas-soft-2);color:var(--color-ink)}.faq-categories-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:8px;padding:4px 2px 14px;display:flex;overflow-x:auto}.faq-categories-scroll::-webkit-scrollbar{display:none}.faq-category-pill{font-size:13px;font-weight:500;font-family:var(--font-sans);color:var(--color-mute);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;user-select:none;align-items:center;gap:6px;padding:6px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.faq-category-pill:hover{color:var(--color-ink);border-color:var(--color-hairline-strong);background:var(--color-canvas-soft)}.faq-category-pill.active{background:var(--color-ink);color:var(--color-canvas);border-color:var(--color-ink);font-weight:600;box-shadow:0 2px 8px #0000001f}:root[data-theme=dark] .faq-category-pill.active,[data-theme=dark] .faq-category-pill.active{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:0 2px 10px #ffffff26}.faq-pill-count{border-radius:var(--radius-pill);background:var(--color-canvas-soft-2);color:var(--color-mute);padding:1px 6px;font-size:11px;font-weight:600}.faq-category-pill.active .faq-pill-count{color:var(--color-canvas);background:#fff3}:root[data-theme=dark] .faq-category-pill.active .faq-pill-count,[data-theme=dark] .faq-category-pill.active .faq-pill-count{color:var(--color-on-primary);background:#0003}.faq-list-container{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.faq-accordion-item{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-canvas);transition:border-color .25s,box-shadow .25s,transform .25s;overflow:hidden}.faq-accordion-item:hover{border-color:var(--color-hairline-strong);box-shadow:0 4px 14px #0000000a}.faq-accordion-item[open]{border-color:var(--color-hairline-strong);box-shadow:0 6px 18px #0000000f}:root[data-theme=dark] .faq-accordion-item:hover,[data-theme=dark] .faq-accordion-item:hover{box-shadow:0 4px 16px #00000059}:root[data-theme=dark] .faq-accordion-item[open],[data-theme=dark] .faq-accordion-item[open]{box-shadow:0 6px 20px #00000073}.faq-accordion-summary{color:var(--color-ink);cursor:pointer;user-select:none;background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-size:15.5px;font-weight:600;list-style:none;transition:background .15s;display:flex}.faq-accordion-summary::-webkit-details-marker,.faq-accordion-summary::marker{display:none}.faq-accordion-summary:focus-visible{outline-offset:-2px;outline:2px solid #2563eb}.faq-accordion-summary:hover{background:var(--color-canvas-soft)}.faq-summary-left{text-align:left;flex-direction:column;align-items:flex-start;gap:6px;display:flex}.faq-item-category-tag{font-size:10.5px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;background:var(--color-canvas-soft-2);color:var(--color-mute);border-radius:4px;padding:2px 7px}.faq-question-text{color:var(--color-ink);font-size:15.5px;line-height:1.4}.faq-chevron-icon{border-radius:var(--radius-pill);background:var(--color-canvas-soft);width:28px;height:28px;color:var(--color-mute);flex-shrink:0;justify-content:center;align-items:center;transition:transform .28s cubic-bezier(.4,0,.2,1),background .2s,color .2s;display:flex}.faq-accordion-item[open] .faq-chevron-icon{background:var(--color-ink);color:var(--color-canvas);transform:rotate(180deg)}:root[data-theme=dark] .faq-accordion-item[open] .faq-chevron-icon,[data-theme=dark] .faq-accordion-item[open] .faq-chevron-icon{background:var(--color-primary);color:var(--color-on-primary)}.faq-accordion-body{border-top:1px solid var(--color-hairline);background:var(--color-canvas);padding:18px 20px;animation:.25s ease-out faqFadeIn}@keyframes faqFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.faq-answer-content{color:var(--color-body);font-size:14.5px;line-height:1.65}.faq-answer-content p{margin:0 0 12px}.faq-answer-content p:last-child{margin-bottom:0}.faq-answer-content ul,.faq-answer-content ol{margin:8px 0 12px;padding-left:20px}.faq-answer-content li{margin-bottom:6px}.faq-answer-content strong{color:var(--color-ink);font-weight:600}.faq-answer-content a{color:#2563eb;font-weight:500;text-decoration:none}.faq-answer-content a:hover{text-decoration:underline}:root[data-theme=dark] .faq-answer-content a,[data-theme=dark] .faq-answer-content a{color:#60a5fa}.faq-no-results{text-align:center;border:1px dashed var(--color-hairline-strong);border-radius:var(--radius-lg);background:var(--color-canvas-soft);flex-direction:column;justify-content:center;align-items:center;margin:12px 0;padding:44px 20px;display:flex}.faq-no-results-icon{color:var(--color-mute);margin-bottom:12px}.faq-no-results-title{color:var(--color-ink);margin:0 0 6px;font-size:17px;font-weight:600}.faq-no-results-desc{color:var(--color-mute);max-width:400px;margin:0 0 18px;font-size:13.5px;line-height:1.5}.faq-reset-btn{font-size:13px;font-weight:600;font-family:var(--font-sans);color:var(--color-canvas);background:var(--color-ink);border-radius:var(--radius-pill);cursor:pointer;border:1px solid #0000;padding:8px 18px;transition:all .2s}.faq-reset-btn:hover{opacity:.9;transform:translateY(-1px)}:root[data-theme=dark] .faq-reset-btn,[data-theme=dark] .faq-reset-btn{color:var(--color-on-primary);background:var(--color-primary)}.faq-contact-card{background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:22px 24px;display:flex}.faq-contact-info{align-items:center;gap:16px;display:flex}.faq-contact-icon{border-radius:var(--radius-md);background:var(--color-canvas);border:1px solid var(--color-hairline);color:#2563eb;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}:root[data-theme=dark] .faq-contact-icon,[data-theme=dark] .faq-contact-icon{color:#60a5fa}.faq-contact-title{color:var(--color-ink);margin:0 0 4px;font-size:16px;font-weight:600}.faq-contact-desc{color:var(--color-mute);margin:0;font-size:13px;line-height:1.45}.faq-contact-btn{font-size:13.5px;font-weight:600;font-family:var(--font-sans);color:var(--color-canvas);background:var(--color-ink);border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;padding:9px 18px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.faq-contact-btn:hover{opacity:.92;transform:translate(2px);box-shadow:0 4px 12px #00000026}:root[data-theme=dark] .faq-contact-btn,[data-theme=dark] .faq-contact-btn{color:var(--color-on-primary);background:var(--color-primary);box-shadow:0 4px 14px #ffffff1a}@media (width<=640px){.faq-contact-card{flex-direction:column;align-items:flex-start;gap:16px;padding:18px}.faq-contact-btn{justify-content:center;width:100%}.faq-actions-row{flex-direction:column;align-items:flex-start;gap:8px}}.site-footer{border-top:1px solid var(--color-hairline);text-align:center;color:var(--color-mute);background:var(--color-canvas-soft);padding:48px 24px;font-size:14px}.site-footer a{color:var(--color-mute);margin:0 12px 8px;text-decoration:none;transition:color .2s;display:inline-block}.site-footer a:hover{color:var(--color-ink)}@media (width<=768px){.desktop-only{display:none}.mobile-menu-toggle,.mobile-dropdown{display:block}}.centered-workspace{background:var(--bg-color);flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.centered-ruler-container{flex-direction:column;align-items:center;width:100%;max-width:100%;padding:0;display:flex;position:absolute;top:30%;transform:translateY(-50%)}.centered-ruler-block{background:var(--ruler-bg);box-sizing:border-box;border-top:1px solid var(--ruler-mark);border-bottom:1px solid var(--ruler-mark);width:100%;height:120px;position:relative}.centered-ruler-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.centered-ruler-controls{z-index:10;box-sizing:border-box;pointer-events:auto;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:10px;padding:0 12px;display:flex}.ruler-controls-left{gap:8px;display:flex}.ruler-calib-btn{background:var(--btn-bg);border:1px solid var(--border-color);color:var(--btn-text);border-radius:var(--radius-xs);font-family:var(--font-sans);cursor:pointer;align-items:center;padding:4px 10px;font-size:13px;font-weight:500;display:flex;box-shadow:0 1px 2px #0000000d}.ruler-calib-btn:hover{background:var(--hover-bg)}.ruler-color-btn{cursor:pointer!important;align-items:center!important;gap:6px!important;padding:4px 8px!important;display:inline-flex!important}.ruler-controls-right{display:flex}.ruler-unit-toggle{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-xs);display:flex;overflow:hidden}.ruler-unit-toggle button{font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 12px;font-size:13px;font-weight:500}.ruler-unit-toggle button.active{background:var(--active-bg);color:var(--active-text)}@media (width<=768px){.btn-label-desktop{display:none}.ruler-calib-btn{padding:6px 8px;font-size:12px}.ruler-unit-toggle button{padding:4px 8px;font-size:12px}.centered-ruler-controls{padding:0 8px}}.dual-ruler-container{flex-direction:column;align-items:center;width:100%;max-width:100%;margin:auto 0;padding:16px 0;display:flex;position:relative}.dual-ruler-scroll-viewport{box-sizing:border-box;width:100%;max-width:100%;position:relative}.dual-ruler-scroll-viewport.viewport-horizontal{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:thin;justify-content:flex-start;padding:4px 0;display:flex;overflow:auto hidden}.dual-ruler-scroll-viewport.viewport-vertical{-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;justify-content:center;padding:0 40px;display:flex;overflow:hidden auto}.dual-ruler-scroll-viewport::-webkit-scrollbar{width:6px;height:6px}.dual-ruler-scroll-viewport::-webkit-scrollbar-thumb{background:var(--color-hairline-strong,#00000040);border-radius:3px}.dual-ruler-block{box-sizing:border-box;border-top:1px solid var(--ruler-mark);border-bottom:1px solid var(--ruler-mark);cursor:default;user-select:none;flex-shrink:0;position:relative}.dual-ruler-block.dual-horizontal{flex-direction:column;display:flex}.dual-ruler-block.dual-vertical{border-left:1px solid var(--ruler-mark);border-right:1px solid var(--ruler-mark);border-top:1px solid var(--ruler-mark);border-bottom:1px solid var(--ruler-mark);flex-direction:row;display:flex}.dual-ruler-track{box-sizing:border-box;position:relative;overflow:hidden}.dual-ruler-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.dual-ruler-controls{z-index:10;pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:14px;display:flex}.dual-ruler-controls .ruler-calib-btn{background:var(--color-canvas,#fff);border:1px solid var(--color-hairline,#e5e7eb);border-radius:var(--radius-sm,6px);height:38px;color:var(--color-ink,#1f2937);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}[data-theme=dark] .dual-ruler-controls .ruler-calib-btn{background:var(--color-canvas-soft,#1e1e1e);border-color:var(--color-hairline,#374151);color:var(--color-ink,#f3f4f6)}.dual-ruler-controls .ruler-calib-btn:hover{background:var(--color-canvas-soft,#f9fafb);border-color:var(--color-hairline-strong,#d1d5db)}[data-theme=dark] .dual-ruler-controls .ruler-calib-btn:hover{background:#262626;border-color:#4b5563}.dual-ruler-controls .ruler-calib-btn:active{transform:scale(.97)}.dual-ruler-controls .ruler-color-btn{min-width:38px;padding:0 8px}.dual-ruler-controls .ruler-mode-btn{font-weight:600}.dual-ruler-unit-row{z-index:10;pointer-events:auto;box-sizing:border-box;justify-content:center;align-items:flex-end;gap:12px;width:100%;max-width:460px;margin-top:14px;margin-left:auto;margin-right:auto;padding:0 10px;display:flex}.dual-ruler-unit-group{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.dual-ruler-unit-label{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;text-align:center;font-size:11px;font-weight:700}[data-theme=dark] .dual-ruler-unit-label{color:#9ca3af}.custom-select-box{align-items:center;width:100%;min-width:135px;display:flex;position:relative}.custom-unit-select{background:var(--color-canvas,#fff);border:1px solid var(--color-hairline,#e5e7eb);border-radius:var(--radius-md,8px);width:100%;height:44px;font-family:var(--font-sans);color:var(--color-ink,#111827);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;padding:0 30px 0 12px;font-size:13.5px;font-weight:500;transition:all .2s;box-shadow:0 1px 2px #0000000a}[data-theme=dark] .custom-unit-select{background:var(--color-canvas-soft,#1e1e1e);border-color:var(--color-hairline,#374151);color:var(--color-ink,#f3f4f6)}.custom-unit-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.custom-select-chevron{pointer-events:none;color:var(--color-ink,#111827);position:absolute;right:12px}[data-theme=dark] .custom-select-chevron{color:var(--color-ink,#f3f4f6)}.dual-ruler-swap-btn{border-radius:var(--radius-md,8px);border:1px solid var(--color-hairline,#e5e7eb);background:var(--color-canvas,#fff);width:44px;height:44px;color:var(--color-ink,#111827);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:0;font-size:18px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a}[data-theme=dark] .dual-ruler-swap-btn{background:var(--color-canvas-soft,#1e1e1e);border-color:var(--color-hairline,#374151);color:var(--color-ink,#f3f4f6)}.dual-ruler-swap-btn:hover{background:var(--color-canvas-soft,#f9fafb);border-color:var(--color-hairline-strong,#d1d5db);transform:scale(1.04)}[data-theme=dark] .dual-ruler-swap-btn:hover{background:#262626;border-color:#4b5563}.dual-ruler-swap-btn:active{transform:scale(.96)}.dual-ruler-swap-btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.dual-ruler-warning{color:#92400e;border-radius:var(--radius-sm);text-align:center;background:#fef3c7;border:1px solid #fde68a;margin-top:8px;padding:6px 14px;font-size:12px;font-weight:500}[data-theme=dark] .dual-ruler-warning{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2440}.dual-ruler-enable-wrapper{z-index:10;pointer-events:auto;justify-content:center;margin-top:12px;display:flex}.dual-ruler-enable-btn{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);font-family:var(--font-sans);color:var(--color-mute);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;min-height:44px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000f}.dual-ruler-enable-btn:hover{color:var(--color-ink);border-color:var(--color-hairline-strong);background:var(--color-canvas-soft);box-shadow:0 2px 6px #00000014}.dual-ruler-enable-btn:focus-visible,.dual-ruler-controls .ruler-calib-btn:focus-visible,.dual-ruler-unit-row select:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}@media (width<=480px){.dual-ruler-unit-row{gap:8px}.custom-select-box{width:125px}.custom-unit-select{height:42px;padding:0 28px 0 10px;font-size:13px}.dual-ruler-swap-btn{width:42px;height:42px;font-size:16px}.dual-ruler-controls{gap:4px}.dual-ruler-controls .ruler-calib-btn{gap:4px;height:34px;padding:0 8px;font-size:12px}.dual-ruler-enable-wrapper{margin-top:8px}.dual-ruler-enable-btn{padding:6px 12px;font-size:12px}}.left-ruler-floating-panel{z-index:50;background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg,12px);-webkit-backdrop-filter:blur(10px);pointer-events:auto;align-self:flex-start;width:auto;max-width:320px;margin:16px 0 0 16px;padding:12px 14px;position:sticky;top:16px;box-shadow:0 4px 20px #00000014}[data-theme=dark] .left-ruler-floating-panel{background:#1e293be6;border-color:#ffffff24;box-shadow:0 4px 20px #00000059}.left-ruler-panel-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.left-ruler-panel-title{color:var(--color-ink);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.left-ruler-unit-badge{background:var(--color-canvas-soft-2);color:var(--color-mute);border:1px solid var(--color-hairline);border-radius:9999px;padding:2px 7px;font-size:11px;font-weight:600}.left-ruler-unit-row{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:8px;display:grid}.left-unit-pill{border:1px solid var(--color-hairline);border-radius:var(--radius-md,8px);background:var(--color-canvas-soft);min-height:40px;color:var(--color-ink);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .15s;display:flex}.left-unit-pill:hover{background:var(--color-canvas-soft-2);border-color:var(--color-hairline-strong)}.left-unit-pill.active{color:#fff;background:#2563eb;border-color:#1d4ed8;box-shadow:0 2px 6px #2563eb59}.left-ruler-quick-tools{align-items:center;gap:6px;display:flex}.left-tool-btn{border:1px solid var(--color-hairline);border-radius:var(--radius-sm,6px);background:var(--color-canvas);color:var(--color-mute);cursor:pointer;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.left-tool-btn:hover{color:var(--color-ink);background:var(--color-canvas-soft)}.dual-ruler-quick-pills{gap:3px;display:flex}.quick-pill-btn{border-radius:var(--radius-sm,6px);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-mute);cursor:pointer;min-width:40px;min-height:36px;padding:4px 8px;font-size:12px;font-weight:600;transition:all .15s}.quick-pill-btn:hover{background:var(--color-canvas-soft);color:var(--color-ink)}.quick-pill-btn.active{color:#fff;background:#2563eb;border-color:#1d4ed8;box-shadow:0 1px 4px #2563eb4d}@media (width<=768px){.unit-segmented-control{background:var(--color-canvas-soft);padding:1px}.unit-btn{padding:3px 6px;font-size:11px;font-weight:600}.left-ruler-floating-panel{max-width:calc(100vw - 120px);margin:10px 0 0 10px;padding:10px 12px}.left-unit-pill{min-height:38px;font-size:12px}.dual-ruler-unit-row{gap:8px;padding:0 6px}.custom-unit-select{height:40px;padding:0 24px 0 8px;font-size:12px}.dual-ruler-swap-btn{width:40px;height:40px;font-size:16px}}.mobile-sliding-ruler-wrapper{flex-direction:column;align-items:stretch;width:100%;display:flex;position:relative}.mobile-ruler-readout{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-ink);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:8px;min-height:32px;margin-bottom:6px;padding:6px 12px;font-size:14px;font-weight:600;display:flex;box-shadow:0 1px 3px #0000000f}.readout-metric{color:#111}.readout-divider{color:var(--color-mute);opacity:.4;font-weight:300}.readout-imperial{color:#111}[data-theme=dark] .readout-metric,[data-theme=dark] .readout-imperial{color:#f9fafb}.mobile-sliding-ruler-viewport{-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;border-radius:var(--radius-sm);outline:none;width:100%;height:160px;min-height:160px;position:relative;overflow:auto hidden;box-shadow:0 2px 8px #0000001a}.mobile-sliding-ruler-viewport::-webkit-scrollbar{display:none}.mobile-sliding-ruler-viewport:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.mobile-sliding-ruler-canvas{display:block}.mobile-ruler-cursor{pointer-events:none;z-index:20;width:0;position:absolute;top:0;left:50%}.mobile-ruler-cursor-line{background:#dc2626;border-radius:1px;width:2px;height:160px;position:absolute;top:0;left:-1px;box-shadow:0 0 6px #dc262673}.mobile-ruler-edge-hint{pointer-events:none;z-index:10;width:12px;height:100%;position:sticky;top:0}.mobile-ruler-edge-left{float:left;background:linear-gradient(90deg,#00000014,#0000);margin-right:-12px;left:0}.mobile-ruler-edge-right{float:right;background:linear-gradient(270deg,#00000014,#0000);margin-left:-12px;right:0}.mobile-ruler-controls{justify-content:center;align-items:center;gap:6px;padding:6px 0;display:flex}.mobile-ruler-controls .ruler-calib-btn{padding:5px 10px;font-size:12px}.mobile-ruler-immersive-mode{animation:.2s ease-out fadeInImmersive}@keyframes fadeInImmersive{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.detail-page-wrapper{background:var(--bg-color);color:var(--text-color);flex-direction:column;min-height:100vh;display:flex}.detail-nav{background-color:var(--color-canvas);border-bottom:1px solid var(--color-hairline);height:48px;font-family:var(--font-sans);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.detail-logo{color:var(--color-ink);letter-spacing:-.02em;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.detail-logo:hover{opacity:.9}.detail-back-btn{color:var(--color-mute);border-radius:var(--radius-sm);border:1px solid var(--color-hairline);background:var(--color-canvas-soft);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.detail-back-btn:hover{color:var(--color-ink);background:var(--color-canvas-soft-2);text-decoration:none}.detail-content{width:100%;max-width:768px;color:var(--color-body);font-size:16px;line-height:1.7;font-family:var(--font-sans);flex:1;margin:40px auto 60px;padding:0 24px}.detail-content h1{color:var(--color-ink);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(26px,5vw,36px);font-weight:700;line-height:1.25}.detail-content h2{color:var(--color-ink);letter-spacing:-.01em;margin:36px 0 14px;font-size:clamp(19px,4vw,22px);font-weight:600}.detail-content p{margin-bottom:20px}.detail-content a{color:#2563eb;text-decoration:none}.detail-content a:hover{text-decoration:underline}:root[data-theme=dark] .detail-content a,[data-theme=dark] .detail-content a{color:#60a5fa}@media (width<=768px){.seo-section{margin:40px auto;padding:0 16px}.detail-content{margin:24px auto 40px;padding:0 16px}.detail-nav{padding:0 12px}}.page-links-section{max-width:900px;margin:0 auto 60px;padding:0 24px}.page-links-heading{color:var(--color-ink);text-align:center;letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(22px,4vw,28px);font-weight:700}.page-links-subtitle{color:var(--color-mute);text-align:center;font-size:15px;font-family:var(--font-sans);margin:0 0 32px}.page-links-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.page-link-card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);color:inherit;flex-direction:column;padding:24px 20px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.page-link-card:before{content:"";opacity:0;background:linear-gradient(90deg,#2563eb,#7c3aed);height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.page-link-card:hover{border-color:var(--color-hairline-strong);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.page-link-card:hover:before{opacity:1}[data-theme=dark] .page-link-card{background:var(--color-canvas-soft)}[data-theme=dark] .page-link-card:hover{border-color:var(--color-hairline-strong);box-shadow:0 8px 24px #0000004d}.page-link-icon{border-radius:var(--radius-md);background:var(--color-canvas-soft);width:44px;height:44px;color:var(--color-mute);justify-content:center;align-items:center;margin-bottom:14px;transition:all .25s;display:flex}.page-link-card:hover .page-link-icon{color:#fff;background:#2563eb}[data-theme=dark] .page-link-icon{background:var(--color-canvas-soft-2)}[data-theme=dark] .page-link-card:hover .page-link-icon{color:#fff;background:#3b82f6}.page-link-title{color:var(--color-ink);letter-spacing:-.01em;margin:0 0 8px;font-size:16px;font-weight:600}.page-link-desc{color:var(--color-mute);flex:1;margin:0 0 12px;font-size:13px;line-height:1.5}.page-link-arrow{color:var(--color-mute);align-self:flex-start;font-size:16px;font-weight:600;transition:all .25s}.page-link-card:hover .page-link-arrow{color:#2563eb;transform:translate(4px)}[data-theme=dark] .page-link-card:hover .page-link-arrow{color:#60a5fa}@media (width<=768px){.page-links-grid{grid-template-columns:1fr 1fr;gap:12px}.page-links-section{margin:0 auto 40px;padding:0 16px}.page-link-card{padding:18px 16px}.page-link-icon{width:38px;height:38px;margin-bottom:10px}.page-link-icon svg{width:20px;height:20px}.page-link-title{font-size:14px}.page-link-desc{font-size:12px}}@media (width<=480px){.page-links-grid{grid-template-columns:1fr;gap:10px}.page-link-card{flex-direction:row;align-items:center;gap:14px;padding:16px}.page-link-card:before{width:3px;height:100%;bottom:0;right:auto}.page-link-icon{flex-shrink:0;margin-bottom:0}.page-link-desc{display:none}.page-link-arrow{margin-left:auto}}.detail-breadcrumb{color:var(--color-mute);margin-bottom:8px;font-size:13px}.detail-breadcrumb a{color:var(--color-mute);text-decoration:none;transition:color .2s}.detail-breadcrumb a:hover{color:var(--color-ink)}.detail-last-updated{color:var(--color-mute);margin-top:-16px;margin-bottom:32px;font-size:13px;font-style:italic}.detail-content ul,.detail-content ol{margin-bottom:24px;padding-left:24px}.detail-content li{margin-bottom:10px;line-height:1.65}.detail-content h3{color:var(--color-ink);margin:28px 0 12px;font-size:18px;font-weight:600}.detail-content strong{color:var(--color-ink);font-weight:600}.contact-card{background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);align-items:center;gap:16px;margin:16px 0 24px;padding:20px 24px;display:flex}[data-theme=dark] .contact-card{background:var(--color-canvas-soft-2)}.contact-card-icon{border-radius:var(--radius-md);color:#fff;background:#2563eb;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}[data-theme=dark] .contact-card-icon{background:#3b82f6}.contact-card-label{color:var(--color-mute);text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;font-size:12px;font-weight:600}.contact-card-value{color:#2563eb;font-size:16px;font-weight:600;text-decoration:none}.contact-card-value:hover{text-decoration:underline}[data-theme=dark] .contact-card-value{color:#60a5fa}.error-page-wrapper{background:var(--bg-color);color:var(--text-color);flex-direction:column;min-height:100vh;display:flex}.error-main-container{text-align:center;width:100%;max-width:680px;font-family:var(--font-sans);flex-direction:column;flex:1;align-items:center;margin:48px auto 64px;padding:0 20px;display:flex}.error-hero-card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);flex-direction:column;align-items:center;width:100%;padding:40px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}:root[data-theme=dark] .error-hero-card,[data-theme=dark] .error-hero-card{background:var(--color-canvas-soft);box-shadow:0 8px 30px #0006}.error-eyebrow{font-size:12px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);align-items:center;gap:6px;margin-bottom:20px;padding:4px 12px;display:inline-flex}.error-eyebrow.status-404{color:#d97706;background:#d9770614;border-color:#d977064d}:root[data-theme=dark] .error-eyebrow.status-404,[data-theme=dark] .error-eyebrow.status-404{color:#fbbf24;background:#fbbf241a;border-color:#fbbf244d}.error-eyebrow.status-500{color:#dc2626;background:#dc262614;border-color:#dc26264d}:root[data-theme=dark] .error-eyebrow.status-500,[data-theme=dark] .error-eyebrow.status-500{color:#f87171;background:#f871711a;border-color:#f871714d}.error-visual-container{justify-content:center;align-items:center;margin:8px 0 24px;display:flex}.error-ruler-illustration{width:100%;max-width:380px;height:auto}.error-title{letter-spacing:-.025em;color:var(--color-ink);margin:0 0 12px;font-size:clamp(24px,4.5vw,32px);font-weight:700;line-height:1.25}.error-description{color:var(--color-body);max-width:520px;margin:0 auto 28px;font-size:15.5px;line-height:1.6}.error-actions-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.error-btn-primary{font-size:14px;font-weight:600;font-family:var(--font-sans);color:var(--color-canvas);background:var(--color-ink);border-radius:var(--radius-pill);align-items:center;gap:8px;padding:10px 22px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 8px #0000001a}.error-btn-primary:hover{opacity:.92;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 14px #0000002e}:root[data-theme=dark] .error-btn-primary,[data-theme=dark] .error-btn-primary{color:var(--color-on-primary);background:var(--color-primary);box-shadow:0 2px 10px #ffffff26}.error-btn-secondary{font-size:14px;font-weight:500;font-family:var(--font-sans);color:var(--color-ink);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:10px 18px;text-decoration:none;transition:all .2s;display:inline-flex}.error-btn-secondary:hover{color:var(--color-ink);background:var(--color-canvas-soft);border-color:var(--color-hairline-strong);text-decoration:none}:root[data-theme=dark] .error-btn-secondary,[data-theme=dark] .error-btn-secondary{background:var(--color-canvas-soft-2)}.error-quick-section{width:100%;margin-top:32px}.error-quick-title{font-size:13px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-mute);margin-bottom:14px}.error-quick-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.error-quick-card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-md);text-align:left;flex-direction:column;padding:14px 16px;text-decoration:none;transition:all .2s;display:flex}.error-quick-card:hover{border-color:var(--color-hairline-strong);background:var(--color-canvas-soft);text-decoration:none;transform:translateY(-1px)}.error-quick-name{color:var(--color-ink);margin-bottom:2px;font-size:14px;font-weight:600}.error-quick-desc{color:var(--color-mute);font-size:12px;line-height:1.4}.error-tips-box{background:var(--color-canvas-soft);border:1px dashed var(--color-hairline-strong);border-radius:var(--radius-md);text-align:left;width:100%;margin-top:24px;padding:16px 20px}.error-tips-title{color:var(--color-ink);align-items:center;gap:6px;margin:0 0 8px;font-size:13px;font-weight:600;display:flex}.error-tips-list{color:var(--color-body);margin:0;padding-left:18px;font-size:13px;line-height:1.6}@media (width<=640px){.error-main-container{margin:32px auto 48px}.error-hero-card{padding:28px 18px}.error-actions-group{flex-direction:column;width:100%}.error-btn-primary,.error-btn-secondary{justify-content:center;width:100%}.error-quick-grid{grid-template-columns:1fr}}