:root{--ink:#f5f7fb;--muted:#9da7b8;--bg:#07111f;--panel:#101c2d;--line:#24344a;--cyan:#32d6df;--green:#7ce2ae;--red:#ff8795}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#15354a 0,transparent 34%),var(--bg);color:var(--ink);font:16px/1.5 Georgia,serif}.shell{max-width:1120px;margin:0 auto;padding:56px 20px}.header{display:flex;justify-content:space-between;align-items:start;margin-bottom:34px}.eyebrow{margin:0;color:var(--cyan);font:700 13px/1.2 Arial,sans-serif;letter-spacing:.3em;text-transform:uppercase}.header h1{margin:10px 0 0;font-size:clamp(2rem,5vw,4rem);line-height:1}.status,.panel-heading span{border:1px solid var(--line);border-radius:99px;color:var(--muted);font:12px Arial,sans-serif;padding:7px 11px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:linear-gradient(145deg,rgba(22,39,59,.96),rgba(10,20,34,.96));border:1px solid var(--line);border-radius:14px;padding:25px;box-shadow:0 18px 60px #0004}.panel h2{margin:0;font-size:25px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:170px;border:1px dashed #42617b;border-radius:12px;background:#0b1726;text-align:center;cursor:pointer}.dropzone:hover{border-color:var(--cyan)}.dropzone input{display:none}.dropzone strong{font-size:21px}.dropzone small,.muted,.limits{color:var(--muted)}.dropzone strong.selected{color:var(--green)}.limits{margin:18px 0;padding:14px 18px;border:1px solid var(--line);border-radius:10px;font:14px/1.8 Arial,sans-serif}.check{display:flex;gap:9px;align-items:center;color:#dbe4f0;font:14px Arial,sans-serif;margin:18px 0}.check input{accent-color:var(--cyan)}button{border:0;border-radius:9px;padding:12px 16px;font:700 15px Arial,sans-serif;cursor:pointer}.primary{background:var(--cyan);color:#06141c}.primary:disabled{background:#344356;color:#8490a0;cursor:not-allowed}.secondary{background:#edf3f7;color:#07111f}.code-entry{display:flex;gap:10px;margin-top:20px}.code-entry input{min-width:0;flex:1;background:#0b1726;border:1px solid var(--line);border-radius:9px;color:var(--ink);font:20px Arial,sans-serif;letter-spacing:.25em;padding:12px}.message{margin-top:16px;border:1px solid var(--line);border-radius:9px;padding:10px 12px;color:#dae5f1;font:14px Arial,sans-serif}.message.error{border-color:#713642;color:var(--red)}.code-result,.preview{margin-top:20px;border:1px solid #327854;background:#123126;border-radius:12px;padding:16px}.code-result small{color:var(--green);font:13px Arial,sans-serif}.code-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:5px 0}.code-line strong{font:900 34px Arial,sans-serif;letter-spacing:.25em}.copy{padding:7px 10px;background:#0b1726;color:var(--green);border:1px solid #327854}.preview{background:#0b1726;border-color:var(--line)}.preview-heading,.preview-footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.preview-heading span,.preview-footer span{color:var(--muted);font:12px Arial,sans-serif}.preview-image,.preview-pdf{width:100%;height:290px;margin:15px 0;border:0;border-radius:9px;background:#17263a;object-fit:contain}.preview-pdf{background:#fff}.file-box{margin:15px 0;padding:30px 15px;border:1px dashed #42617b;border-radius:9px;color:var(--muted);text-align:center;font:14px Arial,sans-serif}@media(max-width:760px){.shell{padding:30px 14px}.header{gap:18px;flex-direction:column}.columns{grid-template-columns:1fr}.code-entry{flex-direction:column}.preview-footer{align-items:stretch;flex-direction:column}.preview-footer button{width:100%}}