@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#26372f;background:#f3f0e8;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.wrap{width:min(1440px,calc(100% - 64px));margin:auto}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:.12em;color:#69786c}.site-header{border-bottom:1px solid #d8dbd0}.header-inner{min-height:73px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.05em;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:31px;height:31px;background:#273c35;color:#dcebbd;border-radius:4px;font-size:22px;line-height:1}.brand-serif{font-family:'Instrument Serif',serif;font-size:26px;font-weight:400;font-style:italic;letter-spacing:-.04em}.header-note{font:10px 'DM Mono',monospace;letter-spacing:.11em;color:#99a195;margin-left:22px}.header-link{margin-left:auto;font-size:12px;font-weight:700}.header-link span{margin-left:9px}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:66px 0 59px}.intro-copy{max-width:900px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d3714d;margin-right:10px}.intro h1{font-size:clamp(52px,5.3vw,88px);font-weight:600;line-height:1.01;letter-spacing:-.068em;margin:24px 0 20px}.intro h1 em{font-family:'Instrument Serif',serif;font-weight:400;color:#ca6b4b;letter-spacing:-.03em}.intro p{color:#66776a;font-size:16px;line-height:1.65;max-width:560px;margin:0}.intro-stamp{width:154px;height:154px;border:1px solid #aab7a7;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(13deg);flex:none;color:#536e54;font:10px 'DM Mono',monospace;letter-spacing:.16em}.intro-stamp strong{font:italic 68px 'Instrument Serif',serif;line-height:1.02;color:#253d33}.studio{border:1px solid #cdd3c5;background:#fff;box-shadow:0 24px 60px #2b38220b;margin-bottom:80px}.studio-top{min-height:96px;padding:25px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe3d9;gap:20px}.studio-top h2,.preview-toolbar h2{font-size:23px;letter-spacing:-.04em;margin:7px 0 0}.studio-actions{display:flex;gap:9px;flex-wrap:wrap}.text-btn{background:#f4f5ef;color:#284238;border:1px solid #cfd8ca;padding:10px 13px;font-size:12px;font-weight:700}.text-btn:hover,.add-item:hover{background:#e5eddc}.muted-btn{color:#7c817a}.studio-body{display:grid;grid-template-columns:minmax(360px,.88fr) minmax(450px,1.12fr)}#invoice-form{padding:10px 34px 26px;border-right:1px solid #dfe3d9}.field-group{padding:22px 0 28px;border-bottom:1px solid #e4e8df}.field-group.last-group{border-bottom:0}.group-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.group-title span{font:11px 'DM Mono',monospace;color:#a16e58;border:1px solid #d8cabf;padding:6px}.group-title h3{margin:0;font-size:16px;letter-spacing:-.02em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#506456;letter-spacing:.02em}.form-grid label.full{grid-column:1/-1}input,select,textarea{width:100%;background:#fbfcf8;border:1px solid #ccd7ca;color:#26372f;border-radius:0;outline:0;padding:12px;font-size:13px;min-height:43px}textarea{resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:#63876c;box-shadow:0 0 0 3px #bcd4b75c}input::placeholder,textarea::placeholder{color:#9aa69a}.items{display:flex;flex-direction:column;gap:10px}.item-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 116px 26px;align-items:end;gap:8px}.item-row label{font-size:11px;font-weight:700;color:#506456;display:flex;flex-direction:column;gap:7px}.item-row input{min-width:0}.item-row .remove-item{height:43px;border:1px solid #d4d9cf;background:#fff;color:#8b655b;font-size:19px}.item-row .remove-item:hover{background:#f9ede9}.add-item{margin-top:14px;padding:10px 13px;border:1px dashed #aebfab;background:#f4f8ef;color:#285440;font-size:12px;font-weight:700}.add-item span{font-size:18px;margin-right:5px}.status{font-size:12px;color:#728073;line-height:1.5;min-height:18px;margin:6px 0 0}.status[data-kind=error]{color:#b65745}.status[data-kind=success]{color:#347350}.preview-side{padding:27px 35px 36px;background:#e8ece3;min-width:0}.preview-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.print-btn{border:0;background:#273f35;color:#f7f8ee;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;font-weight:700}.print-btn:hover{background:#3f624e}.invoice-sheet{background:#fff;color:#26382e;box-shadow:0 16px 42px #35423318;padding:44px;min-height:740px}.sheet-head{display:flex;align-items:start;justify-content:space-between;gap:15px;padding-bottom:38px;border-bottom:2px solid #2c4235}.sheet-wordmark{font-size:35px;font-weight:700;letter-spacing:-.07em;line-height:1}.sheet-mark{font-size:24px;color:#c87957;vertical-align:top;margin-left:5px}.sheet-number{font:11px 'DM Mono',monospace;padding-top:6px;color:#657466}.sheet-lead{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px 0}.sheet-label{display:block;font:10px 'DM Mono',monospace;letter-spacing:.1em;color:#9aa69a;margin-bottom:9px}.sheet-lead strong{display:block;font-size:14px;overflow-wrap:anywhere}.sheet-lead p,.sheet-foot p{white-space:pre-line;font-size:11px;line-height:1.6;color:#647267;margin:7px 0 0;overflow-wrap:anywhere}.sheet-dates{display:flex;gap:48px;padding:16px 0 31px;border-top:1px solid #e3e8df}.sheet-dates strong{font-size:12px}.sheet-table-head,.sheet-item{display:grid;grid-template-columns:minmax(0,1fr) 48px 93px 105px;gap:9px;align-items:start}.sheet-table-head{background:#e7ecdf;font:10px 'DM Mono',monospace;letter-spacing:.06em;padding:11px}.sheet-table-head span:not(:first-child),.sheet-item span:not(:first-child){text-align:right}.sheet-item{padding:16px 11px;border-bottom:1px solid #e8ece5;font-size:12px}.sheet-item span:first-child{overflow-wrap:anywhere}.sheet-empty{padding:20px 11px;color:#9aa79c;font-size:12px;border-bottom:1px solid #e8ece5}.sheet-totals{margin:24px 0 0 auto;max-width:260px}.sheet-totals>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;font-size:12px}.sheet-totals strong{font-weight:700}.sheet-totals .sheet-grand{border-top:2px solid #2d4436;margin-top:8px;padding-top:17px;font-weight:700;font-size:17px}.sheet-grand strong{font-size:20px}.sheet-foot{margin-top:38px;padding-top:23px;border-top:1px solid #dce4d8;display:grid;grid-template-columns:1fr 1fr;gap:25px;min-height:85px}.preview-caption{font-size:11px;color:#778477;text-align:center;line-height:1.5;margin:18px 0 0}.guide{padding:0 0 72px;display:grid;grid-template-columns:1fr 2fr;gap:50px}.guide h2,.faq h2{font-size:clamp(32px,3vw,45px);line-height:1.05;letter-spacing:-.05em;margin:14px 0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-grid>div{border-top:1px solid #bdc9bb;padding-top:12px}.guide-grid b{font:12px 'DM Mono',monospace;color:#b16a4d}.guide-grid h3{font-size:17px;margin:18px 0 8px}.guide-grid p,.faq p{font-size:13px;color:#69786b;line-height:1.65;margin:0}.faq{border-top:1px solid #cfd8c9;padding:62px 0 100px;display:grid;grid-template-columns:1fr 1.2fr;gap:50px}.faq details{border-bottom:1px solid #cad5ca;padding:18px 0}.faq details:first-child{border-top:1px solid #cad5ca}.faq summary{font-size:14px;font-weight:700;cursor:pointer}.faq p{margin-top:12px}footer{background:#273c35;color:#f0f4e8}footer .wrap{min-height:110px;display:flex;align-items:center;gap:40px}footer .brand-icon{background:#d5e6b6;color:#263a32}footer span:not(.brand-icon):not(.brand-serif){margin-left:auto;color:#bdc9bb;font:10px 'DM Mono',monospace;letter-spacing:.07em}footer small{color:#9db09f;font:10px 'DM Mono',monospace}button:focus-visible,a:focus-visible{outline:3px solid #8caa79;outline-offset:3px}
@media(max-width:1050px){.studio-body{grid-template-columns:1fr}.preview-side{border-top:1px solid #dfe3d9}#invoice-form{border-right:0}.guide{grid-template-columns:1fr}}
@media(max-width:680px){.wrap{width:min(100% - 30px,1440px)}.header-inner{min-height:65px}.header-note{display:none}.intro{padding:40px 0 35px}.intro h1{font-size:clamp(42px,11vw,65px)}.intro p{font-size:14px}.intro-stamp{display:none}.studio-top{padding:19px;display:block}.studio-actions{margin-top:17px}.studio-body{display:block}#invoice-form{padding:0 19px 18px}.preview-side{padding:22px 14px}.preview-toolbar{display:block}.preview-toolbar .print-btn{margin-top:14px;width:100%}.invoice-sheet{padding:20px;min-height:600px}.sheet-table-head,.sheet-item{grid-template-columns:minmax(0,1fr) 30px 65px 76px;gap:5px;font-size:10px}.sheet-lead{gap:16px}.sheet-foot{gap:15px}.item-row{grid-template-columns:minmax(0,1fr) 60px 80px 26px;gap:5px}.item-row input{padding:7px}.guide{padding-bottom:45px}.guide-grid{grid-template-columns:1fr;gap:16px}.faq{grid-template-columns:1fr;gap:15px;padding:45px 0 70px}footer .wrap{flex-wrap:wrap;gap:10px;padding:23px 0}footer span:not(.brand-icon):not(.brand-serif){margin-left:0;width:100%}footer small{width:100%}}
@media print{@page{size:A4;margin:13mm}html,body{background:#fff!important}.site-header,.intro,.studio-top,#invoice-form,.preview-toolbar,.preview-caption,.guide,.faq,footer{display:none!important}.wrap,.studio,.studio-body,.preview-side{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important;display:block!important}.invoice-sheet{box-shadow:none!important;border:0!important;padding:0!important;min-height:0!important;break-inside:avoid}.sheet-foot{min-height:0}*{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}}