:root{--bg:#f8fafc;--bg-elevated:#fff;--fg:#0f172a;--fg-muted:#475569;--fg-faint:#94a3b8;--border:#e2e8f0;--border-strong:#cbd5e1;--accent:#0891b2;--accent-fg:#fff;--accent-hover:#0e7490;--error-bg:#fef2f2;--error-border:#fecaca;--error-fg:#991b1b;--warn-bg:#fffbeb;--warn-border:#fde68a;--warn-fg:#92400e;--success-bg:#ecfdf5;--success-border:#a7f3d0;--success-fg:#065f46;--shadow:0 1px 3px #0f172a14;--radius:8px;--radius-sm:4px}html.dark{--bg:#0f172a;--bg-elevated:#1e293b;--fg:#f1f5f9;--fg-muted:#cbd5e1;--fg-faint:#64748b;--border:#334155;--border-strong:#475569;--accent:#22d3ee;--accent-fg:#0f172a;--accent-hover:#67e8f9;--error-bg:#450a0a;--error-border:#991b1b;--error-fg:#fecaca;--warn-bg:#451a03;--warn-border:#92400e;--warn-fg:#fde68a;--success-bg:#022c22;--success-border:#065f46;--success-fg:#a7f3d0;--shadow:0 1px 3px #0006}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--fg);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.layout{flex-direction:column;flex:1;display:flex}.layout-fullbleed{flex:1;min-height:100vh;display:block}.layout-header{border-bottom:1px solid var(--border);background:var(--bg-elevated)}.layout-header-inner{justify-content:space-between;align-items:center;max-width:720px;margin:0 auto;padding:16px 24px;display:flex}.layout-brand{color:var(--fg);font-size:1.25rem;font-weight:700}.layout-nav a{color:var(--fg-muted);margin-left:16px}.layout-main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:32px 24px}.layout-footer{border-top:1px solid var(--border);background:var(--bg-elevated);text-align:center;color:var(--fg-faint);padding:16px 24px;font-size:.875rem}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;padding:24px}.card-title{margin:0 0 16px;font-size:1.125rem;font-weight:600}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field-label{color:var(--fg-muted);font-size:.875rem;font-weight:500}.field-input{width:100%}.field-help{color:var(--fg-faint);font-size:.8125rem}.btn{border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--fg);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:500;transition:background .1s,transform .1s;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.ttl-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.ttl-option{border:1px solid var(--border-strong);background:var(--bg-elevated);border-radius:var(--radius-sm);text-align:center;cursor:pointer;color:var(--fg);padding:10px 12px;font-size:.875rem}.ttl-option:hover:not(:disabled){border-color:var(--accent)}.ttl-option.selected{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.ttl-option:disabled{opacity:.4;cursor:not-allowed}.result-url{align-items:center;gap:8px;display:flex}.result-url input{flex:1;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.875rem}.result-meta{color:var(--fg-muted);margin-top:12px;font-size:.875rem}.result-qr{justify-content:center;margin-top:16px;display:flex}.result-qr img,.result-qr canvas{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;max-width:200px;padding:8px}.msg{border-radius:var(--radius-sm);border:1px solid;padding:12px 16px;font-size:.9375rem}.msg-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-fg)}.msg-warn{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-fg)}.msg-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-fg)}.msg p{margin:0}.msg p+p{margin-top:8px}.splash{flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.splash-status{color:var(--fg-muted);font-size:1.125rem}.about h2{margin-top:32px}.about ul,.about ol{padding-left:20px}.about li{margin-bottom:8px}