.sc-token{--sc-ink:#25383d;--sc-muted:#52656b;--sc-line:#d9e2ec;--sc-accent:#087d91;--sc-soft:#f5f8fb;box-sizing:border-box;width:100%;max-width:900px;margin:24px auto;color:var(--sc-ink);font:400 16px/1.5 system-ui,-apple-system,sans-serif}.sc-token *{box-sizing:border-box;min-width:0}.sc-token [hidden]{display:none!important}.sc-token__intro{margin-bottom:20px}.sc-token__eyebrow{display:inline-block;margin-bottom:8px;color:var(--sc-accent);font-size:.76rem;font-weight:750;letter-spacing:.08em}.sc-token__intro h2{margin:0 0 8px;color:var(--sc-ink);font-size:clamp(1.55rem,3vw,2rem);line-height:1.2}.sc-token__intro p{margin:0;color:var(--sc-muted)}.sc-token__panel{padding:clamp(18px,3vw,30px);border:1px solid var(--sc-line);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(23,43,77,.07)}.sc-token__controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sc-token__field{display:flex;min-width:0;flex-direction:column;gap:7px;font-weight:650}.sc-token__field>label{font-size:.94rem}.sc-token__field input,.sc-token__field select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #bac8d8;border-radius:9px;background:#fff;color:var(--sc-ink);font:inherit}.sc-token__field input:focus,.sc-token__field select:focus,.sc-token button:focus-visible{outline:3px solid rgba(8,127,91,.22);outline-offset:2px;border-color:var(--sc-accent)}.sc-token__input-wrap{position:relative}.sc-token__input-wrap input{padding-right:55px}.sc-token__input-wrap>span{position:absolute;top:50%;right:12px;transform:translateY(-50%);color:var(--sc-muted);font-size:.86rem;font-weight:450}.sc-token__field small{color:var(--sc-muted);font-size:.79rem;font-weight:400}.sc-token__actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.sc-token button{min-height:42px;padding:9px 15px;border:1px solid var(--sc-line);border-radius:9px;background:#fff;color:var(--sc-ink);font:inherit;font-weight:650;cursor:pointer}.sc-token button:hover:not(:disabled){border-color:var(--sc-accent);color:var(--sc-accent)}.sc-token .sc-token__generate{border-color:var(--sc-accent);background:var(--sc-accent);color:#fff}.sc-token .sc-token__generate:hover:not(:disabled){background:#086678;color:#fff}.sc-token button:disabled{cursor:not-allowed;opacity:.48}.sc-token__results{display:grid;gap:10px}.sc-token__placeholder{margin:0;padding:17px;border:1px dashed var(--sc-line);border-radius:10px;background:var(--sc-soft);color:var(--sc-muted);text-align:center}.sc-token__result{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--sc-line);border-radius:10px;background:var(--sc-soft)}.sc-token__number{font-size:.85rem;font-weight:650}.sc-token__value{overflow-wrap:anywhere;color:#173e48;font-size:.9rem;line-height:1.55;user-select:all}.sc-token__copy-one{min-width:76px}.sc-token__status{min-height:1.5em;margin:12px 0 0;color:var(--sc-muted);font-size:.87rem}.sc-token__privacy{margin:12px 2px 0;color:var(--sc-muted);font-size:.88rem}.sc-token__privacy span{margin-right:6px;color:var(--sc-accent);font-size:.7rem}@media(max-width:650px){.sc-token__controls{grid-template-columns:1fr;gap:13px}.sc-token__actions{display:grid;grid-template-columns:1fr 1fr}.sc-token__generate{grid-column:1/-1}.sc-token__result{grid-template-columns:1fr auto;gap:6px 10px}.sc-token__number{grid-column:1/-1}.sc-token__value{min-width:0}.sc-token__copy-one{grid-column:2;grid-row:2}.sc-token__panel{border-radius:12px}}

.sc-token__field label{margin:0;font-weight:650}.sc-token__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 0}.sc-token__metrics>div{padding:12px;border:1px solid var(--sc-line);background:var(--sc-soft);border-radius:10px}.sc-token dt{margin:0;font-size:12px;color:var(--sc-muted)}.sc-token dd{margin:5px 0 0;font-weight:700;font-size:20px;color:var(--sc-ink)}.sc-token__status:empty{display:none}.sc-token__status[data-error=true]{padding:12px;border-left:3px solid #b03b33;background:#fff2ef;color:#8e302b;border-radius:6px}.sc-token input[aria-invalid=true]{border-color:#b03b33}.sc-token__value{white-space:normal;background:transparent;padding:0;font-family:ui-monospace,monospace}.sc-token__value:focus-visible{outline:3px solid #82c8d8;outline-offset:3px}.sc-token__intro h2{font-family:inherit}.sc-token__actions button{font-size:14px}.sc-token__privacy{font-size:12px}.sc-token__results{margin-top:16px}@media(max-width:360px){.sc-token__result{grid-template-columns:1fr}.sc-token__copy-one{grid-column:1;grid-row:auto;justify-self:start}.sc-token__metrics dt{font-size:11px}}