.nfc-workspace{max-width:1180px;margin:0 auto;padding:32px 28px 48px;color:var(--ink,#15192f);font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.nfc-workspace[hidden],.nfc-workspace [hidden]{display:none!important}
.nfc-workspace *{box-sizing:border-box}
.nfc-workspace h1{margin:0 0 10px;font-size:28px;line-height:1.2;letter-spacing:-.025em}
.nfc-heading{margin-bottom:22px}.nfc-heading p{margin:0;color:var(--muted,#62596f)}
.nfc-workspace h2{font-size:21px;margin:0 0 8px}.nfc-workspace h3{font-size:16px;margin:0 0 8px}.nfc-workspace h4{font-size:15px;margin:0 0 8px}
.nfc-workspace button,.nfc-workspace select,.nfc-workspace textarea{font:inherit;font-size:16px;min-height:44px}
.nfc-workspace button{border:1px solid var(--line,#ddd7e8);border-radius:9px;background:#fff;color:var(--ink,#15192f);padding:10px 14px;cursor:pointer;line-height:1.3}
.nfc-workspace button:hover:not(:disabled){background:#f4f0ff;border-color:var(--purple,#6938ef)}
.nfc-workspace button:disabled,.nfc-workspace select:disabled,.nfc-workspace textarea:disabled{opacity:.5;cursor:not-allowed}
.nfc-workspace button:focus-visible,.nfc-workspace select:focus-visible,.nfc-workspace textarea:focus-visible,.nfc-workspace input:focus-visible,.nfc-workspace a:focus-visible{outline:3px solid var(--purple,#6938ef);outline-offset:3px}
.nfc-workspace .nfc-primary{background:var(--purple,#6938ef);border-color:var(--purple,#6938ef);color:#fff;font-weight:650}.nfc-workspace .nfc-primary:hover:not(:disabled){background:#5126c7;border-color:#5126c7}
.nfc-workspace ::selection{background:#e6dcff;color:#251249}.nfc-workspace a{color:#5126c7;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}
.nfc-capability{padding:16px;background:#f3eefb;border-radius:10px;color:#48365f;max-width:90ch}.nfc-capability.nfc-supported{background:#edf6ef;color:#285237}
.nfc-privacy{color:var(--muted,#62596f);font-size:14px;max-width:90ch;margin:14px 0 20px}
.nfc-status{min-height:24px;margin:0 0 16px;font-weight:600}.nfc-error{padding:12px 16px;background:#fff0ed;border:1px solid #efc7bf;color:#882c20;border-radius:9px;margin-bottom:20px}
.nfc-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:start}
.nfc-read,.nfc-write{min-width:0}.nfc-read>p,.nfc-write>p{color:var(--muted,#62596f);margin-top:0;font-size:15px;max-width:65ch}
.nfc-write{border-left:1px solid var(--line,#ddd7e8);padding-left:32px}.nfc-read-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}
.nfc-record-form{display:grid;gap:14px;margin:20px 0}.nfc-record-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
.nfc-record-form textarea,.nfc-record-form select{width:100%;max-width:100%;padding:10px 12px;border:1px solid var(--line,#ddd7e8);border-radius:8px;background:#fff;color:var(--ink,#15192f);font-weight:400;caret-color:var(--purple,#6938ef)}
.nfc-record-form textarea{resize:vertical;min-height:100px}.nfc-record-form button{justify-self:start}
.nfc-record-list,.nfc-read-result ol{list-style:none;margin:0;padding:0}.nfc-record-list li,.nfc-read-result li{padding:16px 0;border-top:1px solid var(--line,#ddd7e8)}
.nfc-record-content,.nfc-read-content{margin:0 0 12px;white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:1.5;max-height:260px;overflow:auto}.nfc-read-content{max-height:320px}.nfc-read-result pre{font-family:ui-monospace,monospace;font-size:13px;background:#f8f6fb;padding:12px;border-radius:8px}
.nfc-record-actions{display:flex;flex-wrap:wrap;gap:6px}.nfc-record-actions button{font-size:14px;padding:9px 11px}.nfc-read-result small{display:block;color:var(--muted,#62596f);margin-bottom:8px}
.nfc-serial{font-size:14px;font-variant-numeric:tabular-nums}.nfc-overwrite{display:flex;gap:10px;align-items:center;min-height:44px;margin-top:20px;cursor:pointer;font-size:15px}.nfc-overwrite input{width:20px;height:20px;flex:none;accent-color:var(--purple,#6938ef)}
.nfc-workspace .nfc-overwrite-help{font-size:13px;margin:4px 0 18px}.nfc-workspace .nfc-payload,.nfc-workspace .nfc-qr-help{font-size:13px}.nfc-workspace .nfc-qr-help{margin-top:14px}
@media(max-width:720px){.nfc-workspace{padding:22px 12px 32px}.nfc-workspace h1{font-size:25px}.nfc-layout{display:flex;flex-direction:column;gap:28px}.nfc-read,.nfc-write{width:100%}.nfc-write{border-left:0;border-top:1px solid var(--line,#ddd7e8);padding:24px 0 0}.nfc-record-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.nfc-record-actions button{min-width:0}.nfc-record-form button,.nfc-write>[data-nfc-action="write"]{width:100%}.nfc-read-actions button{flex:1}.nfc-capability{padding:14px}.nfc-read-content{max-height:220px}}