.keychain-gen .cc-wrap{grid-template-columns:360px 1fr}@media (max-width:820px){.keychain-gen .cc-wrap{grid-template-columns:1fr}.keychain-gen .cc-view{order:-1;height:44vh;min-height:260px}.keychain-gen .cc-panel{border-right:0;border-top:1px solid var(--cc-line)}}.keychain-gen .kc-text{border:1px solid var(--cc-line);width:100%;color:var(--cc-ink);background:#fff;border-radius:6px;margin-bottom:7px;padding:9px 11px;font:500 16px/1.3 inherit;display:block}.keychain-gen .kc-text::placeholder{color:#a3a59c;font-size:14px;font-weight:400}.keychain-gen .kc-text:focus{outline:2px solid var(--cc-accent);outline-offset:-1px;border-color:#0000}.keychain-gen [role=radio]{color:var(--cc-ink);border:1px solid var(--cc-line);background:#fff;font-weight:400;transition:border-color .12s,box-shadow .12s}.keychain-gen [role=radio]:hover{border-color:#c4a898}.keychain-gen [role=radio][aria-checked=true]{border-color:var(--cc-accent);box-shadow:inset 0 0 0 1px var(--cc-accent)}.keychain-gen [role=radio]:focus-visible{outline:2px solid var(--cc-accent);outline-offset:1px}.keychain-gen .kc-cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.keychain-gen .kc-card{text-align:center;flex-direction:column;align-items:center;gap:2px;padding:8px 8px 9px;display:flex}.keychain-gen .kc-card svg{color:#9a9c93}.keychain-gen .kc-card b{font-size:13px;font-weight:600}.keychain-gen .kc-card small{color:var(--cc-muted);font-size:11px;line-height:1.25}.keychain-gen .kc-fonts{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.keychain-gen .kc-font{flex-direction:column;align-items:center;gap:1px;padding:6px 4px 4px;display:flex}.keychain-gen .kc-font svg{width:100%;height:34px;fill:var(--cc-ink)}.keychain-gen .kc-font small{color:var(--cc-muted);font-size:10.5px}.keychain-gen .kc-swatches{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px;display:grid}.keychain-gen .kc-sw{flex-direction:column;align-items:center;gap:3px;padding:6px 2px 4px;display:flex}.keychain-gen .kc-sw i{border-radius:50%;width:26px;height:26px;box-shadow:inset 0 0 0 1px #0000002e}.keychain-gen .kc-sw small{color:var(--cc-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;line-height:1.15;overflow:hidden}.keychain-gen .kc-segs{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.keychain-gen .kc-seg{flex-direction:column;align-items:center;padding:7px 4px;line-height:1.2;display:flex}.keychain-gen .kc-seg b{font-size:14px}.keychain-gen .kc-seg small{color:var(--cc-muted);font-size:11px}.keychain-gen .kc-summary{color:var(--cc-muted);min-height:20px;margin-top:18px;font-size:13px}.keychain-gen .kc-summary b{color:var(--cc-ink);font-weight:600}.keychain-gen .cc-log:empty{display:none}.keychain-gen .kc-advToggle{text-align:left;width:100%;color:var(--cc-ink);background:#faf8f4;border:1px dashed #c9b7aa;flex-direction:column;align-items:flex-start;gap:1px;margin-top:20px;padding:10px 12px;font-weight:600;display:flex}.keychain-gen .kc-advToggle span:before{content:"▸ ";color:var(--cc-accent)}.keychain-gen .kc-advToggle[aria-expanded=true] span:before{content:"▾ "}.keychain-gen .kc-advToggle small{color:var(--cc-muted);font-size:11.5px;font-weight:400}.keychain-gen .kc-advToggle:hover{border-color:var(--cc-accent)}.keychain-gen .cc-row select{border:1px solid var(--cc-line);font:inherit;color:var(--cc-ink);background:#fff;border-radius:5px;max-width:150px;padding:5px 7px}.keychain-gen .kc-reset{color:var(--cc-accent);background:0 0;border:0;margin-top:4px;padding:4px 0;font-size:12px;font-weight:400;text-decoration:underline}.keychain-gen .kc-print{color:var(--cc-muted);font-size:12.5px;line-height:1.45}.keychain-gen .kc-print p{margin:0 0 6px}.keychain-gen .kc-print b{color:var(--cc-ink);font-weight:600}.keychain-gen .kc-dl{flex-direction:column;gap:6px;margin-top:8px;display:flex}.keychain-gen .kc-dl button{border-color:var(--cc-line);color:var(--cc-ink);background:#fff;padding:7px 10px}.keychain-gen .kc-same i{background:repeating-linear-gradient(45deg,#fff 0 4px,#e3dfd6 4px 8px)}.keychain-gen .kc-cardAdv{text-align:left;flex-direction:row;grid-column:1/-1;justify-content:flex-start;gap:10px}.keychain-gen .kc-cardAdv svg{flex:none;width:48px;height:42px}.keychain-gen .kc-cardAdv small{display:block}.keychain-gen .kc-drop{margin-bottom:8px;padding:12px}.keychain-gen .kc-hint{color:var(--cc-muted);font-size:11.5px;line-height:1.4}.keychain-gen .cc-row input[type=range]{border:0;width:150px;padding:0}.keychain-gen .kc-note{color:var(--cc-muted);border:1px solid var(--cc-line);background:#faf8f4;border-radius:6px;margin-bottom:2px;padding:8px 10px;font-size:11.5px;line-height:1.45}.keychain-gen .kc-note b{color:var(--cc-ink);font-weight:600}