.webfont-page{--webfont-line:var(--tool-line);--webfont-soft:var(--tool-soft);--webfont-muted:var(--tool-muted);--webfont-success:var(--color-success);}.webfont-dropzone{align-items:center;background:var(--tool-soft);border:2px dashed var(--color-control-border);color:var(--color-text-muted);cursor:pointer;display:flex;flex-direction:column;gap:.3rem;justify-content:center;min-height:230px;padding:1.5rem;text-align:center;transition:border-color .15s,background .15s;}.webfont-dropzone:hover,.webfont-dropzone.is-dragging{background:var(--color-accent-soft);border-color:var(--color-accent);}.webfont-dropzone:focus-within{outline:3px solid var(--color-accent-focus);outline-offset:2px;}.webfont-dropzone svg{color:var(--color-brand);}.webfont-dropzone strong{color:var(--tool-ink);font-size:1.2rem;}.webfont-dropzone>span:not(.webfont-file-button){color:var(--webfont-muted);}.webfont-dropzone input{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px;}.webfont-file-button{margin-top:.65rem;}.webfont-file-list{display:grid;gap:.4rem;margin-top:.75rem;}.webfont-file-item{align-items:center;border-bottom:1px solid var(--color-surface-muted);display:flex;gap:.65rem;padding:.5rem 0;}.webfont-file-item strong{margin-inline-end:auto;overflow-wrap:anywhere;}.webfont-file-item span{color:var(--webfont-muted);white-space:nowrap;}.webfont-page .webfont-file-item button{align-items:center;align-self:center;background:none;border:0;color:var(--color-danger);cursor:pointer;display:inline-flex;flex:0 0 2rem;font:inherit;font-size:0;height:2rem;justify-content:center;line-height:1;min-height:2rem;padding:0 .25rem;position:relative;text-decoration:none;width:2rem;}.webfont-page .webfont-file-item button::before,.webfont-page .webfont-file-item button::after{background:currentColor;border-radius:var(--radius-control);content:"";height:2px;left:50%;position:absolute;top:50%;width:.85rem;}.webfont-page .webfont-file-item button::before{transform:translate(-50%,-50%) rotate(45deg);}.webfont-page .webfont-file-item button::after{transform:translate(-50%,-50%) rotate(-45deg);}.webfont-fine-print,.webfont-retention{color:var(--webfont-muted);font-size:.88rem;}.webfont-progress{align-items:center;background:var(--color-accent-soft);border-inline-start:4px solid var(--color-accent);display:grid;gap:1rem;grid-template-columns:auto 1fr;margin:1.5rem 0;padding:1rem;}.webfont-progress progress{grid-column:1/-1;width:100%;}.webfont-progress p{color:var(--webfont-muted);margin:.15rem 0 0;}.webfont-spinner{animation:webfont-spin .8s linear infinite;border:3px solid var(--tool-line);border-radius:50%;border-top-color:var(--color-brand);height:28px;width:28px;}@keyframes webfont-spin{to{transform:rotate(360deg);}}.webfont-table-wrap{overflow-x:auto;}.webfont-page table{border-collapse:collapse;font-size:.9rem;table-layout:fixed;width:100%;}.webfont-page th{background:var(--color-brand);color:#fff;text-align:start;}.webfont-page th,.webfont-page td{border-bottom:1px solid var(--webfont-line);padding:.65rem .55rem;vertical-align:top;}.webfont-page th:nth-child(1){width:14%;}.webfont-page th:nth-child(2){width:18%;}.webfont-page th:nth-child(3){width:18%;}.webfont-page th:nth-child(4){width:28%;}.webfont-page th:nth-child(5){width:22%;}.webfont-page td,.webfont-cell-value{min-width:0;overflow-wrap:anywhere;}.webfont-page td strong{display:block;}.webfont-page td small{color:var(--webfont-muted);}.webfont-notice{border-inline-start:4px solid var(--color-accent);padding:.75rem 1rem;}.webfont-notice.warning{background:var(--color-warning-soft);border-color:var(--color-warning-border);color:var(--color-warning);}.webfont-modes{border:0;display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;min-width:0;padding:0;}.webfont-modes>label,.webfont-choice-grid>label,.webfont-check{align-items:flex-start;border:1px solid var(--color-border);cursor:pointer;display:flex;gap:.65rem;padding:.85rem;}.webfont-modes>label:has(input:checked),.webfont-choice-grid>label:has(input:checked){background:var(--color-accent-soft);border-color:var(--color-accent);box-shadow:inset 3px 0 var(--color-accent);}.webfont-modes input,.webfont-choice-grid input,.webfont-check input{margin-top:.22rem;}.webfont-modes span,.webfont-check span{display:grid;gap:.15rem;}.webfont-modes small,.webfont-check small{color:var(--webfont-muted);line-height:1.35;}.webfont-choice-panel{margin-top:1.5rem;}.webfont-choice-panel h3{font-size:1.1rem;margin:0;}.webfont-choice-panel>p{color:var(--webfont-muted);margin:.3rem 0 1rem;}.webfont-choice-grid{display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr));}.webfont-choice-grid>label{display:grid;grid-template-columns:auto 1fr;}.webfont-choice-grid>label small{color:var(--webfont-muted);grid-column:2;}.webfont-choice-grid>label.is-unavailable{display:none;}.webfont-choice-grid>label span{overflow-wrap:anywhere;}.webfont-choice-panel>label{display:grid;gap:.3rem;}.webfont-choice-panel>label small{color:var(--webfont-muted);font-weight:400;}.webfont-choice-panel textarea,.webfont-output-grid input[type="text"],.webfont-output-grid select,.webfont-expert input[type="text"],.webfont-expert select{background-color:#fff;border:1px solid var(--color-control-border);border-radius:var(--radius-control);box-sizing:border-box;color:var(--tool-ink);font:inherit;padding:.7rem;width:100%;}.webfont-page #webfont-options-form .webfont-output-grid input[type="text"],.webfont-page #webfont-options-form .webfont-output-grid select,.webfont-page #webfont-options-form .webfont-expert input[type="text"],.webfont-page #webfont-options-form .webfont-expert select{height:44px;line-height:1.2;min-height:44px;}.webfont-output-grid input[type="text"],.webfont-expert input[type="text"]{padding:.55rem .7rem;}.webfont-output-grid select,.webfont-expert select{background-position:right .8rem center;background-size:.55rem;padding:0 2.1rem 0 .7rem;}.webfont-page:dir(rtl) .webfont-output-grid select,.webfont-page:dir(rtl) .webfont-expert select{background-position:left .8rem center;padding:0 .7rem 0 2.1rem;}.webfont-output-grid input[type="text"]:focus,.webfont-output-grid select:focus,.webfont-expert input[type="text"]:focus,.webfont-expert select:focus,.webfont-choice-panel textarea:focus{border-color:var(--color-brand);box-shadow:0 0 0 2px rgba(0,41,87,.1);outline:0;}.webfont-output-grid input[type="text"]::placeholder,.webfont-expert input[type="text"]::placeholder{color:var(--color-text-muted);opacity:1;}.webfont-choice-panel textarea{line-height:1.45;margin-top:.55rem;resize:vertical;}.webfont-text-count{color:var(--webfont-muted);display:block;text-align:end;}.webfont-optimization{border:0;margin:0 0 1.5rem;padding:0;}.webfont-optimization>legend{color:var(--tool-ink);font-size:1.12rem;font-weight:800;padding:0;}.webfont-optimization>p{color:var(--webfont-muted);margin:.3rem 0 1rem;}.webfont-preset-grid{display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(0,1fr));}.webfont-preset-grid>label{background:#fff;border:1px solid var(--color-border);cursor:pointer;display:grid;gap:.65rem;grid-template-columns:auto minmax(0,1fr);min-height:112px;padding:1rem;transition:border-color .15s,box-shadow .15s,background .15s;}.webfont-preset-grid>label:hover{border-color:var(--color-control-border);}.webfont-preset-grid>label:has(input:checked){background:var(--color-accent-soft);border-color:var(--color-accent);box-shadow:inset 0 3px var(--color-accent);}.webfont-preset-grid input{accent-color:var(--color-brand);margin-top:.22rem;}.webfont-preset-grid strong,.webfont-preset-grid small{display:block;}.webfont-preset-grid strong{color:var(--color-brand);line-height:1.25;}.webfont-preset-grid small{color:var(--webfont-muted);line-height:1.4;margin-top:.35rem;}.webfont-expert{border:1px solid var(--color-border);margin-top:.8rem;}.webfont-expert>summary{align-items:center;cursor:pointer;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto auto;list-style:none;min-height:54px;padding:.7rem 1rem;}.webfont-expert>summary::-webkit-details-marker{display:none;}.webfont-expert>summary::after{border-bottom:2px solid currentColor;border-right:2px solid currentColor;content:"";height:.45rem;margin-inline:.2rem .25rem;transform:rotate(45deg);transition:transform .15s;width:.45rem;}.webfont-expert[open]>summary::after{transform:rotate(225deg);}.webfont-expert>summary strong,.webfont-expert>summary small{display:block;}.webfont-expert>summary strong{color:var(--color-brand);}.webfont-expert>summary small{color:var(--webfont-muted);font-weight:400;margin-top:.1rem;}.webfont-custom-badge{background:var(--color-accent-soft);color:var(--color-brand);font-size:.72rem;font-weight:800;letter-spacing:.04em;padding:.25rem .45rem;text-transform:uppercase;}.webfont-expert-grid{background:var(--webfont-soft);border-top:1px solid var(--color-border);display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem;}.webfont-expert-grid>label:not(.webfont-expert-check){align-content:start;display:grid;gap:.35rem;}.webfont-expert-grid>label>span{font-weight:700;}.webfont-expert-grid small{color:var(--webfont-muted);line-height:1.4;}.webfont-expert-wide{grid-column:1/-1;}.webfont-expert-checks{display:grid;gap:.65rem;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));}.webfont-expert-check{align-items:flex-start;background:#fff;border:1px solid var(--color-border);display:flex;gap:.65rem;padding:.75rem;}.webfont-expert-check input{accent-color:var(--color-brand);flex:0 0 auto;margin-top:.25rem;}.webfont-expert-check strong,.webfont-expert-check small{display:block;}.webfont-expert-check small{margin-top:.15rem;}.webfont-output-grid{display:grid;gap:1rem;grid-template-columns:1.2fr .8fr;}.webfont-output-grid label{align-content:start;display:grid;gap:.35rem;}.webfont-output-grid label>span{font-weight:700;}.webfont-output-grid small{color:var(--webfont-muted);}.webfont-check{margin:1rem 0;max-width:620px;}.webfont-kit-list{background:var(--webfont-soft);border-inline-start:4px solid var(--color-brand);margin:1rem 0;padding:.8rem 1rem;}.webfont-kit-list ul{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin:.5rem 0 0;padding-inline-start:1.1rem;}.webfont-rights{align-items:flex-start;display:flex;gap:.55rem;margin:1.2rem 0;}.webfont-rights input{flex:0 0 auto;margin-top:.25rem;}.webfont-ready{align-items:flex-start;background:var(--color-success-soft);border-inline-start:4px solid var(--webfont-success);color:var(--color-success);display:flex;gap:1rem;margin:2rem 0;padding:1.25rem;}.webfont-ready h2{color:var(--color-success);font-size:1.4rem;margin:0;}.webfont-ready p{margin:.3rem 0 1rem;}.webfont-ready-actions{display:flex;flex-wrap:wrap;gap:.65rem;}.webfont-result-report{border:1px solid var(--tool-line);margin:1rem 0 2rem;}.webfont-result-report>header{background:var(--webfont-soft);border-bottom:1px solid var(--tool-line);padding:1rem;}.webfont-result-report h2{color:var(--color-brand);font-size:1.25rem;margin:0;}.webfont-result-report header p{color:var(--webfont-muted);margin:.3rem 0 0;}.webfont-result-list{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.85rem;}.webfont-result-list article{border:1px solid var(--color-border);min-width:0;padding:.8rem;}.webfont-result-list h3{color:var(--color-brand);font-size:.96rem;margin:0 0 .65rem;overflow-wrap:anywhere;}.webfont-result-list dl{display:grid;font-size:.84rem;gap:.35rem .7rem;grid-template-columns:minmax(7rem,32%) minmax(0,1fr);margin:0;}.webfont-result-list dt{color:var(--webfont-muted);font-weight:700;}.webfont-result-list dd{margin:0;overflow-wrap:anywhere;}.webfont-guide{border-top:1px solid var(--webfont-line);margin-top:2.5rem;padding-top:2rem;}.webfont-guide-panel{border:1px solid var(--color-border);box-shadow:0 10px 28px rgba(0,41,87,.08);}.webfont-guide-intro{background:var(--color-brand);color:#fff;padding:1.6rem 1.7rem 1.5rem;}.webfont-guide-intro>p:first-child{color:var(--color-accent);font-size:.76rem;font-weight:800;letter-spacing:.1em;margin:0 0 .45rem;text-transform:uppercase;}.webfont-guide-intro h2{color:#fff;font-size:1.55rem;margin:0;}.webfont-guide-intro>p:last-child{color:rgba(255,255,255,.82);line-height:1.6;margin:.65rem 0 0;}.webfont-guide-grid{background:#fff;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}.webfont-guide-grid article{min-width:0;padding:1.25rem 1.3rem 1.4rem;}.webfont-guide-grid article+article{border-inline-start:1px solid var(--color-border);}.webfont-guide-mark{align-items:center;color:var(--color-control-border);display:flex;justify-content:space-between;margin-bottom:.8rem;}.webfont-guide-mark span{font-size:.75rem;font-weight:800;letter-spacing:.08em;}.webfont-guide-mark svg{background:var(--color-accent-soft);color:var(--color-brand);fill:none;height:2rem;padding:.45rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65;width:2rem;}.webfont-guide-grid h3{color:var(--color-brand);font-size:1.06rem;line-height:1.3;margin:0;}.webfont-guide-grid p{color:var(--webfont-muted);line-height:1.55;margin:.55rem 0 0;}.webfont-fixed-mode{background:var(--color-accent-soft);border:1px solid color-mix(in srgb,var(--color-accent) 36%,#fff);border-top:3px solid var(--color-accent);padding:1rem 1.1rem;}.webfont-fixed-mode strong{color:var(--color-brand);font-size:1.15rem;}.webfont-fixed-mode p{color:var(--webfont-muted);line-height:1.5;margin:.3rem 0 0;}@media (max-width:700px){.webfont-dropzone{min-height:200px;}.webfont-modes,.webfont-choice-grid,.webfont-preset-grid,.webfont-expert-grid,.webfont-expert-checks,.webfont-output-grid,.webfont-guide-grid,.webfont-result-list{grid-template-columns:1fr;}.webfont-preset-grid>label{min-height:0;}.webfont-expert-wide{grid-column:auto;}.webfont-guide-intro{padding:1.3rem 1.15rem;}.webfont-guide-grid article{padding:1.1rem 1.15rem;}.webfont-guide-grid article+article{border-inline-start:0;border-top:1px solid var(--color-border);}.webfont-file-item{align-items:flex-start;flex-wrap:wrap;}.webfont-file-item strong{flex:1 1 70%;}.webfont-table-wrap{overflow:visible;}.webfont-page table{display:block;table-layout:auto;}.webfont-page table thead{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;}.webfont-page table tbody{display:grid;gap:.75rem;}.webfont-page table tr{background:#fff;border:1px solid var(--tool-line);box-shadow:0 3px 10px rgba(0,41,87,.06);display:block;padding:.2rem .85rem;}.webfont-page table td{align-items:start;border-bottom:1px solid var(--color-surface-muted);display:grid;gap:.65rem;grid-template-columns:minmax(6.8rem,32%) minmax(0,1fr);padding:.65rem 0;width:100%;}.webfont-page table td:last-child{border-bottom:0;}.webfont-page table td::before{color:var(--color-brand);content:attr(data-label);font-size:.75rem;font-weight:800;letter-spacing:.02em;line-height:1.35;}}@media (prefers-reduced-motion:reduce){.webfont-spinner{animation:none;}}.webfont-dropzone.is-dragging,.webfont-modes>label:has(input:checked),.webfont-choice-grid>label:has(input:checked),.webfont-preset-grid>label:has(input:checked),.webfont-fixed-mode,.webfont-guide-mark svg{background:var(--color-accent-soft);}.webfont-dropzone:focus-within{outline-color:var(--color-accent-focus);}.webfont-modes>label:has(input:checked),.webfont-choice-grid>label:has(input:checked){border-color:var(--color-accent);box-shadow:inset 3px 0 var(--color-accent);}.webfont-preset-grid>label:has(input:checked){border-color:var(--color-accent);box-shadow:inset 0 3px var(--color-accent);}.webfont-custom-badge{background:var(--color-accent-soft);color:var(--color-brand);}.webfont-guide-intro>p:first-child,.webfont-guide-mark span,.webfont-guide-mark svg{color:var(--color-accent);}