.app{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 4rem;display:flex;flex-direction:column;gap:2rem;color:#0f172a}.app__topline{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.app__header h1{margin:0 0 .75rem;font-size:2.5rem;line-height:1.2}.guide-button{margin-left:auto;background:linear-gradient(135deg,#14b8a6,#0ea5e9);color:#fff;border:none;border-radius:999px;padding:.65rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.guide-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0ea5e94d}.guide-button:active{transform:translateY(0);box-shadow:0 6px 12px #0ea5e940}.app__header p{margin:0;max-width:60ch;color:#475569}.app__note{margin-top:.75rem}.app__note a{color:#2563eb;text-decoration:none;font-weight:600}.app__note a:hover{text-decoration:underline}.passport,.sources,.preview,.actions{background:#fff;border-radius:1rem;box-shadow:0 16px 32px #0f172a14;padding:1.75rem}.passport h2,.sources h2,.preview h2{margin:0 0 1.25rem;font-size:1.5rem}.passport__grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sources__grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.field{display:flex;flex-direction:column;gap:.5rem;font-weight:600;color:#1e293b}.field input,.field textarea{font:inherit;background:#f8fafc;border:1px solid #cbd5f5;border-radius:.75rem;padding:.75rem 1rem;color:inherit;transition:border-color .2s ease,box-shadow .2s ease}.field textarea{resize:vertical;min-height:10rem;line-height:1.5}.field input:focus,.field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a;outline:none}.status{margin:1rem 0 0;font-weight:500;color:#0f172a}.status--error{color:#dc2626}.preview .table-wrapper{overflow-x:auto}.preview table{width:100%;border-collapse:collapse;min-width:640px}.preview th,.preview td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;vertical-align:top}.preview thead{background:#f1f5f9;font-weight:600;color:#1f2937}.preview tbody tr:hover{background:#f8fafc}.actions{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.actions button{background:linear-gradient(135deg,#2563eb,#4338ca);color:#fff;border:none;border-radius:.75rem;padding:.85rem 1.8rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.actions button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #3b82f64d}.actions button:active{transform:translateY(0);box-shadow:0 6px 12px #3b82f640}.guide-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.guide-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a8c}.guide-modal__content{position:relative;z-index:1;background:#fff;border-radius:1rem;box-shadow:0 24px 48px #0f172a33;padding:2rem;max-width:720px;width:min(100%,720px);max-height:calc(100vh - 3rem);overflow-y:auto;color:#0f172a;line-height:1.6}.guide-modal__content h2{margin-top:0;margin-bottom:1rem;font-size:1.75rem}.guide-modal__content ol{padding-left:1.25rem;display:grid;gap:.85rem}.guide-modal__content p{margin-top:1.5rem}.guide-modal__close{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#475569}.guide-modal__close:hover{color:#0f172a}@media (max-width: 720px){.app{padding:1.5rem 1rem 3rem}.app__header h1{font-size:2rem}.guide-modal__content{padding:1.5rem}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#0f172a;background-color:#f1f5f9}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#eef2ff,#f1f5f9 42%)}a{color:inherit}
