@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('./assets/dm-sans.ttf') format('truetype')}
:root{--ink:#2c193b;--purple:#7447da;--lavender:#b99afa;--night:#241235;--muted:#756b7c;--line:#e6e0ec;--paper:#fcfbfe;--soft:#f5f1fa;--green:#54745c;--sidebar:234px}
*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#f6f4f9;-webkit-font-smoothing:antialiased;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.45}button{border:0}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a284ed;outline-offset:3px}input:focus,textarea:focus,select:focus{border-color:#a68adf;box-shadow:0 0 0 3px #7447da0d}input,select,textarea{color:var(--ink);background:white;border:1px solid #e0d9e8;border-radius:6px;min-width:0;width:100%;transition:border-color .15s}input,select{height:43px;padding:0 12px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23756b7c' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}textarea{resize:vertical;min-height:98px;padding:12px;line-height:1.7}input::placeholder,textarea::placeholder{color:#9b90a3}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{appearance:none;margin:0}input[type=date]{min-width:0}h1,h2,p{margin-top:0}h1,h2{font-weight:500}h2{font-size:16px;margin-bottom:0;letter-spacing:-.3px}button,a{touch-action:manipulation}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:white;z-index:100}.skip:focus{top:16px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--night);color:#eaddf6;display:flex;flex-direction:column;padding:34px 22px 24px;z-index:5}.brand{display:block;width:158px;height:35px;position:relative;overflow:hidden;flex-shrink:0}.brand img{position:absolute;max-width:none;width:188px;height:auto;left:-16px;top:-85px}.brand-dark{margin:0 9px 38px}.workspace-name{padding:16px 10px;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17;display:flex;align-items:center;gap:10px;font-size:13px}.workspace-name small{display:block;font-size:10px;color:#b8a2cb;margin-top:4px}.workspace-icon{height:32px;width:32px;display:grid;place-items:center;font-size:21px;background:#413052;border:1px solid #6d507c;border-radius:7px;color:#decced}.workspace-dot{height:5px;width:5px;background:#b99afa;border-radius:50%;margin-left:auto}.nav-caption{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#a58bb9;margin:31px 12px 15px}.side-nav{display:grid;gap:7px}.nav-item{display:flex;width:100%;gap:11px;align-items:center;border-radius:6px;padding:13px 12px;background:transparent;color:#c0a9d0;text-align:left;font-size:12px;min-height:46px}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:#ffffff08}.nav-item.active{background:#4b3265;color:#efe3ff}.nav-active-dot{width:5px;height:5px;border-radius:50%;background:var(--lavender);margin-left:auto}.count{margin-left:auto;min-width:20px;text-align:center;font-size:10px;background:#ffffff10;border-radius:4px;padding:3px}.sidebar-story{margin-top:auto;padding:42px 10px 27px}.story-symbol{font-size:42px;color:var(--lavender);line-height:1}.sidebar-story p{font-size:26px;line-height:1.25;letter-spacing:-.7px;margin:18px 0 12px;color:#eee2f8}.sidebar-story small{font-size:11px;line-height:1.85;color:#bba4cd;display:block}.sidebar-story a{display:flex;align-items:center;gap:6px;font-size:10px;margin-top:23px;color:#d2b6fc}.sidebar-story a svg{width:15px;height:15px}.sidebar-story a:hover{text-decoration:underline}.back-site{display:flex;align-items:center;gap:9px;font-size:11px;color:#bba4cd;border-top:1px solid #ffffff17;padding:22px 10px 0}.back-site svg{width:15px;height:15px}.back-site:hover{color:white}.app-shell{margin-left:var(--sidebar)}.topbar{height:71px;background:#fcfbfe;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{display:flex;gap:15px;font-size:12px;color:#8a7a95}.breadcrumb span{color:#c6bbcf}.breadcrumb strong{font-weight:500;color:#5c466c}.demo-badge{font-size:11px;color:#68527a;background:#f0eaf8;border:1px solid #e3d7f0;border-radius:5px;padding:6px 10px;display:flex;gap:7px;align-items:center}.demo-badge>span{height:5px;width:5px;background:#9369d8;border-radius:50%}main{max-width:1440px;margin:auto;padding:38px 40px 0}main:focus{outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#8b71a0;margin:0 0 13px}h1{font-size:clamp(26px,2.5vw,38px);letter-spacing:-1.4px;line-height:1.2;margin:0 0 11px}.page-heading p:not(.eyebrow){font-size:13px;line-height:1.7;color:var(--muted);margin:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:11px 15px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;transition:background .15s,box-shadow .15s}.button svg{width:17px;height:17px}.button-primary{color:white;background:var(--purple);border:1px solid var(--purple)}.button-primary:hover{background:#6337c4;border-color:#6337c4;box-shadow:0 3px 10px #7447da22}.button-outline{background:white;border:1px solid #ded4e8}.button-outline:hover{background:var(--soft)}.button-quiet{background:transparent;padding:10px 0;color:#7f6d8e;font-size:11px}.button-quiet:hover{color:var(--purple)}.button-lavender{background:var(--lavender);color:#241235;width:100%;justify-content:space-between;border:1px solid var(--lavender);min-height:45px}.button-lavender:hover{background:#c9adff}.demo-note{display:flex;align-items:center;gap:10px;padding:12px 15px;margin-top:23px;background:#ede7f5;border:1px solid #e3daed;border-radius:6px;color:#766283}.demo-note svg{width:16px;height:16px;color:#9675b7}.demo-note p{font-size:11px;line-height:1.7;margin:0}.demo-note strong{font-weight:500;color:#594168}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:29px 0 18px}.document-label{display:flex;align-items:center;gap:11px}.file-icon{height:38px;width:36px;border-radius:6px;display:grid;place-items:center;background:#ece4f5;color:#8b5ac8}.file-icon svg{width:20px;height:20px}.document-label strong{display:block;font-size:14px;font-weight:500}.document-label #draft-status{display:block;font-size:10px;color:#87768f;margin-top:4px}.status-badge{display:inline-block;font-size:10px;border-radius:4px;background:#ebe4f2;color:#806293;padding:5px 8px;margin-left:5px}.toolbar-actions{display:flex;gap:9px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:22px;align-items:start}.editor-cards{display:grid;gap:18px;min-width:0}.card{border:1px solid var(--line);border-radius:9px;padding:23px 24px;background:#fff;box-shadow:0 2px 3px #34204402}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.card-heading h2{display:flex;align-items:center;gap:10px;font-size:14px}.step{font-size:10px;color:#9673b3;display:grid;place-items:center;height:24px;width:24px;background:#f4eff9;border:1px solid #e9def2;border-radius:5px}.section-caption{font-size:10px;color:#a08cae;white-space:nowrap}.field{font-size:11px;color:#7b6788;display:flex;flex-direction:column;gap:8px;min-width:0}.field input,.field select{font-size:12px}.customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:end}.customer-info{display:flex;align-items:center;gap:10px;min-height:43px}.customer-avatar{height:35px;width:35px;border-radius:50%;background:#f0e9f8;color:#9b79b5;display:grid;place-items:center;font-size:10px;flex-shrink:0}.customer-info strong{font-size:11px;font-weight:500;display:block}.customer-info small{display:block;color:#9c8ca6;font-size:10px;margin-top:4px}.metadata-fields{display:grid;grid-template-columns:1.05fr 1.2fr 1fr;gap:14px;margin-top:23px;padding-top:21px;border-top:1px solid #f0ebf5}.custom-customer{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.items-card{padding-bottom:18px}.items-table-head,.item-row{display:grid;grid-template-columns:minmax(130px,1fr) 66px 102px 92px 28px;gap:10px;align-items:start}.items-table-head{font-size:8px;letter-spacing:.9px;color:#927f9f;background:#f8f5fb;padding:10px 0;border-top:1px solid #ede6f3;border-bottom:1px solid #ede6f3}.items-table-head span:first-child{padding-left:10px}.items-table-head span:nth-child(4){text-align:right}.item-row{padding:17px 0;border-bottom:1px solid #eee8f3}.item-name input{border-color:transparent;background:transparent;height:32px;padding:0 8px;font-size:12px}.item-name input:hover{background:#faf7fd;border-color:#eee6f5}.item-name input:focus{background:white;border-color:#a68adf}.item-name input.description{font-size:10px;color:#9683a2;height:27px}.item-name{margin-left:-2px;min-width:0}.item-number input{height:34px;padding:0 8px;text-align:center;font-size:12px}.item-number.price input{text-align:right;padding-right:22px}.item-number.price{position:relative}.currency-suffix{position:absolute;right:8px;top:10px;font-size:10px;color:#a08eac;pointer-events:none}.item-line-total{font-size:12px;font-weight:500;text-align:right;padding-top:9px;white-space:nowrap;letter-spacing:-.2px;font-variant-numeric:tabular-nums}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:5px;background:transparent;color:#a18dad;padding:7px}.item-row .icon-button{min-width:28px;width:28px;padding:6px}.icon-button svg{width:16px;height:16px}.icon-button:hover{background:#f6edf2;color:#ad5e77}.add-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:17px}.button-add{background:#f1eaf9;color:#784ca4;font-size:11px;padding:9px 12px;border:1px solid #e9def5;min-height:38px}.button-add:hover{background:#e6d9f5}.catalog-field{max-width:210px;min-width:0}.catalog-field select{font-size:10px;height:38px;background-color:transparent;border-color:transparent;color:#8b6d9d;padding-left:4px}.catalog-field select:hover{border-color:#e6dced}.card-hint{font-size:10px;color:#9d8ca8;line-height:1.7;margin:13px 0 0}.notes-card textarea{font-size:12px;border-color:#e8e0ef;background:#fdfcfe}.notes-card .card-heading{margin-bottom:17px}.summary-column{position:sticky;top:24px}.summary-card{background:var(--night);border-radius:9px;color:white;padding:25px 24px 19px;box-shadow:0 12px 28px #2412350d}.summary-heading{display:flex;align-items:center;justify-content:space-between;color:#b699cf;font-size:9px;letter-spacing:1.5px;margin-bottom:25px}.summary-heading svg{width:18px;height:18px;color:#987aae}.summary-customer{font-size:22px;letter-spacing:-.6px;line-height:1.3;margin-bottom:6px;overflow-wrap:anywhere}.summary-project{font-size:11px;color:#aa8fbe;margin-bottom:25px}.summary-lines{display:grid;gap:15px;border-top:1px solid #ffffff19;border-bottom:1px solid #ffffff19;padding:20px 0}.summary-lines>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#c8b5d8}.summary-lines strong{font-size:12px;font-weight:400;color:#eadcf5;white-space:nowrap}.summary-lines label>span{color:#967eaa;font-size:10px}.summary-lines .discount-amount{font-size:11px;color:#b99afa}.summary-lines .discount-amount strong{color:#c6a3fd}.compact-number{display:flex;align-items:center;width:64px;position:relative}.compact-number input{color:#e3d4ef;background:#392449;border-color:#5c436f;height:32px;padding:0 20px 0 6px;text-align:right;font-size:12px}.compact-number>span{position:absolute;right:8px;font-size:10px;color:#a68eb9}.grand-total{padding:25px 0}.grand-total>span{font-size:9px;letter-spacing:1.5px;color:#b99bcd}.grand-total output{display:block;font-size:37px;letter-spacing:-1.6px;font-weight:500;line-height:1.2;margin:9px 0 8px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.grand-total small{font-size:10px;color:#aa8fbd}.summary-footnote{text-align:center;font-size:9px;color:#a78bbd;margin:13px 0 0;line-height:1.7}.helper-note{display:flex;align-items:flex-start;gap:10px;margin:23px 7px}.helper-check{background:#e9e5f1;color:#8b6aaa;display:grid;place-items:center;border-radius:50%;width:22px;height:22px;flex-shrink:0}.helper-check svg{width:13px;height:13px}.helper-note p{font-size:10px;line-height:1.9;color:#8a7894;margin:0}.helper-note strong{font-weight:500;color:#665174}.next-step{margin:25px 7px 0;padding-top:20px;border-top:1px solid var(--line)}.next-step>span{font-size:8px;letter-spacing:1.4px;color:#a58bb7}.next-step p{font-size:11px;line-height:1.9;color:#8e7a9b;margin:9px 0 0}.page-footer{margin-top:35px;border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#9b88a6}.footer-dot{margin:0 7px}.page-footer a{display:flex;align-items:center;gap:5px;color:#846194}.page-footer svg{height:13px;width:13px}.page-footer a:hover{color:var(--purple)}.empty-items{text-align:center;padding:28px 10px;color:#917a9e;font-size:12px;line-height:1.8}
.preview-controls{display:flex;align-items:center;gap:18px;margin:0 0 22px}.preview-controls p{font-size:11px;color:#8a7698;margin:0 auto 0 0;line-height:1.7}.quote-document{background:white;max-width:900px;min-height:920px;margin:auto;padding:55px 55px 35px;border:1px solid var(--line);box-shadow:0 8px 30px #25133608;border-radius:4px;overflow-wrap:anywhere}.quote-document .document-top{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;padding-bottom:27px;border-bottom:2px solid var(--night)}.studio-name{font-size:25px;font-weight:500;letter-spacing:-.8px}.studio-tagline{font-size:11px;color:var(--muted);margin:8px 0 0}.document-top-right{text-align:right}.document-top-right>span{font-size:10px;letter-spacing:2px;color:var(--purple)}.document-top-right h2{font-size:24px;margin:8px 0}.document-top-right small{font-size:10px;color:var(--muted)}.document-meta{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:30px 0}.document-meta span,.document-notes h3{font-size:9px;letter-spacing:1.2px;color:#91789f;font-weight:500}.document-meta h3{font-size:18px;font-weight:500;letter-spacing:-.3px;margin:9px 0 5px}.document-meta p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.document-dates{display:grid;gap:9px;align-content:start}.document-dates div{display:flex;justify-content:space-between;font-size:11px;gap:10px}.document-dates dt{color:var(--muted)}.document-dates dd{margin:0;text-align:right}.document-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.document-table th{padding:12px 9px;background:#f4eff9;font-size:9px;font-weight:500;text-align:left;color:#806391;letter-spacing:.6px}.document-table th:first-child{width:46%}.document-table th:nth-child(2){width:12%}.document-table th:nth-child(3){width:21%}.document-table th:nth-child(4){width:21%}.document-table th:not(:first-child),.document-table td:not(:first-child){text-align:right}.document-table td{padding:16px 9px;border-bottom:1px solid var(--line);vertical-align:top}.document-table td strong{font-weight:500}.document-table td small{display:block;font-size:10px;color:#9683a2;margin-top:6px;line-height:1.6}.document-totals{width:50%;margin:26px 0 32px auto;display:grid;gap:12px;font-size:12px}.document-totals>div{display:flex;justify-content:space-between;gap:16px}.document-totals>div>span{color:var(--muted)}.document-totals strong{font-weight:500;text-align:right}.document-totals .document-total{padding:16px 12px;margin:5px -12px 0;background:var(--night);color:white;border-radius:4px;font-size:16px}.document-totals .document-total span{color:#d9c3ed}.document-notes{padding:18px 20px;background:#f8f5fc;border-left:2px solid var(--lavender)}.document-notes h3{margin:0 0 9px}.document-notes p{margin:0;font-size:11px;line-height:1.85;white-space:pre-wrap;color:#766581}.document-bottom{margin-top:40px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;align-items:flex-end;color:#9a88a4;font-size:9px;line-height:1.8}.document-bottom strong{font-size:15px;color:#78548f;letter-spacing:-.5px;font-weight:500}
dialog{width:min(630px,calc(100% - 32px));max-height:85dvh;border:1px solid #ded1e8;border-radius:12px;padding:28px;color:var(--ink);background:var(--paper);box-shadow:0 30px 80px #24123533}dialog::backdrop{background:#24123580;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.dialog-heading h2{font-size:25px;letter-spacing:-.7px}.dialog-heading .eyebrow{margin-bottom:9px}.dialog-intro{font-size:12px;color:var(--muted);line-height:1.8;margin:18px 0 22px}.saved-quote{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:white;border-radius:7px;margin-top:10px;padding:14px}.saved-quote .saved-info{min-width:0;flex:1}.saved-info strong{display:block;font-size:13px;overflow-wrap:anywhere}.saved-info small{display:block;color:#9b87a6;font-size:10px;margin-top:6px}.saved-amount{text-align:right;font-size:12px;white-space:nowrap}.saved-quote button.button{font-size:11px;min-height:34px;padding:7px 10px}.empty-saved{text-align:center;padding:33px 15px;border:1px dashed #d9c9e6;background:#f5f0fa;border-radius:8px}.empty-saved svg{width:30px;height:30px;color:#a585c5}.empty-saved h3{font-weight:500;font-size:16px;margin:12px 0 8px}.empty-saved p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px}.dialog-footer>span{font-size:10px;color:var(--muted)}.small-dialog{max-width:420px}.small-dialog h2{font-size:22px}.small-dialog>p{font-size:13px;line-height:1.9;color:var(--muted);margin:18px 0 24px}.confirm-actions{display:flex;justify-content:flex-end;gap:9px}.toast{position:fixed;bottom:25px;left:calc(50% + var(--sidebar) / 2);transform:translateX(-50%);max-width:calc(100% - 32px);background:var(--night);color:#f5ecff;border:1px solid #614475;box-shadow:0 5px 30px #24123522;display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:8px;font-size:12px;line-height:1.6;z-index:20}.toast svg{color:var(--lavender);width:17px;height:17px}.noscript{position:fixed;inset:0;background:white;z-index:100;padding:50px;font-size:20px}.field-error{border-color:#b85c70!important;background:#fff8fa!important}
@media(min-width:1600px){main{padding-top:45px}.editor-layout{grid-template-columns:minmax(0,1fr) 320px}.summary-card{padding:29px}.card{padding:27px}.card-heading h2{font-size:16px}.field,.item-name input,.item-number input,.field input,.field select{font-size:13px}.items-table-head,.item-row{grid-template-columns:minmax(180px,1fr) 75px 120px 110px 30px}.grand-total output{font-size:42px}}
@media(max-width:1250px){:root{--sidebar:204px}.sidebar{padding-left:15px;padding-right:15px}.brand-dark{margin-left:5px}.topbar{padding:0 27px}main{padding:30px 27px 0}.editor-layout{grid-template-columns:minmax(0,1fr) 250px;gap:17px}.card{padding:20px 18px}.summary-card{padding:23px 20px}.items-table-head,.item-row{grid-template-columns:minmax(100px,1fr) 52px 84px 78px 26px;gap:7px}.item-line-total{font-size:11px}.section-caption{display:none}.grand-total output{font-size:32px}.metadata-fields{gap:9px}.field input,.field select{padding-left:9px;font-size:11px}.customer-fields{gap:12px}.customer-info small{font-size:9px}.button-quiet{font-size:10px}}
@media(max-width:1060px){:root{--sidebar:184px}.sidebar{padding-left:12px;padding-right:12px}.brand-dark{transform:scale(.88);transform-origin:left center}.sidebar-story{padding-left:10px;padding-right:10px}.sidebar-story a{font-size:9px}.topbar{padding:0 24px}main{padding:28px 24px 0}.editor-layout{grid-template-columns:minmax(0,1fr) 238px;gap:15px}.card{padding:18px 16px}.page-heading{align-items:flex-start}.page-heading .button-quiet{font-size:0;min-width:30px}.page-heading .button-quiet svg{width:18px;height:18px}.customer-fields{grid-template-columns:1fr}.customer-info{min-height:32px}.metadata-fields{grid-template-columns:1fr 1fr}.metadata-fields .field:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center}.items-table-head{display:none}.item-row{grid-template-columns:58px 1fr 1fr 30px;gap:9px;position:relative;padding:13px 0}.item-name{grid-column:1/-1;padding-right:30px}.item-row .remove-item{position:absolute;right:0;top:14px}.item-line-total{grid-column:3/-1;align-self:end;padding-bottom:9px;font-size:12px}.mobile-label{display:block!important;position:static;width:auto;height:auto;clip:auto;overflow:visible;margin:0 0 5px;font-size:8px;color:#9882a5}.item-number.price .currency-suffix{top:auto;bottom:10px}.item-number input{font-size:12px}.item-name input{font-size:12px}.item-name input.description{font-size:10px}.add-row{flex-wrap:wrap;gap:8px}.catalog-field{max-width:none;width:100%}.catalog-field select{padding-left:7px;border-color:#e9e1ef}.card-heading h2{font-size:13px}.summary-card{padding:23px 19px}.preview-controls{flex-wrap:wrap;gap:10px}.preview-controls p{order:3;flex-basis:100%}.preview-controls #print-button{margin-left:auto}.quote-document{padding:35px 30px}.toolbar .button{padding:10px 12px}.toolbar{gap:10px}.document-label{gap:7px}.status-badge{display:none}}
@media(max-width:820px){:root{--sidebar:0px}.sidebar{position:static;width:auto;height:auto;padding:14px 22px;display:flex;flex-direction:row;align-items:center;gap:15px}.brand-dark{transform:scale(.8);width:132px;margin:0;flex-shrink:0}.workspace-name,.nav-caption,.sidebar-story,.back-site{display:none}.side-nav{display:flex;margin-left:auto;gap:5px}.nav-item{font-size:11px;padding:10px;min-height:38px;gap:7px}.nav-item svg{width:16px;height:16px}.nav-active-dot{display:none}.topbar{height:53px}.editor-layout{grid-template-columns:minmax(0,1fr) 260px;gap:17px}main{padding-top:27px}.page-heading .button-quiet{font-size:10px}.page-heading p:not(.eyebrow){font-size:12px}h1{font-size:30px}.summary-column{top:16px}.toast{left:50%}.card-heading h2{font-size:14px}.customer-info small{font-size:10px}.toolbar{margin-top:23px}.demo-note{align-items:flex-start}.demo-note svg{margin-top:2px}.page-footer{font-size:9px}}
@media(max-width:650px){.sidebar{padding:12px 17px}.nav-item{font-size:10px;padding:9px;gap:6px}.nav-item svg{display:none}.nav-item .count{font-size:9px}.brand-dark{width:115px;transform:scale(.73)}.topbar{padding:0 20px}.breadcrumb{font-size:11px;gap:11px}.demo-badge{font-size:9px}main{padding:27px 20px 0}.page-heading .button-quiet{font-size:0}.page-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.page-heading{gap:5px}h1{font-size:30px;letter-spacing:-1px;max-width:330px;line-height:1.2}.demo-note{padding:11px 12px;margin-top:19px}.demo-note p{font-size:10px}.editor-layout{grid-template-columns:1fr;gap:18px}.editor-cards{gap:15px}.card{padding:21px 20px}.section-caption{display:block;font-size:9px}.customer-fields{grid-template-columns:1fr 1fr;gap:14px}.metadata-fields{grid-template-columns:1fr 1fr}.field,.field input,.field select{font-size:12px}.metadata-fields .field:last-child{grid-template-columns:1fr 1fr}.items-table-head,.item-row{grid-template-columns:62px 1fr 1fr 30px;gap:12px}.item-name input{font-size:14px}.item-name input.description{font-size:11px}.item-line-total{font-size:14px;padding-top:7px}.item-number input{height:40px;font-size:13px}.item-number.price .currency-suffix{bottom:13px}.mobile-label{font-size:9px;margin-bottom:7px}.item-row .remove-item{width:36px;height:36px}.add-row{flex-wrap:nowrap;margin-top:18px}.catalog-field{max-width:185px}.catalog-field select{font-size:10px}.button-add{font-size:10px;gap:5px;min-height:40px;padding:8px}.button-add svg{width:15px;height:15px}.toolbar{align-items:center}.toolbar-actions{gap:7px}.toolbar .button{font-size:11px;padding:10px}.toolbar #preview-button{padding:10px}.toolbar #preview-button span{display:none}.toolbar #preview-button svg{width:18px;height:18px}.document-label strong{font-size:13px}.document-label #draft-status{font-size:9px;max-width:145px;line-height:1.5}.file-icon{display:none}.summary-column{position:static}.summary-card{padding:27px}.summary-heading{margin-bottom:20px}.summary-customer{font-size:25px}.summary-project{font-size:12px}.summary-lines>div,.summary-lines strong{font-size:13px}.summary-lines{gap:14px}.grand-total output{font-size:43px}.summary-card .button{font-size:13px}.summary-footnote{font-size:10px}.helper-note{margin:18px 4px 0}.helper-note p{font-size:11px}.next-step{display:none}.card-hint{font-size:10px}.page-footer{margin-top:26px;padding:21px 0;align-items:flex-start;line-height:1.8}.page-footer>span{max-width:175px}.page-footer a{white-space:nowrap}.quote-document{padding:25px 19px;min-height:700px}.studio-name{font-size:20px}.studio-tagline{font-size:9px}.document-top-right h2{font-size:20px}.document-top-right>span{font-size:9px}.document-meta{gap:15px;grid-template-columns:1fr}.document-dates{margin:4px 0 0}.document-table{font-size:10px}.document-table th{font-size:7px;letter-spacing:0;padding:10px 4px}.document-table td{padding:12px 4px}.document-table td small{font-size:8px}.document-table th:first-child{width:39%}.document-table th:nth-child(2){width:12%}.document-table th:nth-child(3){width:24%}.document-table th:nth-child(4){width:25%}.document-totals{width:85%;font-size:11px}.document-total{font-size:14px!important}.document-notes{padding:15px}.document-bottom{font-size:8px;gap:10px}.preview-controls .button{font-size:11px}.preview-controls p{font-size:10px}.saved-quote{gap:8px;flex-wrap:wrap}.saved-amount{font-size:11px}.saved-info small{font-size:9px}.saved-quote .saved-info{flex-basis:55%}.saved-quote>.button{margin-left:auto}.dialog-footer{align-items:flex-end}.dialog-footer>span{max-width:150px;line-height:1.7}dialog{padding:23px}.toast{width:max-content;max-width:calc(100% - 32px);font-size:11px;bottom:18px}.custom-customer{grid-template-columns:1fr}}
@media(max-width:820px){.brand-dark{width:126px;height:28px;transform:none}.brand-dark img{width:150.4px;left:-12.8px;top:-68px}.nav-item{width:auto}}
@media(max-width:380px){main{padding-left:14px;padding-right:14px}.sidebar{padding:12px}.side-nav{gap:3px}.nav-item{padding:8px 6px;font-size:9px}.nav-item .count{display:none}.customer-fields{grid-template-columns:1fr}.card{padding:19px 16px}.section-caption{display:none}.add-row{flex-wrap:wrap}.catalog-field{max-width:none}.metadata-fields{gap:10px}.card-heading h2{font-size:13px}.toolbar .button{font-size:10px;gap:6px}.document-label #draft-status{max-width:125px}.page-footer{font-size:8px}.quote-document{padding:20px 13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@page{size:A4;margin:14mm}
@media print{body{background:white;font-size:11pt}.sidebar,.topbar,.page-heading,.demo-note,.toolbar,#quote-form,.preview-controls,.page-footer,dialog,.toast,.skip,.noscript{display:none!important}.app-shell{margin:0}main{margin:0;padding:0;max-width:none}#preview-view{display:block!important}.quote-document{box-shadow:none;border:0;padding:0;min-height:0;max-width:none;border-radius:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.quote-document .document-top{padding-bottom:22px}.studio-name{font-size:25px}.studio-tagline{font-size:11px}.document-top-right h2{font-size:24px}.document-top-right>span{font-size:10px}.document-meta{grid-template-columns:1fr 1fr;padding:24px 0}.document-table{font-size:11px}.document-table th{font-size:9px;padding:11px 8px}.document-table td{padding:13px 8px}.document-table th:first-child{width:46%}.document-table th:nth-child(2){width:12%}.document-table th:nth-child(3),.document-table th:nth-child(4){width:21%}.document-table td small{font-size:10px}.document-table thead{display:table-header-group}.document-table tr{break-inside:avoid}.document-totals{width:50%;font-size:12px;break-inside:avoid}.document-total{font-size:16px!important}.document-notes{break-inside:avoid}.document-bottom{font-size:9px;break-inside:avoid}.document-dates{margin:0}.document-bottom a{text-decoration:none}}