html{--rs: 48px;--nav-h: 76px}#zoom-warning{position:fixed;top:0;left:0;right:0;z-index:10000;background:#fffbe6;border-bottom:1px solid #f0c040;color:#7a5900;font-size:12px;padding:7px 16px;display:flex;align-items:center;gap:8px}html.dark #zoom-warning{background:#2e2800;border-color:#6b5800;color:#f0c040}#zoom-warn-close{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;font-size:13px;padding:0 2px}body.zoom-warned #nav{top:32px}body.zoom-warned #workspace{height:calc(100dvh - var(--nav-h) - 32px)}body.zoom-warned.ruler-above-nav #workspace{height:calc(100dvh - var(--nav-h) - var(--rs) - 32px)}#nav{position:sticky;top:0;z-index:100;height:var(--nav-h);background:#1c1b17;border-bottom:none}html.dark #nav{background:#111009}.nav-inner{max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:center;gap:28px;padding:0 28px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;flex-shrink:0}.logo-icon{width:38px;height:38px;flex-shrink:0}.logo-icon .logo-tick,html.dark .logo-icon .logo-tick{stroke:#1c1b17}.logo-text{font-family:"Baloo 2",system-ui,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.01em;color:#fff}html.dark .logo-text{color:#f5f2e8}.nav-links{display:flex;align-items:center;gap:6px;flex:1}.nav-links a{font-family:Fredoka,system-ui,sans-serif;font-size:18px;font-weight:500;color:#d9d7cf;text-decoration:none;padding:8px 14px;border-radius:999px;transition:color .15s,background .15s}html.dark .nav-links a{color:#9a9487}.nav-links a:hover{color:#ffd23f;background:#ffd23f14}html.dark .nav-links a:hover{color:#ffd23f}.nav-actions{margin-left:auto}.btn-nav-primary{height:44px;padding:0 22px;background:#ffd23f;color:#1c1b17;border:2.5px solid rgba(28,27,23,.5);border-radius:999px;font-family:Fredoka,system-ui,sans-serif;font-size:18px;font-weight:600;cursor:pointer;box-shadow:3px 3px #1c1b1780;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s}html.dark .btn-nav-primary{background:#ffd23f;color:#1c1b17}.btn-nav-primary:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #1c1b1780}.btn-nav-primary:active{transform:translate(2px,2px);box-shadow:1px 1px #1c1b1780}#workspace{position:relative;width:100%;height:calc(100dvh - var(--nav-h));overflow:hidden;background:var(--ws-bg)}body.ruler-above-nav #nav{margin-top:var(--rs);top:var(--rs)}body.ruler-above-nav #workspace{height:calc(100dvh - var(--nav-h) - var(--rs))}body.ruler-left-fixed{margin-left:var(--rs)}body.ruler-right-fixed{margin-right:var(--rs)}body.ruler-bottom-fixed #workspace{height:calc(100dvh - var(--nav-h) - var(--rs))}body.ruler-above-nav.ruler-bottom-fixed #workspace{height:calc(100dvh - var(--nav-h) - var(--rs) - var(--rs))}.ruler-canvas{position:absolute;display:block;z-index:9999;cursor:crosshair}.ruler-corner{position:absolute;z-index:9999;background:transparent;border:none;display:none;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}.corner-unit{display:none;font:700 9px/1 Space Mono,monospace;color:#1c1b17;letter-spacing:-.02em;user-select:none;pointer-events:none}html.dark .corner-unit{color:#1c1b17}#content-area{position:absolute;inset:0;overflow:hidden}#guides-layer{position:absolute;inset:0;pointer-events:none}.guide{position:absolute;z-index:10}.guide-h{left:0;right:0;height:0}.guide-v{top:0;bottom:0;width:0}.guide-line{background:#2f6bff;position:absolute;pointer-events:all}.guide-h .guide-line{height:1px;left:0;right:0;top:0;cursor:ns-resize}.guide-v .guide-line{width:1px;top:0;bottom:0;left:0;cursor:ew-resize}.guide-ghost{position:absolute;border:1px dashed #2F6BFF;opacity:.6;pointer-events:none;z-index:15}.guide-ghost-h{left:0;right:0;height:0;top:0}.guide-ghost-v{top:0;bottom:0;width:0;left:0}#cross-h,#cross-v{position:absolute;pointer-events:none;z-index:8;display:none}#cross-h{left:0;right:0;height:1px;background:#0070f333}#cross-v{top:0;bottom:0;width:1px;background:#0070f333}#pos-label{position:absolute;z-index:12;display:none;background:#171717e0;color:#fff;font:11px/1 Geist Mono,monospace;padding:4px 8px;border-radius:4px;pointer-events:none;white-space:nowrap}html.dark #pos-label{background:#ffffff1f}#ws-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;user-select:none}.hint-line{font-size:14px;color:silver;margin:0 0 4px}.hint-small{font-size:12px;color:#d0d0d0}html.dark .hint-line{color:#333}html.dark .hint-small{color:#2a2a2a}#ctrl-panel{position:absolute;bottom:16px;right:16px;z-index:30;background:var(--panel-bg);border:3px solid #1C1B17;border-radius:24px;box-shadow:7px 7px #1c1b17;padding:20px;width:340px;font-size:15px;font-family:Fredoka,system-ui,sans-serif;color:#1c1b17}html.dark #ctrl-panel{border-color:#f5f2e866;box-shadow:7px 7px #f5f2e833;color:#f5f2e8}.ctrl-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1.5px dashed rgba(28,27,23,.25)}html.dark .ctrl-section{border-bottom-color:#f5f2e826}.ctrl-section:last-of-type{border-bottom:none;margin-bottom:0}.ctrl-main-row{margin-bottom:16px;padding-bottom:16px;border-bottom:1.5px dashed rgba(28,27,23,.25)}html.dark .ctrl-main-row{border-bottom-color:#f5f2e826}.ctrl-label{font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#6e6a5c;margin-bottom:10px}.ctrl-label-sub{margin-top:14px;margin-bottom:8px}.ruler-pos-grid{display:flex;flex-direction:column;align-items:center;gap:6px}.pos-mid-row{display:flex;align-items:center;gap:0}.pos-center{width:46px;height:46px;border:2px dashed rgba(28,27,23,.3);border-radius:8px}.pos-btn{background:#fff;border:2.5px solid #1C1B17;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:2px 2px #1c1b17;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s,background .12s}.pos-top,.pos-bottom{width:100px;height:26px}.pos-fixed{pointer-events:none;cursor:default}.pos-left,.pos-right{width:26px;height:46px}.pos-btn:hover{background:#fff1c2;transform:translate(-1px,-1px);box-shadow:3px 3px #1c1b17}html.dark .pos-btn:hover{background:#3a3730}.pos-btn.active{background:#2f6bff;border-color:#1c1b17;box-shadow:2px 2px #1c1b17}html.dark .pos-btn.active{background:#2f6bff}.pos-bar{display:block;background:currentColor;border-radius:1px}.pos-btn.active .pos-bar,html.dark .pos-btn.active .pos-bar{color:#fff}.pos-bar-h{width:50px;height:4px}.pos-bar-v{width:4px;height:26px}.btn-group{display:flex;gap:4px}.tab-btn{flex:1;height:38px;background:#fff;border:2.5px solid #1C1B17;border-radius:999px;font-family:Fredoka,system-ui,sans-serif;font-size:15px;font-weight:600;color:#6e6a5c;cursor:pointer;box-shadow:2px 2px #1c1b17;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s,background .12s}.tab-btn:hover{background:#fff1c2;color:#1c1b17;transform:translate(-1px,-1px);box-shadow:3px 3px #1c1b17}html.dark .tab-btn:hover{background:#3a3730;color:#f5f2e8}.tab-btn.active{background:#2f6bff;color:#fff;border-color:#1c1b17;box-shadow:2px 2px #1c1b17;transform:translate(0)}.size-btn{flex:1;min-width:0;height:36px;background:#fff;border:2.5px solid #1C1B17;border-radius:10px;font-family:Fredoka,system-ui,sans-serif;font-size:13px;font-weight:600;color:#6e6a5c;cursor:pointer;box-shadow:2px 2px #1c1b17;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s,background .12s}.size-btn:hover{background:#fff1c2;color:#1c1b17;transform:translate(-1px,-1px);box-shadow:3px 3px #1c1b17}html.dark .size-btn:hover{background:#3a3730;color:#f5f2e8}.size-btn.active{background:#2f6bff;color:#fff;border-color:#1c1b17;box-shadow:2px 2px #1c1b17;transform:translate(0)}@media(min-width:641px){.tab-btn[data-unit=mm]{display:none}}.ppi-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ppi-adj{width:36px;height:36px;border:2.5px solid #1C1B17;border-radius:999px;background:#fff;font-size:20px;line-height:1;cursor:pointer;color:#1c1b17;display:flex;align-items:center;justify-content:center;font-family:inherit;box-shadow:2px 2px #1c1b17;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s}.ppi-adj:hover{background:#fff1c2;transform:translate(-1px,-1px);box-shadow:3px 3px #1c1b17}.ppi-adj:active{transform:translate(2px,2px);box-shadow:0 0 #1c1b17}html.dark .ppi-adj{background:#2a2924;color:#f5f2e8;border-color:#f5f2e866;box-shadow:2px 2px #f5f2e833}html.dark .ppi-adj:hover{background:#3a3730}.ppi-num{flex:1;text-align:center;font:18px/1 var(--font-mono);letter-spacing:-.28px}.calib-badge{font-family:Space Mono,ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:4px 12px;border-radius:999px;border:2px solid #1C1B17;display:inline-flex;align-items:center;gap:5px;box-shadow:2px 2px #1c1b17}.calib-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.calib-badge.calibrated{background:#1fbe7b;color:#fff;border-color:#1c1b17}.calib-badge.uncalibrated{background:#fff;color:#6e6a5c}html.dark .calib-badge.uncalibrated{background:#2a2924;color:#9a9487}.ctrl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;margin-top:16px}.btn-primary-sm{flex:1 1 100%;width:100%;height:40px;background:#2f6bff;color:#fff;border:2.5px solid #1C1B17;border-radius:999px;font-family:Fredoka,system-ui,sans-serif;font-size:16px;font-weight:600;cursor:pointer;box-shadow:3px 3px #1c1b17;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s}.btn-primary-sm:hover{background:#1b4ed8;transform:translate(-1px,-1px);box-shadow:5px 5px #1c1b17}.btn-primary-sm:active{transform:translate(2px,2px);box-shadow:1px 1px #1c1b17}html.dark .btn-primary-sm{border-color:#f5f2e866;box-shadow:3px 3px #f5f2e833}:focus-visible{outline:2.5px solid #2F6BFF;outline-offset:3px}.btn-icon{width:38px;height:38px;border:2.5px solid #1C1B17;border-radius:10px;background:#fff;cursor:pointer;color:#6e6a5c;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px #1c1b17;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s,background .12s;flex:0 0 38px}.btn-icon svg{width:16px;height:16px;flex-shrink:0}.btn-icon:hover{background:#fff1c2;color:#1c1b17;transform:translate(-1px,-1px);box-shadow:3px 3px #1c1b17}.btn-icon:active{transform:translate(2px,2px);box-shadow:0 0 #1c1b17}html.dark .btn-icon{background:#2a2924;color:#9a9487;border-color:#f5f2e84d;box-shadow:2px 2px #f5f2e826}html.dark .btn-icon:hover{background:#3a3730;color:#f5f2e8}.ctrl-shortcuts{font-size:12px;color:#6e6a5c;letter-spacing:-.12px;font-family:inherit}.kbd{display:inline-block;background:#fff1c2;border:2px solid #1C1B17;border-radius:6px;padding:1px 5px;font-family:Space Mono,ui-monospace,monospace;font-size:10px;font-weight:700;line-height:16px;color:#1c1b17;box-shadow:1px 1px #1c1b17}html.dark .kbd{background:#2a2924;border-color:#3a3730;color:#6e6a5c}.marks-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto}.marks-list:empty{display:none}.mark-item{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.2}.mark-letter{flex-shrink:0;width:22px;height:22px;border-radius:50%;color:#fff;font:600 11px/22px Geist Mono,monospace;text-align:center}.mark-value{flex:1;font-family:Geist Mono,monospace;font-size:12px;font-weight:500}.mark-remove{flex-shrink:0;width:22px;height:22px;border:none;border-radius:4px;background:none;color:#888;font-size:16px;line-height:1;cursor:pointer;padding:0;font-family:inherit}.mark-remove:hover{background:#fff1c2;color:#1c1b17}html.dark .mark-remove:hover{background:#2a2924;color:#fff}.marks-hint{margin:0;font-size:11px;color:#aaa;line-height:1.35}html.dark .marks-hint{color:#666}.hint-touch{display:none}@media(pointer:coarse){.hint-mouse{display:none}.hint-touch{display:block}}@media(max-width:640px){.nav-links{display:none}#ctrl-panel{left:0;right:0;bottom:0;width:auto;border-radius:12px 12px 0 0;border-left:1px solid var(--panel-border);border-right:1px solid var(--panel-border);border-bottom:none;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px))}.ctrl-shortcuts,.marks-hint{display:none}#ctrl-sec-rulers{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--panel-border)}#ctrl-sec-rulers .ctrl-label{margin-bottom:8px}.ruler-pos-grid{gap:4px;width:100%;max-width:280px;margin:0 auto}.pos-mid-row{width:100%;gap:4px}.pos-top,.pos-bottom{width:100%;height:28px}.pos-left,.pos-right{width:28px;height:56px;flex-shrink:0}.pos-center{flex:1;height:56px;min-width:48px}.pos-bar-h{width:56px;height:4px}.pos-bar-v{width:4px;height:32px}.size-group .size-btn{height:36px;font-size:10px}.tab-btn[data-unit=mm]{display:none}.ctrl-main-row{display:flex;gap:0;margin-bottom:12px;padding-bottom:0;border-bottom:none}.ctrl-main-row .ctrl-section{flex:1;margin-bottom:0;padding-bottom:0;border-bottom:none}.ctrl-main-row .ctrl-section:first-child{border-right:1px solid var(--panel-border);padding-right:16px;margin-right:16px}.tab-btn{height:44px;font-size:13px}.ppi-adj{width:44px;height:44px;font-size:18px}.btn-primary-sm{height:44px;font-size:14px}.btn-icon{width:44px;height:44px}.ctrl-actions{margin-top:0;margin-bottom:0;gap:8px}.btn-primary-sm{flex:1 1 100%;width:100%}dialog#calib-modal{max-height:calc(100dvh - 32px);overflow-y:auto}.modal-card{padding:16px}.modal-tab{padding:8px 4px;font-size:11px;letter-spacing:-.12px;flex:1;white-space:nowrap;text-align:center}}.section{padding:80px 24px}.section-soft{background:#fff}html.dark .section-soft{background:#2a2924}.section-parchment{background:#fff1c2}html.dark .section-parchment,.section-dark{background:#1c1b17}html.dark .section-dark{background:#111009}.section:not(.section-soft):not(.section-parchment):not(.section-dark){background:#fffbec}html.dark .section:not(.section-soft):not(.section-parchment):not(.section-dark){background:#1c1b17}.container{max-width:1200px;margin:0 auto}.section-eyebrow{display:inline-flex;align-items:center;gap:6px;font-family:Space Mono,ui-monospace,monospace;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#1c1b17;background:#ffd23f;border:2.5px solid #1C1B17;border-radius:999px;padding:5px 14px;box-shadow:3px 3px #1c1b17;margin-bottom:20px}.eyebrow-light{background:#ffd23f26;color:#f5f2e8;border-color:#f5f2e866;box-shadow:3px 3px #f5f2e833}.section-title{font-family:"Baloo 2",system-ui,sans-serif;font-size:clamp(30px,4vw,46px);font-weight:700;letter-spacing:-.01em;line-height:1.05;color:#1c1b17;margin:0 0 12px;max-width:600px}html.dark .section-title{color:#f5f2e8}.section-dark .section-title{color:#fff}.title-light{color:#ffd23f}.section-body{font-family:Fredoka,system-ui,sans-serif;font-size:18px;font-weight:400;letter-spacing:0;color:#6e6a5c;line-height:1.55;max-width:540px;margin:0 0 48px}html.dark .section-body,.section-dark .section-body{color:#ccc}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.features-grid{grid-template-columns:1fr}}.feature-card{background:#fff;border-radius:24px;padding:24px;border:3px solid #1C1B17;box-shadow:7px 7px #1c1b17;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s}html.dark .feature-card{background:#2a2924;border-color:#f5f2e866;box-shadow:7px 7px #f5f2e833}.feature-card:hover{transform:translate(-2px,-2px);box-shadow:9px 9px #1c1b17}.feature-icon{width:40px;height:40px;background:#ffd23f;border:2.5px solid #1C1B17;border-radius:10px;box-shadow:2px 2px #1c1b17;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#1c1b17}html.dark .feature-icon{background:#ffd23f33;border-color:#f5f2e866;box-shadow:2px 2px #f5f2e833;color:#ffd23f}.feature-card h3{font-family:"Baloo 2",system-ui,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px;color:#1c1b17}html.dark .feature-card h3{color:#f5f2e8}.feature-card p{font-family:Fredoka,system-ui,sans-serif;font-size:16px;font-weight:400;color:#6e6a5c;line-height:1.5;margin:0}html.dark .feature-card p{color:#9a9487}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}@media(max-width:700px){.steps-grid{grid-template-columns:1fr}}.step-num{font-family:Space Mono,ui-monospace,monospace;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffd23f;margin-bottom:12px}.step h3{font-family:"Baloo 2",system-ui,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.01em;color:#fff;margin:0 0 10px;line-height:1.1}.step p{font-family:Fredoka,system-ui,sans-serif;font-size:16px;font-weight:400;color:#a7a294;line-height:1.5;margin:0}.faq-list{max-width:700px}.faq-item{border-bottom:2px dashed rgba(28,27,23,.3);padding:0}html.dark .faq-item{border-color:#f5f2e826}.faq-item summary{font-family:Fredoka,system-ui,sans-serif;font-size:17px;font-weight:600;color:#1c1b17;padding:18px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;user-select:none}html.dark .faq-item summary{color:#f5f2e8}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:"Baloo 2",system-ui,sans-serif;font-size:22px;font-weight:700;color:#2f6bff;flex-shrink:0}.faq-item[open] summary:after{content:"−"}.faq-item p{font-family:Fredoka,system-ui,sans-serif;font-size:16px;font-weight:400;color:#6e6a5c;line-height:1.55;padding-bottom:18px;margin:0}html.dark .faq-item p{color:#9a9487}.footer{background:#fff1c2;border-top:3px solid #1C1B17;padding:64px 24px 32px}html.dark .footer{background:#1c1b17;border-color:#f5f2e84d}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-bottom:48px}@media(max-width:800px){.footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:480px){.footer-inner{grid-template-columns:1fr}}.footer-logo{font-family:"Baloo 2",system-ui,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.01em;color:#1c1b17;margin-bottom:6px}html.dark .footer-logo{color:#f5f2e8}.footer-desc{font-size:12px;font-weight:400;letter-spacing:-.12px;color:#6e6a5c;line-height:1.43;margin:0}.footer-col{display:flex;flex-direction:column;gap:0}.footer-heading{font-family:Space Mono,ui-monospace,monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6e6a5c;margin-bottom:8px}html.dark .footer-heading{color:#9a9487}.footer-col a,.footer-item{font-size:14px;font-weight:400;letter-spacing:-.28px;line-height:2.2;color:#6e6a5c;text-decoration:none;cursor:pointer;transition:color .15s}html.dark .footer-col a,html.dark .footer-item{color:#6e6a5c}.footer-col a:hover{color:#1c1b17}html.dark .footer-col a:hover{color:#fff}.footer-bottom{font-size:12px;font-weight:400;letter-spacing:-.12px;color:#6e6a5c;border-top:1px solid #1C1B17;padding-top:24px;text-align:center}html.dark .footer-bottom{border-color:#3a3730}dialog#calib-modal{border:3px solid #1C1B17;border-radius:24px;box-shadow:10px 10px #1c1b17;padding:0;max-width:480px;width:calc(100vw - 32px);background:var(--panel-bg);color:#1c1b17;font-family:Fredoka,system-ui,sans-serif;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}html.dark dialog#calib-modal{color:#1c1b17;border-color:#f5f2e866;box-shadow:10px 10px #f5f2e833}dialog#calib-modal::backdrop{background:#00000080;backdrop-filter:blur(2px)}.modal-card{padding:24px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h2{font-family:"Baloo 2",system-ui,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0}.modal-close{width:32px;height:32px;border:2.5px solid #1C1B17;border-radius:10px;background:#fff;cursor:pointer;color:#6e6a5c;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px #1c1b17;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s}.modal-close:hover{background:#fff1c2;color:#1c1b17;transform:translate(-1px,-1px);box-shadow:3px 3px #1c1b17}.modal-close:active{transform:translate(2px,2px);box-shadow:0 0 #1c1b17}.modal-tabs{display:flex;gap:6px;margin-bottom:20px;border-bottom:2px dashed rgba(28,27,23,.25);padding-bottom:4px}.modal-tab{font-family:Fredoka,system-ui,sans-serif;font-size:15px;font-weight:600;color:#6e6a5c;background:none;border:none;border-bottom:3px solid transparent;padding:6px 12px;cursor:pointer;margin-bottom:-6px;transition:color .15s}.modal-tab:hover{color:#1c1b17}.modal-tab.active{color:#2f6bff;border-bottom-color:#2f6bff}.tab-pane{display:none}.tab-pane.active{display:block}.calibration-method{border:1px solid var(--panel-border);border-radius:8px;margin-bottom:12px;overflow:hidden}.calibration-method summary{font-size:14px;font-weight:600;padding:12px 14px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;user-select:none}.calibration-method summary::-webkit-details-marker{display:none}.calibration-method summary:after{content:"";width:8px;height:8px;border-right:2px solid #888;border-bottom:2px solid #888;transform:rotate(45deg);transition:transform .15s;flex-shrink:0;margin-left:8px}.calibration-method[open] summary:after{transform:rotate(-135deg)}.method-content{padding:0 14px 14px;border-top:1px solid var(--panel-border)}.method-content>p{font-size:12px;color:#888;line-height:18px;margin:12px 0}#device-selector{width:100%;height:40px;border:1px solid var(--panel-border);border-radius:6px;padding:0 10px;font-size:13px;background:var(--panel-bg);color:inherit;font-family:inherit;outline:none;cursor:pointer}#device-selector:focus{border-color:#2f6bff}.accuracy-indicator{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;border-radius:12px;border:2px solid #1C1B17;font-family:Fredoka,system-ui,sans-serif;font-size:13px;font-weight:600}.accuracy-indicator.excellent{background:#eefbf3;color:#1fbe7b}.accuracy-icon{flex-shrink:0}.method-footer{margin-top:14px}.modal-btn{width:100%;height:42px;border:2.5px solid #1C1B17;border-radius:999px;font-family:Fredoka,system-ui,sans-serif;font-size:16px;font-weight:600;cursor:pointer;box-shadow:3px 3px #1c1b17;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s}.modal-btn.primary{background:#2f6bff;color:#fff}.modal-btn.primary:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px #1c1b17;background:#1b4ed8}.modal-btn.primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #1c1b17}.modal-btn.primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.input-label{display:block;font-size:13px;color:#888;margin-bottom:8px}.input-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.text-input{flex:1;height:42px;border:2.5px solid #1C1B17;border-radius:12px;padding:0 12px;font-family:Space Mono,ui-monospace,monospace;font-size:14px;background:#fffbec;color:#1c1b17;outline:none;box-shadow:2px 2px #1c1b17;transition:box-shadow .12s}.text-input:focus{border-color:#2f6bff;box-shadow:3px 3px #2f6bff}.input-unit{font-size:13px;color:#888;flex-shrink:0}.preset-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chip{height:30px;padding:0 12px;border:2px solid #1C1B17;border-radius:999px;font-family:Space Mono,ui-monospace,monospace;font-size:11px;font-weight:700;color:#6e6a5c;background:#fff;cursor:pointer;box-shadow:2px 2px #1c1b17;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s,background .12s}.chip:hover{background:#ffd23f;color:#1c1b17;transform:translate(-1px,-1px);box-shadow:3px 3px #1c1b17}.chip:active{transform:translate(2px,2px);box-shadow:0 0 #1c1b17}.card-stage{display:flex;justify-content:center;padding:16px 0;overflow-x:auto}.credit-card{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:10px;color:#fff;position:relative;overflow:hidden;flex-shrink:0;box-shadow:0 4px 16px #0000004d;transition:width .05s}.card-chip{position:absolute;top:20%;left:8%;width:14%;padding-top:10%;background:linear-gradient(135deg,#d4a843,#b8892c);border-radius:3px}.card-number{position:absolute;bottom:35%;left:8%;font-size:8px;font-family:Geist Mono,monospace;letter-spacing:.15em;color:#fffc}.card-size{position:absolute;bottom:10%;right:8%;font-size:7px;font-family:Geist Mono,monospace;color:#fff6}.calc-result{font-size:13px;font-family:var(--font-mono);color:#2f6bff;margin:8px 0 4px;min-height:20px}.tab-hint{font-size:12px;color:#888;line-height:18px;margin:0 0 8px}.tab-accuracy{font-size:11px;font-family:Geist Mono,monospace;color:#aaa;margin-bottom:16px}.btn-apply{width:100%;height:46px;background:#2f6bff;color:#fff;border:2.5px solid #1C1B17;border-radius:999px;font-family:Fredoka,system-ui,sans-serif;font-size:18px;font-weight:600;cursor:pointer;box-shadow:4px 4px #1c1b17;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s;margin-top:8px}.btn-apply:hover:not(:disabled){background:#1b4ed8;transform:translate(-1px,-1px);box-shadow:6px 6px #1c1b17}.btn-apply:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px #1c1b17}.btn-apply:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.slider{width:100%;margin:8px 0;accent-color:#2F6BFF}.subpage-content{padding:64px 24px 96px;background:#fff}html.dark .subpage-content{background:#1c1b17}.subpage-content .container{max-width:780px}.subpage-content h1,.subpage-content h2{font-family:"Baloo 2",system-ui,sans-serif;font-size:34px;font-weight:700;letter-spacing:-.01em;line-height:1.1;color:#1c1b17;margin:0 0 16px;display:flex;align-items:center;gap:10px}html.dark .subpage-content h1,html.dark .subpage-content h2{color:#f5f2e8}.subpage-content p{font-family:Fredoka,system-ui,sans-serif;font-size:17px;font-weight:400;color:#1c1b17;line-height:1.55;margin:0 0 16px}html.dark .subpage-content p{color:#9a9487}.subpage-content h3{font-family:"Baloo 2",system-ui,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.1;color:#1c1b17;margin:32px 0 12px}html.dark .subpage-content h3{color:#f5f2e8}