@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter.woff2) format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk.woff2) format('woff2')}
*{margin:0;padding:0;box-sizing:border-box}
:root{color-scheme:dark;--bg:#1D1D1F;--ink:#F2F2F2;--surface:#282A2F;--border:rgba(180,178,168,.16);--border-soft:rgba(180,178,168,.10);--muted:#959284;--input-border:rgba(180,178,168,.16);--btn-bg:#E8B23D;--btn-ink:#1A1206;--btn2-bg:transparent;--panel-bg:#282A2F;--panel-bg2:#282A2F;--success-ink:#6FCF7A;--danger-ink:#E8735F;--accent:#E8B23D;--accent-soft:rgba(232,178,61,.14)}
body{background:var(--bg);color:var(--ink);font-family:'Inter',Arial,sans-serif}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-.02em}
.pdf-main{width:90%;max-width:1180px;margin:0 auto;padding:28px 0 70px}
.pdf-hero{background:transparent;color:var(--ink);border-radius:0;padding:0 0 28px;margin-bottom:18px;border:0;border-bottom:1px solid var(--border-soft)}
.pdf-hero small{display:inline-block;margin-bottom:14px;color:var(--accent);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
.pdf-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:0 0 12px;letter-spacing:-.03em}
.pdf-hero p{max-width:760px;color:var(--muted);line-height:1.65;font-size:16px}
.notice{background:transparent;border:0;padding:0 0 20px;color:var(--muted);margin-bottom:8px;font-size:14px}
.notice strong{color:var(--accent)}
.tools-grid{display:block}
.pdf-card{background:transparent;border:0;border-top:1px solid var(--border-soft);border-radius:0;padding:28px 0 0;margin-top:28px;box-shadow:none}
.pdf-card.full{grid-column:auto}
.pdf-card h2{font-size:20px;margin:0 0 8px;letter-spacing:-.01em;font-weight:600}
.pdf-card p{margin:0 0 15px;color:var(--muted);line-height:1.55}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.field{display:block;font-size:13px;font-weight:600;color:var(--muted)}
.field input,.field select,.field textarea{width:100%;margin-top:7px;border:1px solid var(--input-border);border-radius:12px;padding:12px 13px;font:inherit;background:var(--bg);color:var(--ink)}
.field textarea{min-height:90px;resize:vertical}
.field.full{grid-column:1/-1}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.pdf-btn{border:1px solid transparent;border-radius:999px;background:var(--btn-bg);color:var(--btn-ink);font-weight:600;padding:13px 19px;cursor:pointer}
.pdf-btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--border)}
.pdf-btn.danger{background:transparent;color:#F0937F;border:1px solid rgba(232,115,95,.4)}
.pdf-btn:disabled{opacity:.45;cursor:not-allowed}
.status{margin-top:12px;font-weight:600;color:var(--success-ink);min-height:20px}
.status.erro{color:var(--danger-ink)}
.mini-help{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.45}
.preview-wrap{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start;margin-top:14px}
.preview-stage{background:transparent;border:0;padding:0;overflow:auto;min-height:260px;position:relative}
.canvas-holder{position:relative;display:inline-block}
.canvas-holder canvas{display:block;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.5);max-width:100%;height:auto}
.area-marker{position:absolute;border:2px dashed #7c9dff;background:rgba(124,157,255,.14);pointer-events:none}
.rect-marker{position:absolute;border:2px dashed #e8735f;background:rgba(0,0,0,.55);pointer-events:none}
.side-panel{background:transparent;border:0;border-left:1px solid var(--border-soft);padding:2px 0 2px 20px}
.side-panel strong{display:block;margin-bottom:8px}
.barcode-box{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.barcode-box img,.barcode-box canvas{max-width:260px;max-height:220px;border-radius:10px;border:1px solid var(--border-soft);background:#fafafa}
.barcode-result{flex:1;min-width:240px;background:transparent;border:0;border-top:1px solid var(--border-soft);padding:14px 0 0;white-space:pre-wrap;word-break:break-word;color:var(--ink)}
.link-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.check-field{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:600;color:var(--ink);background:transparent;border:1px solid var(--border-soft);border-radius:999px;padding:10px 14px}
.check-field input{width:auto;margin:0}
.reorder-grid{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}
.reorder-item{background:var(--surface);border:1px solid var(--border-soft);border-radius:10px;padding:8px;text-align:center;width:140px}
.reorder-item canvas{max-width:100%;border-radius:4px;background:#fff}
.reorder-label{font-size:11px;color:var(--muted);margin:6px 0}
.reorder-btns{display:flex;gap:6px;justify-content:center}
.reorder-btns .pdf-btn{padding:6px 10px;font-size:13px}
.hide{display:none!important}
@media(max-width:900px){.tools-grid,.form-grid,.form-grid.two,.preview-wrap{grid-template-columns:1fr}.pdf-card.full{grid-column:auto}.preview-stage{min-height:180px}.side-panel{border-left:0;border-top:1px solid var(--border-soft);padding:16px 0 0;margin-top:16px}}