.letter-talisman-maker{border-color:#d8b87b66;background:radial-gradient(circle at 100% 0,#d8b87b17,transparent 45%),var(--card)}.letter-talisman-maker .inline-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-top:18px}.letter-talisman-maker .inline-form label{margin:0}.letter-talisman-maker .primary{width:auto}.letter-talisman-output{margin-top:20px}.exact-letter-svg{overflow-x:auto;padding:8px;background:#09161b;border:1px solid var(--line);border-radius:8px}.exact-letter-svg svg{display:block;min-width:420px;width:max(100%,var(--drawing-width,100%));height:auto;max-height:230px}.letter-talisman-output .secondary{margin-top:10px}@media(max-width:600px){.letter-talisman-maker .inline-form{grid-template-columns:1fr}.letter-talisman-maker .primary{width:100%}.exact-letter-svg svg{max-height:190px}}
.talisman-recognizer{border-color:#d8b87b66;background:linear-gradient(145deg,#d8b87b10,transparent 48%),var(--card)}.recognizer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.recognizer-fields label{display:grid;gap:8px}.recognizer-fields input[type=file]{padding:10px;background:#091b20;border:1px solid var(--line);border-radius:8px;color:var(--text)}.recognizer-fields input[type=range]{width:100%;accent-color:#d8b87b}.recognizer-fields output{float:left;color:#e7c981}.talisman-recognizer canvas{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;margin-top:16px;background:#061318;border:1px solid var(--line);border-radius:10px}.talisman-recognizer .tool-actions{margin-top:14px}.recognizer-result{margin-top:16px}.tr-candidates{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px}.tr-candidate{display:grid;gap:7px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#091b20}.tr-candidate span{color:#d8b87b;font-weight:700}.tr-candidate select{width:100%;font:inherit}.tr-candidate small{color:var(--muted);line-height:1.7}.tr-breakdown{direction:rtl;color:#e6d3a4;line-height:2}@media(max-width:650px){.recognizer-fields{grid-template-columns:1fr}.tr-candidates{grid-template-columns:1fr 1fr}}
.tr-keyboard{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:16px 0}.tr-key{position:relative;display:grid;place-items:center;min-width:0;height:64px;padding:5px;border:1px solid #d8b87b55;border-radius:8px;background:#091b20}.tr-key:hover,.tr-key:focus-visible{border-color:#e3c27f;background:#102a31}.tr-key img{width:100%;height:42px;object-fit:contain;filter:none}.tr-key span{position:absolute;inset-block-start:2px;inset-inline-end:5px;color:#ead49f;font-size:.72rem}.tr-manual-output{margin-top:12px;min-height:112px}.tr-manual-output strong{word-break:break-word}.tr-manual-output small{display:block;color:var(--muted);line-height:1.9}.tr-photo-tool{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.tr-photo-tool summary{cursor:pointer;color:#e4c580;font-weight:700;margin-bottom:14px}.tr-photo-tool[open] summary{margin-bottom:18px}@media(max-width:650px){.tr-keyboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tr-key{height:58px}.tr-key img{height:38px}}
.tr-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-width:430px;margin-top:16px;padding:5px;border:1px solid var(--line);border-radius:10px;background:#07171c}.tr-mode-switch button{min-height:44px;border-color:transparent;background:transparent;color:var(--muted)}.tr-mode-switch button.active{border-color:#d8b87b88;background:#d8b87b18;color:#efd698;box-shadow:inset 0 0 0 1px #d8b87b22}.tr-mode-switch+.muted{margin:8px 0 0}.tr-key.code-key img{height:46px}@media(max-width:650px){.tr-mode-switch{max-width:none}.tr-key.code-key img{height:41px}}