:root{--background:#f6f7f9;--foreground:#17202a;--muted:#647181;--panel:#fff;--line:#d9dfe7;--primary:#155eef;--primary-hover:#0f4ed0;--secondary:#eef2f7;--secondary-hover:#e3e9f1;--danger:#c62828;--success:#1f7a4d}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:var(--primary)}.page-shell{justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex}.tool-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;width:min(720px,100%);padding:32px;box-shadow:0 18px 45px #17202a14}.compact-panel{max-width:460px}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:700}h1{margin:0 0 24px;font-size:28px;line-height:1.2}.short-link-form{gap:18px;display:grid}.field-label,.section-heading{color:var(--foreground);font-size:14px;font-weight:700}.input-row,.button-row,.copy-row{gap:10px;display:flex}.input-row input{flex:1;min-width:0}input{border:1px solid var(--line);width:100%;color:var(--foreground);background:#fff;border-radius:8px;outline:none;padding:12px 14px}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #155eef24}.primary-button,.secondary-button,.icon-button{border:0;border-radius:8px;font-weight:700}.primary-button,.secondary-button{min-height:44px;padding:0 18px}.primary-button{background:var(--primary);color:#fff}.primary-button:hover:not(:disabled){background:var(--primary-hover)}.secondary-button{background:var(--secondary);color:var(--foreground)}.secondary-button:hover:not(:disabled){background:var(--secondary-hover)}.compact-button{min-width:76px}.icon-button{background:var(--secondary);width:36px;height:36px;color:var(--foreground);justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--secondary-hover)}.parameter-section{border-top:1px solid var(--line);gap:12px;padding-top:18px;display:grid}.section-heading{justify-content:space-between;align-items:center;display:flex}.parameter-list{gap:8px;display:grid}.parameter-item{border:1px solid var(--line);border-radius:8px;grid-template-columns:36px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.parameter-item input{min-width:0}.parameter-remove-button{color:var(--danger)}.parameter-remove-button:hover:not(:disabled){background:#c628281a}.copy-row code{overflow-wrap:anywhere;min-width:0;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.error-text{color:var(--danger);margin:0;font-size:14px}.muted-text{color:var(--muted)}.result-section{border:1px solid var(--line);border-radius:8px;gap:8px;padding:14px;display:grid}.result-section>span{color:var(--muted);font-size:13px;font-weight:700}.nfc-result{background:#1f7a4d0f;border-color:#1f7a4d4d}.copy-row{align-items:flex-start}.copy-button{flex:none}.toast{background:var(--success);color:#fff;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:700;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #17202a2e}.text-link{margin-top:8px;font-weight:700;text-decoration:none;display:inline-block}@media (max-width:640px){.tool-panel{padding:22px}.button-row{flex-direction:column}.parameter-item{grid-template-columns:36px minmax(0,1fr);align-items:start}.parameter-remove-button{grid-row:1/span 2}.parameter-item input:last-child{grid-column:2}.primary-button,.secondary-button{width:100%}}