.settings-tabs{grid-template-columns:1.1fr 1.2fr .7fr .8fr .7fr .7fr}.magnet-card{padding:12px;border:1px solid var(--line);border-radius:8px;margin:12px 0}.magnet-card.active{background:#fafbf5;border-color:#a6b68e}.magnet-card select{width:100%;padding:9px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}.upgrade-finishing{padding:16px 0;border-top:1px solid var(--line)}.upgrade-finishing h3{font-size:12px}.upgrade-finishing label{margin:12px 0}.character-options{margin-top:12px;font-size:11px}.character-options summary{cursor:pointer;color:var(--green);padding:8px 0}.character-options>label{display:block;margin:10px 0}.character-actions{display:flex;gap:8px;margin:12px 0}.character-actions button{border:1px solid var(--line);border-radius:5px;padding:7px;background:white;font-size:10px}.character-line{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}.position-chip{display:flex;align-items:center;gap:3px;padding:7px;border:1px solid var(--line);background:#f3f7ec;border-radius:5px}.position-chip small{font-size:8px;color:var(--muted)}.position-chip input{margin:0}.size-comparison{display:flex;align-items:center;gap:10px;padding:12px 0;flex-wrap:wrap;font-size:11px}.size-comparison select{padding:8px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:white}.size-comparison p{width:100%;margin:0}.font-preview-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:250px;overflow:auto;margin:10px 0}.font-preview-card{min-width:0;text-align:left;border:1px solid var(--line);border-radius:7px;padding:10px;background:#fcfdf9}.font-preview-card.active{border-color:var(--green);background:#edf4e5}.font-preview-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;margin-top:8px}.font-preview-card small{font-size:9px;color:var(--muted)}@media(max-width:760px){.settings-tabs button{font-size:9px}.size-comparison{gap:8px}.size-comparison select{max-width:200px}.position-chip{min-height:40px;padding:8px}.font-preview-card{min-height:70px}}
/* Local revision: direct character cards and a single font-name list. */
.extra-color h3{font-size:12px;margin:0 0 10px}.extra-color .character-lines{margin:16px 0 22px}.character-line{gap:8px;align-items:stretch}.position-chip{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:42px;min-height:88px;padding:8px 7px;background:#fff;border-radius:8px;cursor:pointer}.position-chip>span{font-size:24px;font-weight:700;line-height:1.2}.position-chip small{font-size:9px;color:var(--muted)}.position-chip input{width:14px;height:14px;accent-color:var(--green);margin:1px 0}.position-chip.selected{border-color:var(--green);background:#edf4e5}.position-chip:focus-within{outline:2px solid var(--green);outline-offset:2px}.extra-color .color-row{margin:12px 0}.extra-color .hint{font-size:10px}.font-preview-cards{display:flex;flex-direction:column;gap:0;max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:8px;scrollbar-gutter:stable}.font-preview-card{flex-shrink:0;min-height:68px;padding:14px 12px;border:0;border-radius:0;border-bottom:1px solid var(--line);font-size:20px;line-height:1.5;overflow-wrap:anywhere;background:#fafcf8;color:var(--ink)}.font-preview-card:last-child{border-bottom:0}.font-preview-card.active{box-shadow:inset 3px 0 var(--green);background:#eaf2e3}.font-preview-card:focus-visible{outline:2px solid var(--green);outline-offset:-3px}#google-font-note:empty{display:none}#google-font-apply{margin-top:12px}.guide-strength{display:flex;align-items:center;gap:10px;width:100%;color:var(--muted)}.guide-strength input{width:110px;accent-color:var(--green)}#magnet-mode{display:block;width:100%;padding:9px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}#edit-magnet{margin:4px 0 18px}#magnet-auto-height{accent-color:var(--green)}.upgrade-finishing{margin-top:18px}#guide-dimensions:empty{display:none}@media(max-width:760px){.position-chip{min-width:42px;min-height:88px}.font-preview-card{min-height:66px}.size-comparison select{max-width:220px}}
.position-chip>span{font-family:MoyangInput,Nanum,sans-serif}
/* Compact comparison picker inside the preview. */
.viewport>.size-comparison{position:absolute;z-index:5;left:22px;top:66px;padding:0;display:block;max-width:calc(100% - 44px);pointer-events:none}.viewport>.size-comparison select{pointer-events:auto;background:#fcfdf8ed;max-width:240px;min-height:34px;font-size:10px;border-color:#d6dfcf;box-shadow:0 2px 6px #273b3010}.viewport>.size-comparison p{font-size:9px;margin-top:5px;padding:3px 5px;background:#f8fbf1da;border-radius:3px;width:max-content;max-width:100%;color:#60746b}.viewport:has(.edit-banner:not([hidden]))>.size-comparison{top:116px}#edge-applied{line-height:1.8;color:var(--green)}#magnet-rib-note{line-height:1.8}#magnet-ribs{accent-color:var(--green)}@media(max-width:760px){.viewport>.size-comparison{left:12px;top:64px;max-width:calc(100% - 24px)}.viewport>.size-comparison select{font-size:10px;min-height:34px;max-width:220px}.viewport:has(.edit-banner:not([hidden]))>.size-comparison{top:116px}}
/* Compact list, comparison placeholder and model summary. */
.font-preview-cards{height:222px;max-height:222px;min-height:222px}.font-preview-card{height:88px;min-height:88px;max-height:88px;flex:0 0 88px;font-size:19px;line-height:1.45;padding:12px;overflow:hidden}.viewport>.size-comparison{line-height:1}.viewport>.size-comparison select{appearance:none;-webkit-appearance:none;padding-right:30px}.viewport>.size-comparison::after{content:'⌄';position:absolute;right:10px;top:9px;pointer-events:none;color:var(--ink);font-size:13px}#size-guide[data-empty=true]{color:transparent}#size-guide option{color:var(--ink)}#comparison-placeholder{position:absolute;left:11px;top:11px;pointer-events:none;color:var(--ink);font-size:10px;white-space:nowrap}.details-row{margin-top:6px;padding:10px 16px;gap:18px;min-height:0}.dimensions{min-width:210px}.dimensions strong{font-size:20px;min-width:35px}.dimension-labels{margin-top:3px}.object-info{padding-left:18px;line-height:1.4}.object-info .hint{margin-top:3px;margin-bottom:0}.details-row .small-label{margin-bottom:4px}.preview-help{padding-top:9px;padding-bottom:9px}@media(max-width:1150px){.details-row{padding:10px 14px;gap:14px}.dimensions{min-width:200px}}@media(max-width:760px){.font-preview-card{height:88px;min-height:88px;max-height:88px}.details-row{padding:10px 12px;gap:8px}.dimensions{min-width:100%;padding-bottom:8px}.dimensions>div:not(.dimension-labels){gap:14px}.object-info{padding:0}#comparison-placeholder{top:11px}}