:root{--purple:#6b30b3;--ink:#292436;--muted:#625b70;--line:#e6ddec;--light:#f9f6fd;--teal:#0b766d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf9fc;color:var(--ink);font:15px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--purple)}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:-9999px;z-index:99;background:white;padding:12px}.skip-link:focus{left:10px;top:10px}.site-header{background:white;border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:70px;gap:18px}.brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:10px;font-size:18px}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--purple);color:white;font-weight:900}.brand em,.site-footer em{font-style:normal;color:var(--purple)}.site-header nav,.site-footer nav{display:flex;gap:22px;flex-wrap:wrap}.site-header nav a,.site-footer nav a{text-decoration:none;color:#554c60;font-size:13px;font-weight:650}.site-header nav a:hover,.site-footer nav a:hover{color:var(--purple)}.breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#857b90;font-size:12px;margin:25px 0}.breadcrumb a{text-decoration:none;color:#665b76}.breadcrumb strong{color:#292436}.hero{display:grid;grid-template-columns:1.5fr .7fr;gap:32px;align-items:center;padding:32px 0 40px}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--purple);margin:0 0 8px}.hero h1{font-size:clamp(31px,4vw,52px);line-height:1.12;letter-spacing:-.04em;margin:0 0 17px}.hero h1 span{color:var(--purple)}.hero p:not(.eyebrow){color:var(--muted);max-width:690px}.hero-points{display:flex;flex-wrap:wrap;gap:9px;margin:19px 0 26px}.hero-points span,.trust-strip span{background:#f0e7fb;border:1px solid #e4d5f4;color:#593481;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.button{border:1px solid #d9cce9;border-radius:10px;padding:10px 14px;min-height:43px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:white;color:var(--purple);transition:background .15s,transform .15s}.button:hover{background:#f3ecfb;transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button.primary{background:var(--purple);color:white;border-color:var(--purple)}.button.primary:hover{background:#532293}.button.subtle{background:#f7f3fb;color:#5a426e}.hero-art{display:grid;place-items:center;min-height:270px;border-radius:28px;background:radial-gradient(circle at 70% 25%,#dcc8f5,#f6f1fc 65%)}.hero-paper{width:205px;height:245px;border-radius:15px;background:white;box-shadow:0 16px 32px #43256a24;transform:rotate(5deg);padding:24px;display:flex;flex-direction:column;gap:15px}.hero-paper span{font-size:14px;color:var(--purple);font-weight:800}.hero-paper i{height:9px;border-radius:5px;background:#ede5f4}.hero-paper i:nth-of-type(2){width:75%}.hero-paper i:nth-of-type(3){width:85%}.hero-paper strong{font-size:24px;color:var(--ink);margin-top:auto}.trust-strip{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 33px}.trust-strip span{background:white;color:#5a5365;border-color:var(--line)}.workspace{background:white;border:1px solid var(--line);border-radius:22px;padding:26px;margin-bottom:34px;box-shadow:0 16px 40px #4d2e680d}.workspace-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.workspace-head h2,.content-section h2{font-size:clamp(23px,2.5vw,31px);letter-spacing:-.03em;line-height:1.2;margin:0 0 7px}.workspace-head p:last-child{color:var(--muted);margin:0}.live-label{white-space:nowrap;border:1px solid #e9dbfa;border-radius:30px;background:#faf6ff;color:var(--purple);padding:7px 11px;font-size:11px;font-weight:800}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px;align-items:start}.editor-col,.preview-col{min-width:0}.form-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-toolbar label,.section-body label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700}.form-toolbar select,.section-body input:not([type=checkbox]):not([type=file]),.section-body textarea,.section-body select{width:100%;border:1px solid #dcd3e7;border-radius:9px;background:white;color:var(--ink);padding:10px 11px;min-height:42px;outline:none}.section-body textarea{min-height:68px;resize:vertical}.section-body input:focus,.section-body textarea:focus,.section-body select:focus,.form-toolbar select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6b30b324}.section-body [aria-invalid=true]{border-color:#d83943!important}.hint{font-size:12px;color:var(--muted);margin:9px 0 17px}.form-section{border:1px solid var(--line);border-radius:13px;margin:12px 0;background:#fff;overflow:hidden}.form-section>summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;padding:14px;background:#faf8fd}.form-section>summary::-webkit-details-marker{display:none}.form-section>summary:after{content:'⌄';margin-left:auto;color:var(--purple);font-size:20px}.form-section[open]>summary:after{transform:rotate(180deg)}.form-section>summary span{background:#efe4fb;border-radius:9px;color:var(--purple);font-size:11px;font-weight:900;padding:7px}.form-section>summary strong{font-size:15px}.form-section>summary small{color:var(--muted);font-size:11px;margin-left:auto}.section-body{display:grid;gap:14px;padding:17px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-error{color:#b4232b;font-size:11px;font-weight:600;min-height:0}.field-error:empty{display:none}.upload-box{border:1px dashed #d6c7e8;border-radius:10px;background:#fbf9ff;padding:11px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.upload-box>label{width:100%;font-weight:700}.upload-box input{max-width:100%;font-size:12px}.upload-box .button{font-size:11px;min-height:32px;padding:5px 9px}.image-status{font-size:11px;color:var(--teal)}.item-card,.cost-card{border:1px solid #e2d7eb;border-radius:10px;background:#fdfcff;padding:13px;margin-bottom:12px}.item-top,.cost-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.item-actions,.cost-actions{display:flex;flex-wrap:wrap;gap:4px}.item-actions button,.cost-actions button{border:1px solid #e0d6e9;border-radius:7px;background:white;color:#694983;font-size:11px;font-weight:700;min-height:29px;padding:4px 7px}.item-actions button:disabled{opacity:.4}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item-grid label:first-child{grid-column:1/-1}.item-total{font-size:12px;color:var(--teal);font-weight:800}.inline-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.check-row,.visibility label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}.visibility{display:flex;flex-wrap:wrap;gap:9px 17px}.visibility strong{width:100%}.draft-panel{border:1px solid #ddd0eb;background:#f7f1fc;border-radius:13px;padding:17px;margin-top:15px}.draft-panel p{margin:3px 0;color:#5c4e68}.draft-panel small{color:var(--muted)}.draft-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.draft-actions .button{font-size:12px;min-height:37px;padding:7px 10px}.import-label{cursor:pointer}.preview-sticky{position:sticky;top:15px}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.preview-heading h2{font-size:23px;margin:0}.preview-heading p:last-child{margin:0;color:var(--muted);font-size:12px}.preview-heading>span{border:1px solid var(--line);border-radius:7px;color:var(--purple);padding:5px 8px;font-size:11px;font-weight:800}.validation-summary{background:#fff0ef;color:#9d202b;border:1px solid #f1c9cb;border-radius:10px;padding:11px;margin-bottom:10px;font-size:12px}.validation-summary ul{margin:5px 0 0;padding-left:19px;max-height:140px;overflow:auto}.total-strip{display:flex;gap:10px;justify-content:space-between;background:#f8f3fe;border:1px solid #e6d8f7;border-radius:10px;padding:10px;margin-bottom:10px}.total-strip span{display:flex;flex-direction:column;color:#675a70;font-size:11px}.total-strip strong{font-size:17px;color:#2d2341}.main-actions{display:flex;flex-wrap:wrap;gap:7px}.main-actions .button{flex:1;min-width:112px;font-size:12px;padding:7px}.preview-col #action-status{font-size:12px;min-height:18px;color:var(--teal)}.paper-stack{display:grid;gap:18px;max-height:930px;overflow:auto;border-radius:12px;background:#eee9f3;padding:14px}.quotation-paper{position:relative;width:794px;height:1122px;max-width:none;background:white;margin:auto;box-shadow:0 10px 22px #221a2e22;padding:58px 55px 49px;color:#20242a;font-family:Arial,DejaVu Sans,sans-serif;font-size:12px;line-height:1.3;overflow:hidden}.paper-inner{min-height:100%}.doc-top{display:flex;align-items:start;justify-content:space-between;gap:20px;min-height:104px;border-top:10px solid var(--doc-accent);padding-top:23px;border-bottom:1px solid #d6d9dc}.doc-brand{display:flex;flex-direction:column;max-width:55%;gap:4px}.doc-brand strong{font-size:17px;color:var(--doc-accent)}.doc-logo{max-width:95px;max-height:54px;object-fit:contain}.doc-muted{font-size:10px;color:#697079;white-space:pre-wrap}.doc-title{text-align:right;display:flex;flex-direction:column;max-width:43%;gap:5px}.doc-title span{font-size:18px;font-weight:800;color:var(--doc-accent);letter-spacing:.04em}.doc-title strong{font-size:12px}.doc-meta{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:23px 0;min-height:80px}.doc-meta>div{display:flex;flex-direction:column;gap:5px}.doc-meta strong{font-size:14px}.doc-kicker{font-size:10px;color:var(--doc-accent);font-weight:800}.doc-pair{display:flex;justify-content:space-between;gap:12px}.doc-pair strong{font-weight:700}.doc-subject{font-size:14px;color:var(--doc-accent);margin:0 0 16px}.doc-continuation{margin:18px 0;color:#697079}.doc-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}.doc-table th{text-align:left;background:var(--doc-accent);color:white;padding:8px 6px}.doc-table th:first-child{width:45%}.doc-table th:nth-child(2){width:9%}.doc-table th:nth-child(3){width:16%}.doc-table th:nth-child(4){width:14%}.doc-table th:nth-child(5){width:16%}.doc-table td{border-bottom:1px solid #e5e5e5;padding:9px 6px;vertical-align:top;overflow-wrap:anywhere}.doc-table .num{text-align:right;font-variant-numeric:tabular-nums}.doc-description small{display:block;color:#697079}.doc-summary{margin:18px 0 4px auto;width:52%;display:grid;gap:5px}.doc-summary.doc-cost{margin:0 0 0 auto}.doc-summary .doc-pair{font-size:11px}.doc-summary .grand{background:var(--doc-accent);color:white;padding:7px;border-radius:4px;font-size:13px}.doc-summary .remaining{font-weight:800;color:var(--doc-accent);padding-top:4px;border-top:1px solid #ddd}.doc-tax-note{color:#68707a;font-size:9px;margin:8px 0 14px}.doc-term{display:flex;flex-direction:column;gap:2px;margin-top:5px;font-size:10px;white-space:pre-wrap}.doc-term strong{color:var(--doc-accent)}.doc-signature{margin:20px 0 0;display:flex;flex-direction:column;gap:2px;font-size:11px}.signature-art{display:flex;align-items:end;gap:8px;height:66px}.signature-image,.stamp-image{max-height:62px;max-width:95px;object-fit:contain}.paper-footer{position:absolute;left:55px;right:55px;bottom:25px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #dadce0;padding-top:7px;color:#697079;font-size:8px}.paper-footer span:first-child{max-width:85%}.quotation-paper.minimalist .doc-table th,.quotation-paper.minimalist .doc-summary .grand{background:#30343b}.quotation-paper.business .doc-top{border-radius:3px}.quotation-paper.modern .doc-top{border-top-width:14px}.content-section{padding:42px 0;border-top:1px solid var(--line)}.content-section>p{color:#5d5765;max-width:850px}.guide-grid,.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:24px}.guide-grid article,.related-grid a{border:1px solid var(--line);background:white;border-radius:13px;padding:18px;text-decoration:none;color:var(--ink)}.guide-grid article>span{color:var(--purple);font-weight:900}.guide-grid h3{font-size:15px;margin:9px 0}.guide-grid p,.related-grid span{font-size:12px;color:var(--muted)}.related-grid a{display:flex;flex-direction:column;gap:8px}.related-grid a:hover{border-color:var(--purple)}.table-scroll{overflow:auto}.explain-table{border-collapse:collapse;min-width:540px;width:100%}.explain-table th,.explain-table td{border:1px solid var(--line);padding:12px;text-align:left}.explain-table th{background:#f3eafc}.faq-list{display:grid;gap:8px}.faq-list details{background:white;border:1px solid var(--line);border-radius:9px;padding:12px 15px}.faq-list summary{cursor:pointer;font-weight:700}.ad-space{height:100px;display:grid;place-items:center;color:#a79ead;font-size:11px;border:1px dashed #e3dce9;border-radius:12px;background:#fff;margin:25px 0}.site-footer{border-top:1px solid var(--line);background:white;padding:30px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px}.site-footer p{font-size:12px;color:var(--muted)}:focus-visible{outline:3px solid #7e45c4;outline-offset:2px}@media(max-width:1040px){.workspace-grid{grid-template-columns:1fr}.preview-sticky{position:static}.paper-stack{max-height:800px}.hero{grid-template-columns:1.4fr .6fr}.guide-grid,.related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.wrap{width:min(100% - 28px,1240px)}.site-header nav a:not(:last-child){display:none}.hero{grid-template-columns:1fr;padding-top:14px}.hero-art{display:none}.workspace{padding:15px;border-radius:15px}.workspace-head{align-items:start;flex-direction:column}.live-label{white-space:normal}.form-toolbar,.two-fields,.item-grid{grid-template-columns:1fr}.form-section>summary{flex-wrap:wrap}.form-section>summary small{width:100%;margin-left:40px}.paper-stack{max-height:660px}.preview-col{overflow:hidden}.paper-stack{overflow:auto}.guide-grid,.related-grid{grid-template-columns:1fr 1fr}.footer-inner{flex-direction:column}.header-inner{min-height:62px}}@media(max-width:420px){.guide-grid,.related-grid{grid-template-columns:1fr}.main-actions .button{min-width:100%}.total-strip strong{font-size:14px}.draft-actions .button{flex:1 0 45%}.form-section>summary small{font-size:10px}.paper-stack{padding:6px}}
@page{size:A4;margin:0}@media print{html,body{background:white!important;margin:0!important}.site-header,.breadcrumb,.hero,.trust-strip,.workspace-head,.editor-col,.preview-heading,.validation-summary,.total-strip,.main-actions,#action-status,.content-section,.ad-space,.site-footer{display:none!important}.wrap,.workspace,.workspace-grid,.preview-col,.preview-sticky,.paper-stack{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:white!important;box-shadow:none!important;display:block!important;overflow:visible!important;max-height:none!important}.quotation-paper{width:210mm!important;height:297mm!important;margin:0!important;padding:15mm 14.5mm 13mm!important;box-shadow:none!important;break-after:page;page-break-after:always;-webkit-print-color-adjust:exact;print-color-adjust:exact}.quotation-paper:last-child{break-after:auto;page-break-after:auto}.paper-footer{left:14.5mm;right:14.5mm;bottom:6mm}}