.doc-studio-wrapper{background:var(--bg);color:var(--text)}.doc-studio-wrapper button,.doc-studio-wrapper input,.doc-studio-wrapper select,.doc-studio-wrapper textarea{font-family:inherit;font-size:14px}.doc-studio-wrapper button{cursor:pointer}.doc-studio-wrapper ul{margin:0;padding:0;list-style:none}.doc-studio-wrapper{--bg:#0a0908;--surface:#181412;--surface-2:#141210;--surface-3:#1e1a16;--text:#fafaf9;--text-dim:#c4b5a0;--text-faint:#8c7e6a;--border:#2a2621;--border-strong:#3d362e;--primary:#f59e0b;--primary-rgb:245, 158, 11;--primary-2:#fbbf24;--primary-2-rgb:251, 191, 36;--gold-soft:#fcd34d;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 8px 40px #0009}.workspace{grid-template-columns:420px 1fr;gap:24px;width:90%;max-width:1280px;min-height:calc(100vh - 72px);margin:0 auto;padding:100px 16px 40px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-height:calc(100vh - 140px);padding:22px;overflow-y:auto}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}.pgroup{margin-bottom:26px}.pgroup h3{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:12px;font-size:12px;font-weight:700}.field{margin-bottom:12px}.field label{color:var(--text-dim);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.doc-studio-wrapper input[type=text],.doc-studio-wrapper input[type=email],.doc-studio-wrapper input[type=number],.doc-studio-wrapper input[type=date],.doc-studio-wrapper select,.doc-studio-wrapper textarea{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:9px;outline:none;padding:9px 11px;transition:border-color .2s,box-shadow .2s}.doc-studio-wrapper input:focus,.doc-studio-wrapper select:focus,.doc-studio-wrapper textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f59e0b26}.doc-studio-wrapper textarea{resize:vertical;min-height:56px}.doc-studio-wrapper input[type=file]{width:100%;color:var(--text-dim);background:0 0;border:none;padding:0;font-size:12.5px}.doc-studio-wrapper input[type=color]{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:8px;width:44px;height:34px;padding:2px}.doctabs{gap:8px;display:flex}.doctabs button{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-dim);border-radius:10px;flex:1;padding:10px 8px;font-size:13px;font-weight:600;transition:all .2s}.doctabs button.is-active{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#1a1206;border-color:#0000}.tpl-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.tpl-card{border:1px solid var(--border-strong);background:var(--surface-2);text-align:center;cursor:pointer;border-radius:12px;padding:10px;transition:all .2s}.tpl-card.is-active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .18)}.tpl-card:hover{border-color:rgba(var(--primary-rgb), .5)}.tpl-thumb{background:#fff;border-radius:7px;height:54px;margin-bottom:8px;position:relative;overflow:hidden}.tpl-thumb i{background:#d8d8d8;display:block;position:absolute}.tpl-thumb .accent{background:var(--primary)!important}.tpl-card span{color:var(--text-dim);font-size:12px;font-weight:600}.thumb-minimal .l1{width:22px;height:6px;top:8px;left:8px}.thumb-minimal .l2{width:16px;height:6px;top:8px;right:8px}.thumb-minimal .l3{background:#eee;height:2px;top:22px;left:8px;right:8px}.thumb-minimal .l4{background:#f2f2f2;height:14px;bottom:10px;left:8px;right:8px}.thumb-bold .band{height:16px;top:0;left:0;right:0}.thumb-bold .l4{background:#f2f2f2;height:14px;bottom:10px;left:8px;right:8px}.thumb-gradient .blob{opacity:.5;border-radius:50%;width:26px;height:26px;top:6px;left:6px}.thumb-gradient .l4{background:#f5f5f5;border-radius:6px;height:14px;bottom:10px;left:8px;right:8px}.thumb-classic .l1{background:#333;height:6px;top:10px;left:16px;right:16px}.thumb-classic .l3{background:#999;height:1px;top:22px;left:8px;right:8px}.thumb-classic .l3b{background:#999;height:1px;top:26px;left:8px;right:8px}.thumb-stub .side{width:16px;top:0;bottom:0;left:0}.thumb-stub .l4{background:#f2f2f2;height:14px;bottom:10px;left:22px;right:8px}.color-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;transition:transform .15s}.swatch.is-active{border-color:var(--text);transform:scale(1.12)}.items-table{border-collapse:collapse;width:100%;margin-bottom:10px}.items-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);text-align:left;padding:0 4px 6px;font-size:10.5px}.items-table td{vertical-align:middle;padding:4px}.items-table input{padding:7px 8px;font-size:13px}.amount-cell{color:var(--text-dim);white-space:nowrap;padding-left:8px;font-size:13px}.remove-item{color:var(--text-faint);background:0 0;border:none;padding:4px 6px;font-size:15px}.remove-item:hover{color:var(--primary-2)}.col-desc{width:40%}.col-qty{width:14%}.col-rate{width:18%}.col-tax{width:14%}.btn{border:none;border-radius:10px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:all .2s}.btn--ghost{background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text);width:100%}.btn--ghost:hover{border-color:rgba(var(--primary-rgb), .5)}.btn--primary{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#1a1206;box-shadow:0 8px 20px rgba(var(--primary-rgb), .3)}.btn--primary:hover{transform:translateY(-2px)}.btn--outline{border:1px solid var(--border-strong);color:var(--text);background:0 0}.btn--outline:hover{border-color:rgba(var(--primary-rgb), .5)}.btn--sm{padding:8px 12px;font-size:12.5px}.btn--block{width:100%}.actions-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.meta-fields[data-hidden=true]{display:none}#status{font-weight:700}.preview-pane{border:1px solid var(--border);background:#0a0908;border-radius:16px;flex-direction:column;flex:1;max-height:calc(100vh - 140px);display:flex;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:14px 26px;display:flex}.preview-toolbar__label{color:var(--text-dim);font-size:13px;font-weight:600}.preview-toolbar__actions{gap:10px;display:flex}.preview-scroll{flex:1;justify-content:center;padding:40px;display:flex;overflow:auto}.doc-page{color:#1a1a1a;width:210mm;min-height:297mm;box-shadow:var(--shadow-lg);box-sizing:border-box;background:#fff;border-radius:4px;padding:46px 50px;font-family:Inter,sans-serif}.doc__body{grid-template-columns:1.2fr 1fr;grid-template-areas:"brand title""parties parties""items items""totals totals""notes notes";gap:22px 20px;display:grid}.doc__brand{grid-area:brand}.doc__title{text-align:right;grid-area:title}.doc__parties{border-top:1px solid #ececec;grid-area:parties;grid-template-columns:1fr 1fr;gap:20px;padding-top:14px;display:grid}.doc__items{grid-area:items}.doc__totals{grid-area:totals;justify-content:flex-end;display:flex}.doc__notes{border-top:1px solid #ececec;grid-area:notes;grid-template-columns:1fr 1fr;gap:24px;padding-top:16px;display:grid}.doc-logo{object-fit:contain;max-width:160px;max-height:52px;margin-bottom:10px}.doc-company-name{margin-bottom:4px;font-size:17px;font-weight:700}.doc-muted{color:#6b6b6b;white-space:pre-line;font-size:12.5px;line-height:1.6}.doc-heading{letter-spacing:.04em;margin-bottom:8px;font-size:26px;font-weight:800}.doc-meta-line{color:#444;margin-bottom:3px;font-size:12.5px}.doc-meta-line b{color:#111}.doc-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;margin-top:6px;padding:4px 11px;font-size:11px;font-weight:700;display:inline-block}.doc-party-label{text-transform:uppercase;letter-spacing:.06em;color:#9a9a9a;margin-bottom:6px;font-size:11px;font-weight:700}.doc-party-name{margin-bottom:3px;font-size:14.5px;font-weight:700}.doc-table{border-collapse:collapse;width:100%;font-size:12.5px}.doc-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#7a7a7a;border-bottom:2px solid #222;padding:9px 8px;font-size:10.5px}.doc-table td{border-bottom:1px solid #eee;padding:9px 8px}.doc-table td.num,.doc-table th.num{text-align:right}.doc-totals-box{width:260px;font-size:13px}.doc-totals-box .row{color:#444;justify-content:space-between;padding:6px 0;display:flex}.doc-totals-box .row.grand{color:#111;border-top:2px solid #222;margin-top:6px;padding-top:10px;font-size:16px;font-weight:800}.doc-note-block h4{text-transform:uppercase;letter-spacing:.05em;color:#9a9a9a;margin-bottom:6px;font-size:11.5px}.doc-note-block p{color:#444;white-space:pre-line;font-size:12.5px;line-height:1.6}.doc-signature{margin-top:22px}.doc-signature .sig-name{border-bottom:1px solid #999;min-width:180px;padding-bottom:4px;font-family:Lora,serif;font-size:20px;font-style:italic;display:inline-block}.doc-signature .sig-label{color:#9a9a9a;margin-top:4px;font-size:11px}.doc--minimal .doc-heading{color:#111;border-bottom:3px solid var(--doc-accent);padding-bottom:6px;display:inline-block}.doc--minimal .doc-table thead th{border-bottom-color:#111}.doc--bold{padding-top:0}.doc--bold .doc__body{margin-top:26px}.doc--bold:before{content:"";background:var(--doc-accent);border-radius:4px 4px 0 0;height:86px;margin:-46px -50px 0;display:block}.doc--bold .doc__brand{color:#fff;margin-top:-70px}.doc--bold .doc-company-name{color:#fff}.doc--bold .doc__title{color:#fff;margin-top:-70px}.doc--bold .doc-heading{color:#fff}.doc--bold .doc-meta-line{color:#ffffffd9}.doc--bold .doc-meta-line b{color:#fff}.doc--bold .doc-table thead th{background:#f4f2ee;border-bottom:none;padding:10px 8px}.doc--bold .doc-totals-box .row.grand{color:var(--doc-accent-dark,#111)}.doc--gradient{border-radius:18px}.doc--gradient .doc__brand{background:linear-gradient(135deg, color-mix(in srgb, var(--doc-accent) 18%, white), color-mix(in srgb, var(--doc-accent) 4%, white));border-radius:16px;padding:18px}.doc--gradient .doc-heading{color:var(--doc-accent)}.doc--gradient .doc__parties>div{background:#faf9f7;border:1px solid #f0eee9;border-radius:12px;padding:14px}.doc--gradient .doc-table thead th{background:#faf9f7;border-bottom:none;border-radius:8px 8px 0 0}.doc--gradient .doc-totals-box{background:#faf9f7;border-radius:12px;padding:16px}.doc--gradient .doc-badge{border-radius:8px}.doc--classic{font-family:Lora,serif}.doc--classic .doc-heading{text-align:center;letter-spacing:.18em;font-family:Lora,serif;font-size:22px;font-weight:700}.doc--classic .doc__title{text-align:center}.doc--classic .doc__body{grid-template-areas:"title title""brand brand""parties parties""items items""totals totals""notes notes"}.doc--classic .doc__brand{text-align:center;border-top:2px solid #222;border-bottom:2px solid #222;margin-bottom:4px;padding:14px 0}.doc--classic .doc-company-name{font-family:Lora,serif}.doc--classic .doc-table thead th{border-top:1px solid #222;border-bottom:1px solid #222}.doc--classic .doc-table td{border-bottom:1px solid #ddd}.doc--classic .doc-party-label{font-family:inherit}.doc--stub{padding:0;overflow:hidden}.doc--stub .doc__body{grid-template-columns:190px 1fr;grid-template-areas:"brand parties""brand items""brand totals""brand notes";gap:0;padding:0}.doc--stub .doc__brand{color:#fff;background:#17130f;flex-direction:column;grid-area:brand;min-height:100%;padding:40px 22px;display:flex}.doc--stub .doc__brand:after{content:"";background:var(--doc-accent);width:36px;height:3px;margin-top:14px;display:block}.doc--stub .doc-company-name{color:#fff}.doc--stub .doc-muted{color:#fff9}.doc--stub .doc__title{text-align:left;background:#17130f;grid-area:brand;margin-top:210px;padding:0 22px 40px}.doc--stub .doc-heading{color:var(--doc-accent);font-size:20px}.doc--stub .doc-meta-line{color:#ffffffbf}.doc--stub .doc-meta-line b{color:#fff}.doc--stub .doc__parties{border-top:none;padding:40px 40px 0}.doc--stub .doc__items,.doc--stub .doc__totals{padding:0 40px}.doc--stub .doc__notes{border-top:1px solid #ececec;padding:16px 40px 40px}@media (max-width:980px){.workspace{grid-template-columns:1fr;gap:16px;width:90%;padding-top:80px;padding-left:16px;padding-right:16px}.panel{max-height:none}.preview-pane{max-height:800px}.doc-page{width:100%;min-height:auto;padding:28px}.preview-scroll{padding:20px}}