.vq{--vq-gold:#ad801d;--vq-bg:#fff;--vq-soft:#f6f4ef;--vq-line:#ded9cf;--vq-ink:#26231d;--vq-muted:#696255;color:var(--vq-ink);font-size:14px;max-width:1440px;margin:auto}
.dark .vq{--vq-gold:#d7ad56;--vq-bg:#1e2026;--vq-soft:#252830;--vq-line:#41434a;--vq-ink:#f4f1e9;--vq-muted:#bab6ae}
.vq *{box-sizing:border-box}.vq-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:20px}.vq h1{font-size:28px;line-height:1.2;font-weight:700;margin:6px 0}.vq p{line-height:1.6}.vq-heading p{margin:0;color:var(--vq-muted)}.vq-eyebrow{font-size:12px;letter-spacing:.1em;color:var(--vq-gold);font-weight:700}.vq-actions{display:flex;gap:8px;flex-wrap:wrap}
.vq button{border:1px solid var(--vq-line);background:var(--vq-bg);border-radius:7px;padding:10px 14px;font:inherit;font-weight:600;cursor:pointer;color:var(--vq-ink);min-height:42px}.vq button:hover{background:var(--vq-soft)}.vq button.vq-primary{background:#ad801d;color:#fff;border-color:#ad801d}.vq button:disabled{opacity:.5;cursor:wait}.vq button:focus-visible,.vq input:focus-visible,.vq textarea:focus-visible,.vq select:focus-visible{outline:2px solid var(--vq-gold);outline-offset:3px}
.vq-alert{padding:12px 16px;background:var(--vq-soft);border:1px solid var(--vq-line);border-radius:8px;margin-bottom:16px;font-size:13px}.vq-error{background:#fff0f0;color:#842424;border:1px solid #d99898;border-radius:8px;padding:14px;margin-bottom:16px}.vq-error button{margin-left:12px}
.vq-draftbar{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;margin-bottom:24px;align-items:center}.vq-draftbar label{font-size:12px;font-weight:600}.vq select{margin-top:7px;width:100%;padding:10px;border:1px solid var(--vq-line);background:var(--vq-bg);color:var(--vq-ink);border-radius:7px;font:inherit;min-height:44px}.vq-origin span,.vq-origin small{display:block;font-size:12px;color:var(--vq-muted)}.vq-origin strong{display:block;margin:4px 0}
.vq-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:24px;align-items:start}.vq fieldset{padding:0;border:0;min-width:0}.vq-panel{background:var(--vq-bg);border:1px solid var(--vq-line);padding:24px;border-radius:10px;margin-bottom:16px}.vq h2{font-size:18px;font-weight:650;margin:0 0 20px}.vq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.vq-field{display:block;font-size:13px;font-weight:600;margin-bottom:16px}.vq-field small{font-weight:400;color:var(--vq-muted);font-size:12px}.vq-field input,.vq-field textarea{display:block;margin-top:7px;width:100%;padding:10px 12px;border:1px solid var(--vq-line);border-radius:6px;background:var(--vq-bg);color:var(--vq-ink);font:inherit;font-size:14px;font-weight:400;line-height:1.5}.vq-field textarea{resize:vertical;min-height:60px}.vq-help{font-size:12px;line-height:1.6;color:var(--vq-muted);display:block}
.vq-total{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--vq-line);padding:16px 0}.vq-total span{font-size:12px;color:var(--vq-muted)}.vq-total strong{display:block;font-size:24px;font-weight:700;color:var(--vq-ink);margin-top:4px}.vq-total span:first-child strong{color:var(--vq-gold)}.vq-preview-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px;gap:8px;color:var(--vq-muted)}.vq-paper{background:#fff;color:#24211b;box-shadow:0 4px 24px #0000000d;border:1px solid #ded9cf}.vq-paperhead{background:#191611;color:white;padding:20px;display:flex;justify-content:space-between;border-bottom:3px solid #c99a16;gap:10px}.vq-paperhead strong{font-size:21px;letter-spacing:.08em}.vq-paperhead strong small{display:block;font-size:9px;letter-spacing:.04em;color:#dfba64}.vq-paperhead span{font-size:13px;text-align:right}
.vq-paperbody{padding:20px}.vq-paperbody>small{font-size:12px;color:#696255;line-height:1.5;display:block}.vq-paperbody h2{margin:14px 0 4px;font-size:18px}.vq-paperbody h3{font-size:13px;font-weight:700;margin:14px 0 7px}.vq-paperbody p{font-size:12px;margin:4px 0 12px;overflow-wrap:anywhere}.vq-paperbody img{width:100%;max-height:330px;object-fit:contain;margin:5px 0 8px}.vq-noimage{background:#f6f4ef;padding:32px 16px;color:#696255;text-align:center;font-size:12px;margin:16px 0}.vq-previewprice{display:grid;grid-template-columns:repeat(3,1fr);background:#f4f1e9;margin:20px 0;font-size:12px}.vq-previewprice div{padding:12px 8px}.vq-previewprice div:last-child{background:#c99a16;color:#191611}.vq-previewprice strong{display:block;font-size:19px;margin-top:5px}.vq-paper footer{font-size:12px;border-top:1px solid #ded9cf;margin-top:20px;padding-top:12px;line-height:1.6}.vq-safety{font-size:12px;color:var(--vq-muted);padding:0 4px}.vq .vq-text-button{display:block;margin-top:12px;font-size:12px;background:none}.vq input[type=file]{max-width:100%;font-size:12px}.vq-loading{min-height:160px}
@media(min-width:1200px){.vq-preview-column{position:sticky;top:24px}}
@media(max-width:1100px){.vq-heading{align-items:flex-start;flex-direction:column}.vq-layout{grid-template-columns:minmax(0,1fr)}.vq-preview-column{max-width:650px;width:100%;margin:auto}}
@media(max-width:600px){.vq-heading{gap:16px}.vq h1{font-size:24px}.vq-draftbar,.vq-grid{grid-template-columns:1fr}.vq-draftbar{gap:12px}.vq-panel{padding:16px}.vq-actions{width:100%}.vq-actions button{flex:1;padding:10px 8px;font-size:12px}.vq-total strong{font-size:22px}.vq-previewprice strong{font-size:16px}.vq-paperhead{padding:16px}.vq-paperbody{padding:16px}}