@font-face{font-family:DM Sans UI;src:url(/demo/dm-sans.woff2)format("woff2");font-weight:400 700;font-display:swap}:root{--bg:#f3f3f1;--panel:#fafaf8;--card:#fff;--text:#20201e;--muted:#858580;--line:#e5e5e0;--chip:#ecece8;--ink:#252523;--inverse:#fff;--shadow:0 8px 36px #00000006,0 2px 6px #00000003;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg)}:root[data-theme=dark]{--bg:#161615;--panel:#232321;--card:#2a2a27;--text:#efefeb;--muted:#a5a59d;--line:#363633;--chip:#32322e;--ink:#e8e8e2;--inverse:#1e1e1c;--shadow:0 8px 36px #0002;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans UI,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.38;cursor:default}:is(button:focus-visible,a:focus-visible){outline:2px solid var(--text);outline-offset:4px}input:focus-visible{outline:none}a{color:inherit;text-decoration:none}svg{stroke-width:1.7px;flex-shrink:0}button{transition:background .16s,transform .16s,opacity .16s}button:not(:disabled):active{transform:scale(.975)}input::placeholder{color:var(--muted)}input{color:var(--text)}.app{background-image:radial-gradient(var(--line) .8px,transparent .8px);background-size:20px 20px;min-height:100vh;padding-bottom:100px}.topbar{border-bottom:1px solid var(--line);background:var(--panel);z-index:30;justify-content:space-between;align-items:center;height:79px;padding:0 30px;display:flex;position:relative}.brand{letter-spacing:-.5px;align-items:center;gap:11px;font-size:17px;font-weight:600;display:flex}.brand small{letter-spacing:1.5px;color:var(--muted);margin-top:4px;font-size:10px;font-weight:400;display:block}.version{letter-spacing:.5px;color:var(--muted);border:1px solid var(--line);border-radius:4px;align-self:flex-start;margin-top:3px;padding:3px 5px;font-size:9px}.topnav{background:var(--chip);border:1px solid var(--line);border-radius:30px;gap:3px;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.topnav button{color:var(--muted);border-radius:24px;align-items:center;gap:7px;padding:9px 17px;font-size:12px;display:flex}.topnav button.active{background:var(--card);color:var(--text);box-shadow:0 1px 4px #0000000a}.header-actions{align-items:center;gap:5px;display:flex}.icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon:not(:disabled):hover{background:var(--chip)}.icon.small{width:25px;height:25px}.divider{background:var(--line);width:1px;height:20px;margin:0 10px}.floating{background:var(--panel);border:1px solid var(--line);width:240px;box-shadow:var(--shadow);z-index:20;scrollbar-width:thin;border-radius:20px;max-height:calc(100vh - 125px);position:fixed;top:105px;overflow:hidden auto}.left-panel{left:24px}.right-panel{width:246px;right:24px}.window-handle{border-bottom:1px solid var(--line);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:51px;padding:0 15px;display:flex}.window-handle:active{cursor:grabbing}.window-handle>span{align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.window-handle .handle-right{color:var(--muted);gap:4px}.panel-content{padding:22px 18px 17px}.section-label{color:var(--muted);letter-spacing:1px;align-items:center;gap:9px;margin-bottom:20px;font-size:10px;display:flex}.section-label span{color:var(--text);letter-spacing:.3px;font-size:11px}.field-label{color:var(--muted);margin-bottom:9px;font-size:11px;display:block}.url-field{border:1px solid var(--line);background:var(--card);border-radius:11px;align-items:center;gap:8px;height:43px;padding:0 11px;display:flex}.url-field svg{color:var(--muted)}.url-field input{background:0 0;border:0;width:100%;min-width:0;font-size:12px}.url-field:focus-within{border-color:var(--muted)}.button{border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:43px;padding:12px 15px;font-size:11px;font-weight:500;line-height:1.4;display:flex}.button.primary{background:var(--ink);color:var(--inverse)}.button.primary:not(:disabled):hover{opacity:.86}.button.primary svg:last-child{margin-left:auto}.button.primary svg:first-child{margin-right:auto}.scan-button{margin-top:10px}.panel-caption{color:var(--muted);margin:13px 0 0;font-size:10px;line-height:1.85}.panel-rule{background:var(--line);height:1px;margin:23px 0}.source-button{text-align:left;align-items:center;gap:10px;width:100%;padding:12px 0;display:flex}.source-button>span:nth-child(2){flex:1;font-size:11px}.source-button small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.source-icon{background:var(--chip);border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.source-button>svg{color:var(--muted)}.source-button:hover{opacity:.7}.text-button{color:var(--muted);align-items:center;gap:6px;padding:0;font-size:10px;display:inline-flex}.text-button:hover{color:var(--text)}.collection-link{margin:18px 0 2px}.panel-bottom{background:var(--chip);border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:7px;padding:13px 18px;font-size:9px;display:flex}.panel-bottom>svg:last-child{margin-left:auto}.live-dot,.tiny-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.live-dot{box-shadow:0 0 0 3px var(--line)}.square-outline{border:1px solid var(--muted);border-radius:2px;width:8px;height:8px}.workspace{max-width:1200px;margin:0 300px 0 298px;padding-top:26px;transition:margin .3s}.left-hidden .workspace{margin-left:80px}.right-hidden .workspace{margin-right:80px}.eyebrow{letter-spacing:2.2px;color:var(--muted);align-items:center;gap:8px;font-size:9px;font-weight:500;display:flex}.eyebrow .tiny-dot{width:4px;height:4px}h1{letter-spacing:-1.2px;margin:21px 0 12px;font-size:36px;font-weight:500;line-height:1.35}h1 span{color:var(--muted);font-weight:400}.canvas-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 0 18px;display:flex}h2{letter-spacing:-.1px;align-items:center;gap:11px;margin:0;font-size:15px;font-weight:500;display:flex}.count{background:var(--chip);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:7px;padding:4px 7px;font-size:10px}.canvas-heading p{color:var(--muted);letter-spacing:.3px;margin:8px 0 0;font-size:9px}.canvas-heading-tools{align-items:center;gap:10px;display:flex}.view-switch{background:var(--chip);border:1px solid var(--line);border-radius:11px;gap:3px;padding:3px;display:flex}.view-switch button{color:var(--muted);border-radius:7px;justify-content:center;align-items:center;padding:5px 7px;display:flex}.view-switch button.active{background:var(--card);color:var(--text);box-shadow:0 1px 2px #00000005}.empty-canvas{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:23px;margin-top:20px;padding:32px 25px 25px}.type-composition{border:1px solid var(--line);justify-content:center;align-items:center;gap:22px;max-width:410px;height:155px;margin:0 auto 27px;display:flex;position:relative}.type-composition>span:not(.type-coordinate):not(.composition-cross){letter-spacing:-7px;z-index:1;font-size:95px;line-height:1}.serif-letter{color:var(--text);font-family:Georgia,Times New Roman,serif;transform:translateY(-6px)}.sans-letter{color:var(--muted);font-family:DM Sans UI,sans-serif;font-weight:700;transform:translateY(-6px)}.type-composition .outline-letter{color:#0000;-webkit-text-stroke:1px var(--muted);font-family:Georgia,serif;transform:translateY(-6px)}.composition-cross{color:var(--muted);background:var(--card);width:10px;height:10px;font-size:11px;line-height:8px;position:absolute}.tl{top:-5px;left:-5px}.tr{top:-5px;right:-5px}.bl{bottom:-5px;left:-5px}.br{bottom:-5px;right:-5px}.type-baseline{border-top:1px dashed var(--line);position:absolute;top:111px;left:-10px;right:-10px}.type-coordinate{letter-spacing:2px;color:var(--muted);background:var(--card);padding:0 8px;font-size:7px;position:absolute;bottom:9px}.empty-icon{background:var(--chip);border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:9px;display:inline-flex}.empty-message h3{letter-spacing:.3px;margin:8px 0 11px;font-size:16px;font-weight:400}.empty-message p{color:var(--muted);margin:0 0 20px;font-size:11px;line-height:1.95}.button.secondary{background:var(--chip);border:1px solid var(--line);border-radius:25px;width:auto;min-height:37px;padding:9px 17px;display:inline-flex}.empty-tags{justify-content:center;align-items:center;gap:6px;margin-top:27px;display:flex}.empty-tags span{color:var(--muted);letter-spacing:.7px;background:var(--bg);border-radius:5px;padding:4px 7px;font-size:8px}.empty-tags .tag-arrow{background:0 0;padding:0 4px}.canvas-footer{color:var(--muted);justify-content:space-between;align-items:center;margin-top:22px;font-size:9px;display:flex}.canvas-footer>span{align-items:center;gap:7px;display:flex}.format-options{gap:5px;display:flex}.format-options button{background:var(--chip);border:1px solid var(--line);text-align:left;border-radius:12px;flex:1;min-width:0;padding:13px 4px 11px;position:relative}.format-options button strong{margin-left:6px;font-size:13px;font-weight:500;display:block}.format-options button small{color:var(--muted);margin-top:5px;margin-left:6px;font-size:8px;display:block}.format-options button.active{background:var(--ink);border-color:var(--ink);color:var(--inverse)}.format-options button.active small{color:var(--inverse);opacity:.6}.format-options button>svg{position:absolute;top:12px;right:6px}.export-summary{color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:12px;margin:23px 0 20px;font-size:10px;display:grid}.export-summary strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:17px;font-weight:400}.export-summary small{color:var(--muted);font-size:10px}.button.outlined{border:1px solid var(--line);background:0 0;min-height:40px;margin-top:9px}.download-hint{color:var(--muted);text-align:center;margin:12px 0 0;font-size:9px}.again-download{justify-content:center;width:100%;margin-top:12px;display:flex}.sample-input{background:var(--card);border:1px solid var(--line);border-radius:10px;width:100%;padding:12px;font-size:11px}.sample-input:focus{border-color:var(--muted)}.range-label{color:var(--muted);justify-content:space-between;margin:17px 0 10px;font-size:10px;display:flex}input[type=range]{width:100%;accent-color:var(--ink);cursor:pointer;height:4px;margin-bottom:8px}.bottom-toolbar{border:1px solid var(--line);background:var(--panel);z-index:25;border-radius:30px;align-items:center;gap:4px;padding:6px 11px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 22px #00000008}.selection-button{border-radius:20px;align-items:center;gap:7px;padding:9px 10px;font-size:11px;display:flex}.selection-button:hover{background:var(--chip)}.toolbar-divider{background:var(--line);width:1px;height:18px;margin:0 9px}.toolbar-count{text-align:center;min-width:90px;font-size:14px;font-weight:500}.toolbar-count small{color:var(--muted);font-size:10px;font-weight:400}.zoom-label{text-align:center;min-width:33px;font-size:11px}.restore{z-index:20;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:8px;padding:11px 13px;font-size:11px;display:flex;position:fixed;top:106px}.left-restore{left:24px}.right-restore{right:24px}.filterbar{justify-content:space-between;align-items:center;gap:10px;margin:20px 0;display:flex}.filters{flex-wrap:wrap;gap:5px;display:flex}.filters button{border:1px solid var(--line);color:var(--muted);background:var(--panel);border-radius:20px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex}.filters button.active{background:var(--ink);color:var(--inverse);border-color:var(--ink)}.filters span{opacity:.6;font-size:9px}.font-search{max-width:125px;color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.font-search input{background:0 0;border:0;width:100%}.font-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.font-card{border:1px solid var(--line);background:var(--card);border-radius:20px;min-width:0;padding:15px 16px 0;transition:border-color .2s,box-shadow .2s;overflow:hidden}.font-card.selected{border-color:var(--muted)}.font-card:hover{box-shadow:var(--shadow)}.card-top{align-items:center;gap:8px;display:flex}.card-top>.icon{margin-left:auto}.check-label{cursor:pointer;width:17px;height:17px;position:relative}.check-label input{opacity:0;z-index:2;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.check-label>span{border:1px solid var(--line);background:var(--card);color:#0000;border-radius:5px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.check-label input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--inverse)}.check-label input:focus-visible+span{outline:2px solid var(--muted);outline-offset:3px}.format-label{letter-spacing:.7px;color:var(--muted);font-size:8px}.font-specimen{text-align:left;overflow-wrap:anywhere;width:100%;min-height:143px;padding:24px 0 20px;font-weight:400;line-height:1.2}.font-specimen:hover{opacity:.8}.sample-alphabet{color:var(--muted);letter-spacing:.1px;margin-top:19px;line-height:1.6;display:block}.card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:13px 0 12px;display:flex}.card-footer>div{min-width:0}.card-footer h3{white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-size:12px;font-weight:500;line-height:1.5;overflow:hidden}.card-footer p{color:var(--muted);margin:0;font-size:9px}.card-footer p>span{opacity:.7}.card-state{border-top:1px solid var(--line);background:var(--panel);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;min-height:29px;margin:0 -16px;padding:8px 16px;font-size:8px;display:flex;overflow:hidden}.card-state button{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;padding:0;font-size:8px;display:flex;overflow:hidden}.list-view{grid-template-columns:1fr}.list-view .font-card{padding:12px 16px 0;position:relative}.list-view .card-top{position:absolute;top:20px;left:16px;right:16px}.list-view .font-specimen{min-height:90px;padding:12px 48px 20px;font-size:30px!important}.list-view .sample-alphabet{display:none}.list-view .card-footer{padding-top:8px}.no-results{text-align:center;color:var(--muted);grid-column:1/-1;padding:70px}.warnings{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:14px;margin-top:18px;padding:12px;font-size:10px}.warnings summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:flex}.warnings summary>svg:last-child{margin-left:auto}.warnings p{overflow-wrap:anywhere;margin-bottom:0;line-height:1.7}.scan-state{text-align:center;border:1px solid var(--line);background:var(--card);border-radius:23px;min-height:390px;margin-top:20px;padding:60px 25px}.scanner-animation{background:var(--chip);border-radius:28px;justify-content:center;align-items:center;width:92px;height:92px;animation:2s ease-in-out infinite scan;display:inline-flex}.scan-state h3{margin-top:25px;font-size:17px;font-weight:400}.scan-state p,.scan-state small{color:var(--muted);font-size:11px}.scan-state small{font-size:9px}.loading-track{background:var(--chip);border-radius:10px;width:160px;height:3px;margin:25px auto 15px;overflow:hidden}.loading-track:before{content:"";background:var(--ink);width:55px;height:100%;animation:1.5s infinite alternate track;display:block}.batch-progress{background:var(--panel);border:1px solid var(--line);z-index:26;min-width:270px;box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:13px;padding:15px 20px;display:flex;position:fixed;bottom:87px;left:50%;transform:translate(-50%)}.batch-progress>div{flex:1}.batch-progress strong{font-size:11px;font-weight:400}.batch-progress progress{width:100%;height:4px;accent-color:var(--ink);margin-top:10px;display:block}.toast{background:var(--ink);width:max-content;max-width:calc(100vw - 40px);color:var(--inverse);z-index:80;border-radius:15px;align-items:center;gap:10px;padding:13px 16px;font-size:11px;line-height:1.7;display:flex;position:fixed;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #00000012}.toast>span{max-width:540px}.toast .icon:hover{background:#ffffff1a}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:70;background:#0000002b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:26px;width:540px;max-width:100%;max-height:85vh;padding:25px 30px 30px;overflow-y:auto;box-shadow:0 16px 80px #00000015}.modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal h2{overflow-wrap:anywhere;font-size:25px;font-weight:400;line-height:1.4;display:block}.modal>p{color:var(--muted);margin:15px 0 23px;font-size:12px;line-height:1.8}.history-list{margin-top:25px}.history-list button{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:14px;width:100%;padding:17px 0;display:flex}.history-list button>span{flex:1;font-size:13px}.history-list small{color:var(--muted);margin-top:7px;font-size:10px;display:block}.history-list+.text-button{margin-top:23px}.history-empty{text-align:center;color:var(--muted);padding:45px 0;font-size:12px}.instructions{color:var(--muted);padding-left:20px;font-size:12px;line-height:1.9}.instructions li{padding:7px 0 7px 4px}.capture-actions{gap:10px;margin:20px 0;display:flex}.capture-actions .button,.capture-actions .button.primary svg{margin:0}.about-grid{grid-template-columns:1fr 1fr;gap:10px;margin:23px 0;display:grid}.about-grid>span{background:var(--chip);border-radius:12px;padding:14px;font-size:11px}.credit-links{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:20px;font-size:10px;display:flex}.credit-links a{align-items:center;gap:3px;display:flex}.detail-specimen{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:15px;margin:25px 0;padding:28px 20px;font-size:42px;line-height:1.3}.modal dl{grid-template-columns:85px 1fr;gap:15px;margin-bottom:22px;font-size:11px;display:grid}.modal dt{color:var(--muted)}.modal dd{overflow-wrap:anywhere;margin:0}.detail-url{overflow-wrap:anywhere;font-size:9px!important}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{50%{border-radius:50%;transform:rotate(8deg)}}@keyframes track{to{transform:translate(105px)}}@media (min-width:1700px){.workspace{width:calc(100% - 630px);margin-left:auto;margin-right:auto}.left-hidden .workspace,.right-hidden .workspace{margin-left:auto;margin-right:auto}.font-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.font-grid.list-view{grid-template-columns:1fr}h1{font-size:43px}.type-composition{height:180px;margin-bottom:35px}.empty-canvas{padding-top:45px;padding-bottom:35px}.type-baseline{top:125px}}@media (max-width:1150px){.floating{width:215px}.right-panel{width:220px}.workspace{margin-left:263px;margin-right:266px}.panel-content{padding-left:15px;padding-right:15px}.font-grid{grid-template-columns:1fr}.type-composition{gap:13px}.type-composition>span:not(.type-coordinate):not(.composition-cross){font-size:70px}.type-baseline{top:100px}h1{font-size:30px}.filterbar{flex-direction:column;align-items:flex-start}.font-search{width:100%;max-width:100%;padding:5px 0}}@media (max-width:900px){.right-panel{right:16px}.left-panel{left:16px}.workspace{margin:0 260px 0 40px}.app:not(.left-hidden) .left-restore{display:flex}.topnav{position:static;transform:none}.brand .version{display:none}.header-actions .divider{margin:0 5px}.topbar{padding:0 20px}.left-hidden .workspace{margin-left:40px}.right-hidden .workspace{margin-right:40px}.right-hidden .font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.right-hidden .font-grid.list-view{grid-template-columns:1fr}.right-hidden .left-restore{display:none}}@media (max-width:640px){.topbar{height:69px;padding:0 16px}.brand{gap:9px;font-size:15px}.brand small{font-size:8px}.topnav{background:0 0;border:0;gap:0;margin-left:auto;margin-right:4px;padding:0}.topnav button{padding:8px}.topnav button:first-child{display:none}.topnav button:last-child{gap:0;font-size:0}.topnav button:last-child svg{width:19px;height:19px}.header-actions>.divider{display:none}.header-actions{gap:0}.header-actions>.icon{width:31px}.floating.left-panel{width:calc(100% - 32px);max-height:none;margin:22px 16px;display:block;position:relative;top:auto;left:auto;transform:none!important}.left-panel .panel-content{padding:15px}.left-panel .panel-content>.section-label:first-child{margin-bottom:12px}.left-panel form{flex-wrap:wrap;gap:8px;display:flex}.left-panel .field-label{display:none}.left-panel .url-field{flex:1;min-width:120px}.left-panel .scan-button{width:155px;margin:0;padding:10px;font-size:10px}.left-panel .panel-caption,.left-panel .panel-rule,.left-panel .section-label:nth-of-type(2),.left-panel .panel-bottom{display:none}.left-panel .source-button{vertical-align:top;width:50%;padding:15px 0 0;display:inline-flex}.left-panel .source-button>svg{display:none}.left-panel .source-button small{font-size:8px}.left-panel .collection-link{margin-top:16px;font-size:9px}.right-panel{width:246px;max-height:calc(100vh - 103px);top:83px;right:16px;box-shadow:0 15px 80px #00000025}.workspace,.left-hidden .workspace,.right-hidden .workspace{margin:0 16px;padding-top:20px}h1{margin-top:15px;font-size:31px}.canvas-heading{padding-bottom:14px}.empty-canvas{padding:26px 18px 22px}.type-composition{height:140px}.type-composition>span:not(.type-coordinate):not(.composition-cross){font-size:80px}.type-baseline{top:101px}.empty-message h3{font-size:15px}.font-grid,.right-hidden .font-grid,.font-grid.list-view{grid-template-columns:1fr}.font-specimen{min-height:138px}.filterbar{flex-flow:wrap;align-items:center}.font-search{width:110px}.bottom-toolbar{white-space:nowrap;gap:0;padding:5px 8px;bottom:15px}.selection-button{padding:7px;font-size:10px}.toolbar-divider{margin:0 5px}.toolbar-count{min-width:77px;font-size:12px}.toolbar-count small{font-size:9px}.bottom-toolbar .icon{width:28px;height:30px}.zoom-label{min-width:29px;font-size:10px}.toast{width:calc(100% - 32px);font-size:10px;line-height:1.7;bottom:75px}.restore{padding:10px;font-size:10px;top:83px}.left-restore{width:max-content;margin:16px 16px 0;position:relative;top:auto;left:auto}.right-restore{right:16px}.modal-backdrop{padding:16px}.modal{border-radius:22px;padding:20px}.modal h2{font-size:23px}.capture-actions{flex-direction:column}.canvas-footer,.canvas-footer .text-button{font-size:8px}.batch-progress{bottom:75px}.app{padding-bottom:85px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.name-identify{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:20px;align-items:center;gap:5px;padding:7px 10px;font-size:10px;display:inline-flex}.name-identify:hover{color:var(--text)}.font-url-input{font:inherit;border:1px solid var(--line);background:var(--card);width:100%;min-height:155px;color:var(--text);resize:vertical;border-radius:12px;margin:18px 0;padding:14px;font-size:11px;line-height:1.8;display:block}.font-links{margin-top:14px;margin-bottom:0;display:flex}.modal dd{line-height:1.7}.filterbar{flex-wrap:wrap}.filter-controls{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.filter-select{font:inherit;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:20px;min-width:0;max-width:190px;padding:7px 26px 7px 10px;font-size:10px}.filter-select:focus{outline:1px solid var(--ink)}.brand-logo{object-fit:contain;width:89px;height:50px;display:block}.brand-subtitle{letter-spacing:1px;color:var(--muted);font-size:10px;font-weight:400}:root[data-theme=dark] .brand-logo{filter:invert()}.filter-select-wrap{align-items:center;min-width:0;max-width:190px;display:inline-flex;position:relative}.filter-select{-webkit-appearance:none;appearance:none;cursor:pointer;background-image:none;width:100%;max-width:100%;min-height:34px;padding:8px 36px 8px 12px;line-height:16px;display:block}.filter-chevron{color:var(--muted);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.panel-dock{justify-content:space-between;align-items:center;gap:12px;min-height:42px;margin:0 0 20px;display:flex}.panel-dock .restore{flex-shrink:0;margin:0;display:inline-flex;position:static;transform:none}.panel-dock .right-restore{margin-left:auto}@media (max-width:640px){.brand-logo{width:71px;height:40px}.brand-subtitle{display:none}.panel-dock{margin-bottom:16px}.filter-select-wrap{max-width:170px}}.address-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.address-heading .field-label{margin:0}.address-list{flex-direction:column;gap:8px;width:100%;display:flex}.address-row{align-items:center;gap:5px;min-width:0;display:flex}.address-row .url-field{flex:1;min-width:0}.address-row .url-field input{min-width:0}.remove-address{flex-shrink:0}.left-panel form{display:block}@media (max-width:640px){.left-panel .address-heading .field-label{display:block}.left-panel .scan-button{width:100%;margin-top:10px}}.filterbar .selection-toggle{white-space:nowrap;flex-shrink:0}.empty-message .button{margin-top:0}.family-membership{color:var(--muted);overflow-wrap:anywhere;padding:0 20px 12px;font-size:11px;line-height:1.6}.font-subset{border:1px solid var(--line);letter-spacing:0;color:var(--muted);border-radius:5px;margin-left:8px;padding:2px 6px;display:inline-block}.scan-mode{background:var(--chip);border-radius:10px;gap:3px;margin-bottom:16px;padding:3px;display:flex}.scan-mode button{color:var(--muted);border-radius:8px;flex:1;padding:8px 4px;font-size:11px}.scan-mode button[aria-pressed=true]{background:var(--card);color:var(--text)}.show-more{grid-column:1/-1;justify-self:center;margin:16px}.verification-actions{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;padding:16px;display:flex}.verification-actions>span{color:var(--muted);flex:1;font-size:12px}.unify-names{cursor:pointer;align-items:flex-start;gap:9px;margin:18px 0;font-size:12px;line-height:1.6;display:flex}.unify-names input{accent-color:var(--ink);margin:3px 0 0}.unify-names small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.inspection-status{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;font-size:12px;display:flex}.inspection-status>div{gap:16px;display:flex}.inspection-status .text-button{margin:0;font-size:12px}dialog.site-information{color:var(--text);width:min(600px,100vw - 32px);max-height:calc(100dvh - 48px);margin:auto}dialog.site-information::backdrop{background:#0008}.help-section{margin-top:24px}.help-section h3,.site-announcement h3{margin-bottom:8px;font-size:15px}.help-section p,.site-announcement p{white-space:pre-wrap}.site-announcement{border:1px solid var(--line);border-radius:12px;padding:16px}