:root{color-scheme:light;--ink:#20231e;--muted:#77786f;--paper:#f5f2e9;--card:#fffdf8;--line:#dedacf;--rust:#bd5334;--olive:#596b4e;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55}button,input,textarea,select{font:inherit}button,a,label[for]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,80px);border-bottom:1px solid var(--line);background:rgba(245,242,233,.92);position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:500;line-height:1.1}.brand b{font-weight:760}.brand small{display:block;margin-top:7px;font-size:9px;letter-spacing:.19em;color:var(--muted);font-weight:700}.brand-glyph{font:italic 42px/1 var(--serif);letter-spacing:-.12em;color:var(--rust);padding-right:5px}.brand-glyph span{color:var(--olive)}.top-right{display:flex;align-items:center;gap:22px}.local-badge{font-size:12px;color:#55594f}.local-badge i,.live-tag i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6c9660;margin-right:7px}.top-link{font-size:13px;color:#66685f}.btn{border:0;border-radius:5px;padding:11px 17px;font-size:12px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:20px;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn-dark{background:#242720;color:#fff}.btn-outline{border:1px solid #c9c5b8;background:transparent;color:var(--ink)}.btn-rust{background:var(--rust);color:#fff}.btn span{font-size:18px;line-height:12px}main{max-width:1420px;margin:auto;padding:0 clamp(22px,5vw,80px)}.hero{display:flex;align-items:center;justify-content:space-between;padding:76px 2px 67px;border-bottom:1px solid var(--line)}.eyebrow{font-size:9px;letter-spacing:.17em;font-weight:750;color:#77776d;margin:0 0 16px}.eyebrow span{color:var(--rust)}h1,h2,h3,p{margin-top:0}h1{font:clamp(46px,6vw,78px)/.98 var(--serif);letter-spacing:-.055em;margin:0 0 22px;font-weight:500}h1 em{font-weight:400;color:var(--rust)}.hero-copy{max-width:560px;color:#6a6a61;margin:0;font-size:15px}.hero-stamp{width:155px;height:155px;flex:0 0 155px;border:1px solid #d1ccbd;border-radius:50%;display:grid;place-content:center;text-align:center;position:relative;color:var(--olive);transform:rotate(8deg)}.hero-stamp>span{font:italic 48px/.95 var(--serif);letter-spacing:-.06em}.hero-stamp small{font-size:8px;letter-spacing:.15em;line-height:1.4;margin-top:7px}.hero-stamp i{position:absolute;right:17px;top:15px;font-size:18px;color:var(--rust);font-style:normal}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.85fr);gap:42px;padding:43px 0 70px}.section-head,.specimen-top,.pair-card-head{display:flex;align-items:center;justify-content:space-between}.section-head h2,.specimen-top h2,.pair-card h2,.export-card h2{font:500 27px/1.1 var(--serif);letter-spacing:-.035em;margin:0}.count{font:600 11px var(--sans);color:#fff;background:var(--olive);border-radius:20px;padding:4px 8px;vertical-align:middle}.upload-label{white-space:nowrap;cursor:pointer}.drop-zone{margin-top:24px;border:1px dashed #c8c3b5;min-height:96px;display:flex;align-items:center;padding:18px 22px;gap:15px;color:#34372f;transition:background .2s,border .2s}.drop-zone:hover,.drop-zone.is-over{background:#eeeadf;border-color:var(--olive)}.drop-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e8e5d9;color:var(--olive);font-size:21px}.drop-zone strong,.drop-zone small{display:block}.drop-zone strong{font-size:13px}.drop-zone small{color:var(--muted);font-size:10px;margin-top:4px}.drop-action{margin-left:auto;font-size:11px;color:var(--rust);font-weight:700}.font-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.font-tile{border:1px solid var(--line);background:var(--card);padding:15px 16px;min-width:0;position:relative}.font-tile h3{font:28px/1.1 var(--font-family,var(--serif));margin:0 28px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-tile p{font:11px var(--sans);color:var(--muted);margin:0 28px 0}.font-tile .tile-meta{display:flex;justify-content:space-between;color:#77776d;font-size:9px;letter-spacing:.08em;margin-top:15px}.font-tile .remove-font{position:absolute;right:9px;top:9px;border:0;background:none;color:#858277;font-size:18px}.empty-shelf{padding:24px 18px 22px;text-align:center;color:#77776d;border-bottom:1px solid var(--line)}.empty-mark{display:block;color:#c9c3b2;font:italic 37px var(--serif);margin-bottom:5px}.empty-shelf strong{font:500 20px var(--serif);color:#4b4d43}.empty-shelf p{max-width:410px;margin:8px auto 10px;font-size:11px}.text-button{border:0;background:none;color:var(--rust);font-size:11px;font-weight:700;padding:5px 8px}.text-button:hover{text-decoration:underline}.specimen-card{margin-top:35px;border-top:1px solid var(--line);padding-top:26px}.specimen-controls{display:flex;gap:19px}.specimen-controls label{display:grid;grid-template-columns:auto auto;gap:0 9px;align-items:center;font-size:10px;color:var(--muted)}.specimen-controls input{grid-column:1/2;width:100px;accent-color:var(--olive)}.specimen-controls output{grid-column:2;grid-row:1/3;font-size:11px;color:var(--ink);font-variant-numeric:tabular-nums}.pair-controls{display:grid;grid-template-columns:1fr 22px 1fr;align-items:end;gap:12px;margin:25px 0 20px}.pair-controls label{font-size:10px;color:var(--muted)}.pair-controls select{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:4px;background:var(--card);padding:10px;color:var(--ink);font-size:12px}.pair-symbol{font:italic 22px var(--serif);color:var(--rust);text-align:center}.sample-label{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.specimen-card textarea{resize:vertical;width:100%;padding:10px;border:1px solid var(--line);background:var(--card);font-size:11px;color:#56584f}.specimen-preview{margin-top:12px;padding:27px clamp(18px,4vw,44px);background:#eae5d9;min-height:247px;overflow:hidden}.sample-kicker,.pair-label{font-size:8px;letter-spacing:.18em;color:#7b7a6f}.specimen-preview h3{font:var(--heading-size,52px)/var(--leading,1.28) var(--heading-font,var(--serif));letter-spacing:-.04em;max-width:700px;margin:10px 0 11px}.specimen-preview p:not(.sample-kicker){font:16px/1.55 var(--body-font,var(--sans));max-width:670px;color:#55574f}.glyph-row{font:17px/1.4 var(--heading-font,var(--serif));color:#75766b;border-top:1px solid #d4cfc1;margin-top:18px;padding-top:11px;word-spacing:6px}.right-side{display:flex;flex-direction:column;gap:19px}.pair-card,.export-card,.privacy-card{background:var(--card);border:1px solid var(--line);padding:24px}.pair-card-head .eyebrow,.export-card .eyebrow{margin-bottom:11px}.live-tag{font-size:8px;letter-spacing:.16em;color:#68765d}.pair-note{color:var(--muted);font-size:11px;margin:12px 0 17px}.pair-preview{background:#f0ede4;padding:25px 23px 19px}.pair-preview h3{font:36px/1.06 var(--pair-heading,var(--serif));letter-spacing:-.045em;margin:10px 0 13px}.pair-preview>p{font:13px/1.6 var(--pair-body,var(--sans));color:#62645a;margin-bottom:24px}.pair-meta{border-top:1px solid #d7d2c5;padding-top:10px;display:flex;justify-content:space-between;color:#8b887d;font-size:8px;letter-spacing:.1em}.pair-foot{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:20px}.font-chip{display:flex;align-items:center;gap:9px;min-width:0}.chip-letter{display:grid;place-items:center;width:31px;height:31px;background:#e9e5d8;color:var(--olive);font:italic 17px var(--serif)}.chip-alt{color:var(--rust);background:#f1e5dc}.font-chip small,.font-chip strong{display:block}.font-chip small{font-size:8px;letter-spacing:.13em;color:var(--muted)}.font-chip strong{max-width:115px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-card{padding:22px}.export-card h2{font-size:24px}.export-card>div:first-child>p:last-child{font-size:11px;color:var(--muted);max-width:350px;margin:9px 0 18px}.export-panel{border-top:1px solid var(--line);margin-top:17px;padding-top:11px}.export-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.export-toolbar>div{display:flex;gap:8px}.export-toolbar .text-button{font-size:10px}.export-panel textarea{width:100%;height:210px;resize:vertical;background:#252821;color:#e9e6da;border:0;padding:14px;font:10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;margin-top:8px}.export-note{font-size:10px;color:var(--muted);margin:7px 0 0}.toast{font-size:11px;color:var(--olive);margin-top:7px;min-height:16px}.privacy-card{display:flex;gap:14px;align-items:flex-start;padding:17px 20px;background:#e9e8dc}.privacy-card>span{color:var(--olive);font-size:19px}.privacy-card strong{font-size:11px}.privacy-card p{font-size:10px;color:#696a60;margin:3px 0 0}footer{border-top:1px solid var(--line);padding:19px 0 25px;display:flex;justify-content:space-between;color:#77776d;font-size:10px}footer b{color:var(--rust);padding:0 4px}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,.drop-zone:focus-visible,.upload-label:focus-visible{outline:3px solid #9a4f37;outline-offset:3px} [hidden]{display:none!important}@media(max-width:960px){.workspace{grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:24px}.specimen-top{align-items:flex-start;gap:18px;flex-direction:column}.specimen-controls{width:100%;justify-content:space-between}.hero-stamp{width:125px;height:125px;flex-basis:125px}}@media(max-width:720px){.topbar{height:65px;padding:0 18px}.top-right{gap:12px}.local-badge,.top-link{display:none}.top-right .btn{padding:10px 12px}.brand{font-size:14px}.brand-glyph{font-size:35px}.hero{padding:52px 0 43px}.hero-stamp{display:none}.hero-copy{font-size:13px}.workspace{display:flex;flex-direction:column;padding-top:30px;gap:30px}.right-side{display:grid;grid-template-columns:1fr}.section-head h2,.specimen-top h2,.pair-card h2{font-size:24px}.font-shelf{grid-template-columns:1fr}.pair-controls{gap:7px}.specimen-controls{gap:12px}.specimen-controls input{width:75px}.specimen-preview h3{font-size:clamp(34px,9vw,52px)}footer{gap:10px;flex-direction:column}.drop-zone{padding:14px;gap:10px}.drop-action{font-size:0}.drop-action:after{content:'Выбрать';font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}