:root { font-family: Inter,Segoe UI,Arial,sans-serif; color:#eaf1fc; background:#09101e; --panel:#111d31; --line:#2d4261; --blue:#4aa6ff; --muted:#9dacbf; }
    * { box-sizing:border-box } body { margin:0 }.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{background:#101a2c;border-right:1px solid var(--line);padding:26px 14px}.side .brand{padding:0 8px 25px}.side small{display:block;color:#7185a3;font-size:10px;letter-spacing:1.4px;margin:18px 9px 7px}.side button{display:block;width:100%;border:0;background:transparent;color:#bdd0e7;text-align:left;padding:10px 11px;border-radius:7px;cursor:pointer}.side button.active,.side button:hover{background:#244263;color:white}.app { max-width:1050px; width:100%; margin:auto; padding:32px 20px 80px }
    header { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); padding-bottom:20px }
    .brand { font-weight:800; font-size:20px }.brand span,.eyebrow { color:var(--blue) }.eyebrow { font-weight:700; font-size:11px; letter-spacing:1.6px }
    h1 { font-size:29px; margin:6px 0 } p { line-height:1.45 }.muted { color:var(--muted) }.account { border:1px solid #3b5f8c; border-radius:999px; padding:8px 12px; font-size:13px }
    .card { background:var(--panel); border:1px solid var(--line); border-radius:13px; padding:20px; margin-top:18px }
    .tabs { display:flex; gap:7px; border-bottom:1px solid var(--line); margin:24px 0 18px }.tab { padding:12px 16px; border:0; border-bottom:3px solid transparent; background:transparent; color:var(--muted); cursor:pointer; font-weight:700 }.tab.active { border-color:var(--blue); color:white }
    .step { display:grid; grid-template-columns:30px 1fr; gap:12px; padding:15px 0; border-bottom:1px solid #263b59 }.step:last-child { border:0 }.number { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#1c3554; color:#cfe6ff; font-weight:800; font-size:13px }
    .step h2 { font-size:16px; margin:4px 0 }.step p { font-size:13px; margin:5px 0 12px }.row { display:flex; flex-wrap:wrap; gap:10px; align-items:center } input,select { min-width:210px; padding:10px 11px; background:#091424; color:white; border:1px solid #39506f; border-radius:7px }
    button { font:inherit; cursor:pointer }.primary,.secondary { border:0; border-radius:7px; padding:10px 14px; font-weight:700 }.primary { background:var(--blue); color:#061321 }.secondary { background:#213a5d; color:#e4f0ff }
    .docs { margin-top:12px }.doc { border:1px solid #2e4668; border-radius:8px; margin-top:8px; overflow:hidden }.doc summary { padding:11px; cursor:pointer; font-weight:700 }.doc-tools{padding:0 11px 10px}.pages { padding:0 11px 11px; display:flex; flex-wrap:wrap; gap:9px }.page { width:112px; border:1px solid #385374; background:#0b1626; color:#dceafd; padding:6px; border-radius:6px; cursor:grab }.page img { width:100%; height:120px; object-fit:contain; background:#fff; border-radius:4px }.page small { display:block; margin-top:5px }.sequence { min-height:104px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:12px; border:1px dashed #466b92; border-radius:8px; align-items:start }.sequence-empty{grid-column:1/-1;color:var(--muted);padding:12px}.sequence-card { min-width:0; min-height:205px; background:#0b1626; border:1px solid #385374; border-radius:8px; padding:8px; cursor:grab; text-align:left; color:#dceafd }.sequence-card img { width:100%; height:145px; object-fit:contain; background:#fff; border-radius:4px }.sequence-card strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:7px 0 3px; font-size:12px }.sequence-card small { color:#a8bdd7; font-size:12px }.sequence-actions { display:flex; justify-content:flex-end; gap:3px; margin-top:5px }.sequence-actions button { border:0; background:#203a5c; color:#dbeeff; border-radius:4px; min-width:24px; height:24px }.product-nav{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.product-nav button{border:0;background:#1a2c47;color:#c5d8ef;padding:7px 9px;border-radius:6px}.product-nav button.active{background:#315d89;color:#fff}
    .result { position:sticky; bottom:16px; display:flex; justify-content:space-between; align-items:center; gap:14px; background:#173352; border:1px solid #3d6d9d; border-radius:10px; padding:13px 15px; margin-top:18px }.result p { margin:0; font-size:13px }.hidden { display:none }
    @media(max-width:750px){.layout{display:block}.side{display:none}.app{padding:22px 13px}.account{display:none}h1{font-size:24px}.tab{padding:11px 9px}.row>*{width:100%}.sequence{grid-template-columns:repeat(2,minmax(0,1fr))}.result{align-items:flex-start;flex-direction:column}}
    .sequence-card summary{cursor:grab;list-style:none}.sequence-card summary::-webkit-details-marker{display:none}.sequence-card .filename{display:block;overflow-wrap:anywhere}.sequence-card .insert-pdf{width:100%;margin-top:12px;font-size:12px;padding:10px 3px}.sequence-card.dragging{opacity:.4}.sequence-card.drop-target{outline:3px solid var(--blue)}.step>div{min-width:0}
    .page-preview{height:145px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:white;border-radius:4px}.page-preview img{transition:transform .15s}.sequence-actions{justify-content:center;gap:8px;padding:8px;background:rgba(32,58,92,0.5);border-radius:7px;margin-top:10px}.sequence-actions button{display:grid;place-items:center;width:36px;height:36px;background:transparent;font-size:24px}.sequence-actions button:hover{background:rgba(74,166,255,.25)}.sequence-actions button:focus-visible{outline:2px solid var(--blue)}.sequence-actions [data-remove]:hover{color:#ff9e9e}
    .sequence-card{display:flex;flex-direction:column;min-height:275px}.sequence-actions{margin-top:auto;border-radius:0 0 6px 6px;border-top:1px solid #385374}.card-body{padding-bottom:10px}.import-card{align-items:center;justify-content:center;cursor:pointer;border:2px dashed #466b92;background:transparent;text-align:center}.import-card span{font-size:64px;font-weight:300;color:var(--blue);line-height:1.3}.import-card:hover{background:rgba(74,166,255,.08);border-color:var(--blue)}.import-card:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
    .table-preview{border-collapse:collapse;font-size:12px;margin:8px 0 16px;width:100%}.table-preview td{border:1px solid #39506f;padding:6px;white-space:pre-wrap;min-width:70px}button:disabled{opacity:.5;cursor:wait}
    .format-options{display:flex;gap:8px;flex-wrap:wrap}.format-choice{padding:12px 18px;border:1px solid #466b92;border-radius:7px;background:#0b1626;color:#dceafd;font-weight:700}.format-choice.active{background:#244263;border-color:var(--blue);box-shadow:inset 0 -3px var(--blue)}.format-choice:focus-visible{outline:2px solid var(--blue);outline-offset:3px}