.invoice-tool{animation:fadeIn .4s ease;overflow:hidden}.page-title{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.35rem}.page-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.25rem}.shared-banner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:var(--brand-light);border:1px solid color-mix(in srgb,var(--brand) 25%,transparent);border-radius:var(--radius);margin-bottom:1.5rem}.shared-banner-icon{font-size:1.4rem;line-height:1;flex-shrink:0;margin-top:.1rem}.shared-banner-title{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:.2rem}.shared-banner-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.feature-highlights{display:flex;gap:.75rem;margin-bottom:1rem}.feature-item{flex:1;display:flex;align-items:flex-start;gap:.5rem;padding:.65rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:.78rem;line-height:1.4}.feature-icon{font-size:1rem;flex-shrink:0;margin-top:.1rem}.feature-item strong{display:block;font-size:.8rem;color:var(--text)}.feature-text{display:block;color:var(--text-secondary);font-size:.72rem}@media(max-width:640px){.feature-highlights{flex-direction:column}}.usage-guide{margin-bottom:1.5rem}.usage-guide-title{font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:.75rem}.usage-steps{display:flex;flex-direction:column;gap:.5rem}.usage-step{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.usage-step-highlight{border-color:color-mix(in srgb,var(--brand) 35%,transparent);background:var(--brand-light)}.step-number{flex-shrink:0;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--brand);color:#fff;font-size:.75rem;font-weight:700;margin-top:.1rem}.step-heading{font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:.2rem}.step-text{font-size:.8rem;color:var(--text-secondary);line-height:1.6}.invoice-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.form-section{display:flex;flex-direction:column;gap:1.5rem}.form-group{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}details.form-group>summary{cursor:pointer;list-style:none;user-select:none}details.form-group>summary::-webkit-details-marker{display:none}details.form-group>summary:before{content:"▸";display:inline-block;margin-right:.4rem;transition:transform .2s}details.form-group[open]>summary:before{transform:rotate(90deg)}.form-group-title{font-size:.9rem;font-weight:700;margin-bottom:1rem;color:var(--text)}.save-hint{font-size:.72rem;font-weight:400;color:var(--text-tertiary)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-field{display:flex;flex-direction:column;gap:.25rem}.form-field.full-width{grid-column:1 / -1}.form-field label{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.required{color:#ef4444}.form-field input,.form-field select,#invoice-notes{padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:.88rem}#invoice-notes{width:100%;resize:vertical}.form-field-sep{grid-column:1 / -1;height:1px;background:var(--border);margin:.25rem 0}.items-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.items-table{width:100%;border-collapse:collapse;font-size:.85rem}.items-table th{text-align:left;padding:.5rem .4rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border);white-space:nowrap}.items-table td{padding:.4rem;border-bottom:1px solid var(--border-light);vertical-align:middle}.items-table input,.items-table select{padding:.45rem .55rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:.85rem;width:100%}.col-item{width:40%;min-width:140px}.col-qty{width:10%;min-width:65px}.col-unit{width:18%;min-width:90px}.col-tax{width:12%;min-width:70px}.col-amount{width:16%;min-width:90px;text-align:right}.col-action{width:36px}.item-amount{text-align:right;font-weight:600;font-size:.85rem;white-space:nowrap;padding-right:.6rem!important}.btn-remove-row{background:none;border:none;color:var(--text-tertiary);font-size:1.2rem;padding:.2rem .4rem;border-radius:var(--radius-sm);line-height:1}.btn-remove-row:hover{color:#ef4444;background:color-mix(in srgb,#ef4444 8%,transparent)}.btn-add-row{display:inline-flex;align-items:center;gap:.3rem;margin-top:.5rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;color:var(--brand);background:var(--brand-light);border:1px dashed color-mix(in srgb,var(--brand) 30%,transparent);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.btn-add-row:hover{background:color-mix(in srgb,var(--brand) 12%,transparent);border-color:var(--brand)}.totals{margin-top:1rem;border-top:2px solid var(--border);padding-top:.75rem;display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.total-row{display:flex;justify-content:space-between;width:260px;font-size:.88rem;padding:.25rem 0}.total-grand{font-weight:800;font-size:1.05rem;border-top:2px solid var(--text);padding-top:.5rem;margin-top:.25rem;color:var(--brand)}.actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-primary{padding:.7rem 1.8rem;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:700;cursor:pointer;transition:all var(--transition);box-shadow:0 2px 8px color-mix(in srgb,var(--brand) 25%,transparent)}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--brand) 30%,transparent)}.btn-secondary{padding:.7rem 1.4rem;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-secondary:hover{border-color:var(--brand);color:var(--brand)}.share-section{border-style:dashed}.share-description{font-size:.82rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem}.share-link-output{margin-top:.75rem;display:flex;gap:.5rem;align-items:stretch}.share-link-url{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:.78rem;font-family:monospace}.btn-copy-link{padding:.5rem 1rem;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition)}.btn-copy-link:hover{opacity:.9}.preview-section{position:sticky;top:5rem}.preview-label{font-size:.78rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.invoice-preview{background:#fff;color:#000;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;font-size:.72rem;line-height:1.5;box-shadow:var(--shadow-sm);aspect-ratio:210 / 297;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #333}.preview-title{font-size:1.2rem;font-weight:900;letter-spacing:.4em;color:#000}.preview-meta{text-align:right;font-size:.65rem}.preview-meta-item{margin-bottom:2px}.preview-meta-label{color:#666;margin-right:4px}.preview-meta-value{font-weight:600}.preview-parties{display:flex;justify-content:space-between;margin-bottom:.75rem}.preview-client{flex:1}.preview-client-name-line{border-bottom:1px solid #000;padding-bottom:2px;display:inline-block;color:#000}#p-client-name{font-size:.85rem;font-weight:700}.preview-honorific{font-size:.72rem;margin-left:.5rem;font-weight:400}.preview-client-address{font-size:.65rem;color:#444;margin-top:2px}.preview-issuer{text-align:right;font-size:.62rem;color:#444;max-width:45%}.preview-issuer-name{font-size:.72rem;font-weight:700;color:#000}.preview-issuer-registration{font-size:.58rem;color:#555;margin-top:1px}.preview-issuer-contact{margin-top:1px;font-size:.58rem}.preview-subject{margin-bottom:.5rem}.preview-subject-label{font-size:.58rem;color:#666;margin-bottom:1px}.preview-subject-value{font-size:.72rem;font-weight:600;color:#000;border-bottom:1px solid #ccc;padding-bottom:2px}.preview-grand-total-box{background:#f5f5f5;border:2px solid #333;padding:.4rem .75rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;border-radius:3px}.preview-grand-label{font-size:.72rem;font-weight:700;color:#000}.preview-grand-amount{font-size:1rem;font-weight:900;color:#000}.preview-table{width:100%;border-collapse:collapse;margin-bottom:.5rem;font-size:.62rem}.preview-table th{background:#f0f0f0;padding:3px 4px;border:1px solid #ccc;font-weight:700;text-align:left;font-size:.58rem;color:#000}.preview-table td{padding:2px 4px;border:1px solid #ddd;color:#000}.pt-item{width:40%}.pt-qty{width:10%;text-align:right}.pt-unit{width:18%;text-align:right}.pt-tax{width:12%;text-align:center}.pt-amount{width:20%;text-align:right}.text-right{text-align:right}.text-center{text-align:center}.placeholder-text{color:#bbb}.preview-totals{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:.5rem}.preview-total-row{display:flex;justify-content:space-between;width:140px;padding:1px 0;font-size:.62rem;color:#000}.preview-total-grand{font-weight:800;font-size:.72rem;border-top:2px solid #333;padding-top:3px;margin-top:2px}.preview-bank{padding:4px 6px;border:1px solid #ddd;border-radius:3px;font-size:.6rem;margin-bottom:.4rem;color:#000}.preview-bank h3{font-size:.62rem;font-weight:700;margin-bottom:2px}.preview-notes{font-size:.6rem;color:#444}.preview-notes h3{font-size:.62rem;font-weight:700;margin-bottom:2px;color:#000}.seo-content{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.seo-content h2{font-size:1.2rem;font-weight:800;margin-bottom:1rem}.seo-content h3{font-size:1rem;font-weight:700;margin-top:1.5rem;margin-bottom:.5rem}.seo-content p{color:var(--text-secondary);font-size:.88rem;line-height:1.8;margin-bottom:.75rem}.seo-content ul,.seo-content ol{padding-left:1.25rem;margin-bottom:1rem}.seo-content li{color:var(--text-secondary);font-size:.88rem;line-height:1.8;margin-bottom:.25rem}@media(max-width:960px){.invoice-layout{grid-template-columns:1fr}.preview-section{position:static}.invoice-preview{aspect-ratio:unset}}@media(max-width:640px){.page-title{font-size:1.3rem}.form-grid{grid-template-columns:1fr}.col-item{min-width:0}.col-qty{min-width:50px}.col-unit{min-width:70px}.col-tax{min-width:55px}.col-amount{min-width:70px}.items-table input,.items-table select{padding:.35rem .4rem;font-size:.78rem}.total-row{width:100%}.actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;text-align:center}.share-link-output{flex-direction:column}.form-group{padding:.75rem}}@media print{.no-print,.header,.footer,.breadcrumb,.page-title,.page-desc,.form-section,.preview-label,.seo-content,.sub-brand-bar,.deploy-stamp,.sns-share,.feature-highlights,.usage-guide,.shared-banner,.related-tools,.related-articles,.cta-section,.disclaimer,.faq-section,.faq-accordion,.nl-cta,.privacy-notice,.biz-doc-nav{display:none!important}body{background:#fff!important;color:#000!important;font-size:11pt;line-height:1.5}.main{max-width:100%;padding:0;margin:0}.invoice-tool{animation:none}.invoice-layout{display:block}.invoice-preview{display:block!important;border:none;border-radius:0;box-shadow:none;padding:15mm;max-width:210mm;margin:0 auto;aspect-ratio:unset;overflow:visible;font-size:9.5pt}.preview-header{margin-bottom:24pt;padding-bottom:12pt}.preview-title{font-size:22pt;letter-spacing:.5em}.preview-meta{font-size:9pt}.preview-meta-item{margin-bottom:3pt}.preview-meta-label{margin-right:8pt}.preview-parties{margin-bottom:20pt}.preview-client-name-line{padding-bottom:4pt}#p-client-name{font-size:14pt}.preview-honorific{font-size:11pt;margin-left:8pt}.preview-client-address{font-size:9pt;margin-top:4pt}.preview-issuer{font-size:9pt}.preview-issuer-name{font-size:11pt}.preview-issuer-registration{font-size:8.5pt;margin-top:2pt}.preview-issuer-contact{margin-top:3pt;font-size:8.5pt}.preview-subject{margin-bottom:12pt}.preview-subject-label{font-size:8.5pt;margin-bottom:2pt}.preview-subject-value{font-size:11pt;padding-bottom:4pt}.preview-grand-total-box{padding:10pt 16pt;margin-bottom:20pt;border-radius:4pt}.preview-grand-label{font-size:11pt}.preview-grand-amount{font-size:18pt}.preview-table{margin-bottom:12pt;font-size:9.5pt}.preview-table th{padding:6pt 8pt;font-size:8.5pt}.preview-table td{padding:5pt 8pt}.preview-total-row{width:220pt;padding:3pt 0;font-size:9.5pt}.preview-total-grand{font-size:11pt;padding-top:5pt;margin-top:3pt}.preview-bank{margin-top:16pt;padding:8pt 12pt;border-radius:4pt;font-size:9pt}.preview-bank h3{font-size:9.5pt;margin-bottom:4pt}.preview-notes{margin-top:12pt;font-size:9pt}.preview-notes h3{font-size:9.5pt;margin-bottom:4pt}.placeholder-text{display:none}@page{size:A4;margin:0}}