.passport-layout{grid-template-columns:minmax(300px,auto) 1fr;align-items:start;gap:24px;display:grid}@media (max-width:720px){.passport-layout{grid-template-columns:1fr}}.passport-preview-col{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.passport-canvas-wrap{background:var(--bg);border-radius:var(--radius);border:1px solid var(--line);-webkit-user-select:none;user-select:none;flex:none;overflow:hidden}.passport-canvas-wrap canvas{width:100%;height:100%;display:block}.passport-guide-hint{color:var(--ink-mute);max-width:360px;margin:0;font-size:12px;line-height:1.5}.passport-mini-row{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-top:4px;display:flex}.passport-mini-label{color:var(--ink-mute);font-size:11px;font-family:var(--font-jetbrains), monospace;margin-bottom:4px}.passport-preview-mini{border:1px solid var(--line);background:#fff;border-radius:4px;display:block}.passport-spec-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;flex:1;gap:6px;min-width:180px;padding:12px 14px;font-size:12px;display:flex}.passport-spec-row{color:var(--ink-mute);justify-content:space-between;gap:8px;display:flex}.passport-spec-row strong{color:var(--ink);font-weight:600}.passport-spec-note{color:var(--ink-mute);border-top:1px dashed var(--line);margin-top:4px;padding-top:6px;font-size:11px;line-height:1.5}.passport-spec-source{margin-top:4px;font-size:11px}.passport-spec-source a{color:var(--accent);text-decoration:none}.passport-spec-source a:hover{text-decoration:underline}.passport-controls-col{flex-direction:column;gap:14px;display:flex}.passport-country-search{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);color:var(--ink);margin-bottom:4px;padding:7px 10px;font-size:13px}.passport-country-search:focus{border-color:var(--accent);outline:none}.passport-country-picker{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);color:var(--ink);width:100%;padding:6px;font-family:inherit;font-size:13px}.passport-country-picker option{padding:4px 6px}.passport-country-picker:focus{border-color:var(--accent);outline:none}.passport-actions-row{flex-wrap:wrap;gap:8px;display:flex}.passport-bg-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.passport-bg-swatch{border:2px solid var(--line);cursor:pointer;border-radius:50%;width:32px;height:32px;padding:0;transition:transform .12s,border-color .12s}.passport-bg-swatch:hover{transform:scale(1.08)}.passport-bg-swatch.on{border-color:var(--ink);transform:scale(1.08)}.passport-divider{border:0;border-top:1px solid var(--line);margin:4px 0}.passport-output{flex-direction:column;gap:10px;display:flex}.passport-output h4{letter-spacing:.02em;text-transform:uppercase;color:var(--ink-mute);margin:0;font-size:13px;font-weight:600}.passport-output .btn{width:100%}.passport-meta{color:var(--ink-mute);word-break:break-all;font-size:11px}.passport-error{color:var(--accent);margin:0;font-size:13px}