@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";:root{--navy:#303030;--blue:#7c7c7c;--ink:#303030;--muted:#8b8b8b}*{box-sizing:border-box}body{color:var(--ink);margin:0;font-family:Inter,Noto Sans TC,sans-serif;font-size:13px}button,input,textarea,select{font:inherit}button{cursor:pointer;justify-content:center;align-items:center;gap:7px;transition:all .18s;display:inline-flex}button:disabled{cursor:default;opacity:.4}input,textarea,select{outline:none;min-width:0}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 2px #bcbcbc1c;border-color:#bcbcbc!important}button:focus-visible{outline-offset:3px;outline:2px solid #cdcdcd}button:hover{filter:brightness(1.09)}.app{height:100dvh;display:flex;overflow:hidden}.editor{color:#e9e9e9;z-index:2;background:#303030;flex-direction:column;width:410px;min-width:410px;display:flex}.app-head{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:10px;padding:25px 22px 23px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brandmark{letter-spacing:-4px;color:#fff;font-size:25px;font-weight:800;transform:skew(-10deg)}.brandmark span{color:#c2c2c2}.brand b{color:#fff;letter-spacing:-.4px;font-size:16px;display:block}.brand small{color:#9e9e9e;letter-spacing:1px;margin-top:6px;font-size:10px;display:block}.head-buttons{gap:5px;display:flex}.head-buttons button{color:#c2c2c2;background:#ffffff07;border:1px solid #ffffff15;border-radius:7px;width:30px;height:30px}.editor-scroll{scrollbar-width:thin;scrollbar-color:#545454 transparent;flex:1;overflow:auto}.editor section{border-bottom:1px solid #ffffff12;padding:24px 22px}.section-title{color:#eaeaea;letter-spacing:.8px;align-items:center;gap:9px;margin-bottom:19px;font-size:12px;font-weight:600;display:flex}.section-title>span{color:#a2a2a2;border:1px solid #80808043;border-radius:4px;padding:3px 5px;font-size:10px}.section-title small{letter-spacing:1.4px;color:#898989;margin-left:auto;font-size:9px;font-weight:500}.form-grid{grid-template-columns:1fr 1fr;gap:16px 12px;display:grid}.full{grid-column:1/-1}.field{flex-direction:column;gap:8px;display:flex}.field>span{color:#c8c8c8;font-size:11px;font-weight:500}.field input,.field select,.field textarea{color:#f8f8f8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#3c3c3c;border:1px solid #545454;border-radius:6px;width:100%;padding:11px 12px;font-size:12px}.field input::placeholder,.field textarea::placeholder{color:#878787}.helper{color:#979797;margin:-8px 0 15px;font-size:10px}.preset{background:#393939;border:1px solid #545454;border-radius:7px;margin-bottom:8px;overflow:hidden}.preset.expanded{border-color:#9e9e9e}.preset-head{color:#d3d3d3;background:0 0;border:0;justify-content:flex-start;width:100%;padding:12px}.preset-head b{font-size:12px;font-weight:500}.preset-head>span{color:#989898;background:#ffffff09;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:10px}.chips{border-top:1px solid #ffffff14;flex-wrap:wrap;gap:7px;padding:13px 10px;display:flex}.chips button{color:#dbdbdb;background:#484848;border:1px solid #616161;border-radius:5px;padding:7px 8px;font-size:10px}.add-custom{color:#b0b0b0;background:0 0;border:1px dashed #6a6a6a;border-radius:6px;width:100%;padding:12px;font-size:11px}.edit-items{flex-direction:column;gap:10px;margin-top:18px;display:flex}.edit-item{background:#272727;border:1px solid #484848;border-radius:7px;padding:12px}.item-top{align-items:center;gap:8px;display:flex}.item-index{color:#949494;font-size:9px}.item-top>input{color:#f3f3f3;background:0 0;border:none;width:100%;padding:3px;font-size:12px;font-weight:500}.item-actions{display:flex}.item-actions button{color:#9b9b9b;background:0 0;border:none;padding:3px}.item-actions button:last-child:hover{color:#ff9b9b}.edit-item>textarea{resize:vertical;color:#b5b5b5;background:0 0;border:0;width:100%;padding:10px 0 4px;font-size:10px;line-height:1.6}.edit-item>textarea::placeholder{color:#747474}.item-numbers{grid-template-columns:48px 62px 1fr 75px;gap:8px;margin-top:8px;display:grid}.item-numbers span{color:#8b8b8b;margin-bottom:6px;font-size:9px;display:block}.item-numbers input{color:#e0e0e0;background:#373737;border:1px solid #4a4a4a;border-radius:4px;width:100%;padding:7px 6px;font-size:11px}.item-total{text-align:right}.item-total b{color:#d9d9d9;font-size:12px;line-height:30px}.notes-field{margin-top:17px}.notes-field textarea{resize:vertical;font-size:10px;line-height:1.9}.editor-footnote{text-align:center;color:#7b7b7b;padding:20px;font-size:9px}.green-dot,.live-dot{background:#63b99a;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.editor-footer{background:#292929;border-top:1px solid #ffffff12;padding:16px 22px 19px;box-shadow:0 -8px 25px #1c1c1c1a}.footer-summary{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.footer-summary>span{color:#a0a0a0;font-size:10px}.footer-summary>b{color:#f8f8f8;letter-spacing:-.5px;font-size:21px}.footer-summary small{color:#b0b0b0;margin-right:4px;font-size:11px;font-weight:400}.footer-actions{gap:9px;display:flex}.footer-actions button{border-radius:6px;flex:1;padding:12px 10px;font-size:11px;font-weight:500}.save-btn{color:#e1e1e1;background:#3f3f3f;border:1px solid #656565}.export-btn{color:#3a3a3a;background:#d3d3d3;border:1px solid #d3d3d3}.workspace{background:#f0f0f0;flex:1;min-width:0;overflow:auto}.workspace-toolbar{color:#7c7c7c;letter-spacing:.6px;justify-content:space-between;align-items:center;gap:10px;height:68px;padding:0 34px;font-size:10px;display:flex}.workspace-toolbar>div{align-items:center;gap:7px;display:flex}.toolbar-divider{background:#d6d6d6;width:1px;height:12px;margin:0 9px}.paper-size{color:#9b9b9b}.toolbar-right{gap:15px!important}.status-label{color:#949494;font-size:10px}.toolbar-right button{color:#6e6e6e;background:#ffffffa6;border:1px solid #ddd;border-radius:6px;padding:8px 10px;font-size:10px}.paper-wrap{max-width:1100px;margin:auto;padding:6px 34px 36px}.paper{background:#fff;flex-direction:column;width:100%;min-height:1050px;margin:auto;display:flex;box-shadow:0 6px 35px #38383810}.paper-header{color:#fff;background:#333;justify-content:space-between;align-items:center;gap:20px;padding:38px 39px 30px;display:flex}.company-brand{align-items:center;gap:13px;display:flex}.company-brand img{object-fit:contain;width:75px;height:50px}.company-brand b{letter-spacing:2px;font-size:16px;font-weight:500}.company-brand small{letter-spacing:3.5px;color:#c6c6c6;margin-top:8px;font-size:8px;display:block}.document-mark{gap:5px;width:46px;height:40px;display:flex;transform:skew(-18deg)}.document-mark i{background:#f8f8f8;width:23px}.document-mark i+i{background:#bfbfbf;width:9px}.quote-title{text-align:right}.quote-title h1{letter-spacing:2px;margin:0;font-size:26px;font-weight:700}.quote-title>span{letter-spacing:3px;color:#c6c6c6;margin-top:8px;font-size:9px;display:block}.document-subhead{letter-spacing:1.2px;color:#949494;border-bottom:1px solid #ededed;justify-content:space-between;padding:11px 39px;font-size:7px;display:flex}.document-subhead>span:last-child{color:#6d6d6d;letter-spacing:.7px;font-weight:600}.client-grid{border-bottom:1px solid #ececec;grid-template-columns:1fr 1.25fr 1fr;gap:22px 24px;padding:28px 39px;display:grid}.client-grid small{color:#999;letter-spacing:.8px;margin-bottom:8px;font-size:7px;font-weight:600;display:block}.client-grid small span{letter-spacing:.2px;margin-left:4px;font-weight:400}.client-grid b{word-break:break-word;font-size:11px;line-height:1.7}.client-grid p{word-break:break-word;margin:0;font-size:10px}.document-body{flex:1;padding:28px 39px 35px}.document-section-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.document-section-heading h2{letter-spacing:1px;margin:0;font-size:12px}.document-section-heading h2 small{color:#a0a0a0;letter-spacing:1px;margin-left:10px;font-size:7px;font-weight:500}.document-section-heading>span{color:#a8a8a8;letter-spacing:1px;font-size:8px}table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:9px}thead{color:#fff;background:#363636}th{text-align:left;letter-spacing:.7px;padding:12px 8px;font-size:9px;font-weight:500}th:nth-child(n+4),td:nth-child(n+4){text-align:right}td{vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #ededed;padding:17px 8px;line-height:1.6}td:first-child,th:first-child{padding-left:12px}td:last-child,th:last-child{padding-right:12px}.row-number{color:#aeaeae;font-size:8px}.category-label{color:#a8a8a8;margin-top:4px;font-size:7px;display:block}.description{color:#8c8c8c;white-space:pre-wrap;font-size:8px}.row-amount{font-weight:600}.totals-area{justify-content:space-between;gap:25px;margin:23px 0 30px;display:flex}.validity{color:#aeaeae;flex-direction:column;justify-content:center;padding-top:18px;display:flex}.validity>span{letter-spacing:1px;font-size:10px;line-height:1.9}.validity>small{letter-spacing:1px;color:#bebebe;margin-top:9px;font-size:6px}.totals{width:270px}.totals>div{border-bottom:1px solid #ededed;justify-content:space-between;align-items:center;padding:10px 12px;font-size:9px;display:flex}.totals>div>span{color:#939393}.totals>div>b{font-weight:500}.totals .grand-total{color:#fff;background:#363636;border:0;margin-top:4px;padding:16px 12px}.grand-total>span{font-size:8px;color:#d9d9d9!important}.grand-total>b{letter-spacing:-.7px;font-size:22px;font-weight:600!important}.grand-total small{margin-right:5px;font-size:10px;font-weight:400}.document-notes{border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:18px 0}.document-notes h3{letter-spacing:.5px;margin:0 0 10px;font-size:9px;font-weight:600}.document-notes small{color:#a6a6a6;letter-spacing:.9px;margin-left:8px;font-size:7px;font-weight:400}.document-notes p{white-space:pre-wrap;color:#989898;margin:0;font-size:8px;line-height:2.1}.signatures{grid-template-columns:1fr 1fr;gap:32px;margin-top:28px;display:grid}.sign-title{justify-content:space-between;align-items:center;font-size:9px;font-weight:600;display:flex}.sign-title span{color:#b2b2b2;letter-spacing:1px;font-size:6px;font-weight:400}.signature-space{justify-content:center;align-items:center;height:100px;display:flex}.stamp-placeholder{color:#adadad;letter-spacing:1px;font-size:9px}.stamp-placeholder small{text-align:center;color:#cacaca;margin-top:8px;font-size:7px;display:block}.sign-line{color:#b3b3b3;border-top:1px solid #e5e5e5;padding-top:8px;font-size:7px}.paper-footer{color:#a3a3a3;letter-spacing:.6px;border-top:1px solid #e4e4e4;justify-content:space-between;align-items:center;gap:15px;margin:0 39px;padding:19px 0;font-size:6px;display:flex}.paper-footer>span:first-child{color:#898989;letter-spacing:1.5px;font-weight:700}.preview-caption{text-align:center;color:#a8a8a8;letter-spacing:.5px;margin-top:20px;font-size:9px}.empty-paper{color:#cbcbcb;flex-direction:column;align-items:center;gap:12px;padding:45px 15px;display:flex}.empty-paper b{color:#939393;font-size:11px}.empty-paper span{font-size:9px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18181877;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{color:#3a3a3a;background:#fff;border-radius:13px;width:610px;max-height:90dvh;padding:28px;overflow:auto;box-shadow:0 20px 80px #1a1a1a40}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-heading small{letter-spacing:2px;color:#9f9f9f;font-size:9px}.modal-heading h2{letter-spacing:1px;margin:6px 0 0;font-size:22px;font-weight:600}.modal-heading button,.history-row>button:not(.history-main){color:#979797;background:0 0;border:0;padding:8px}.search-box{color:#a5a5a5;background:#f4f4f4;border-radius:7px;align-items:center;gap:10px;padding:12px;display:flex}.search-box input{color:#3a3a3a;background:0 0;border:none;flex:1;font-size:12px}.history-list{margin-top:14px}.history-row{border-bottom:1px solid #ededed;align-items:center;display:flex}.history-main{text-align:left;background:0 0;border:0;flex:1;padding:18px 3px;display:block}.history-main small{color:#aaa;font-size:9px;display:block}.history-main b{margin:7px 0;font-size:14px;display:block}.history-main span{color:#959595;font-size:11px;display:block}.history-main em{float:right;color:#505050;font-style:normal}.empty-history{color:#b4b4b4;flex-direction:column;align-items:center;gap:15px;padding:40px 10px;display:flex}.empty-history b{color:#8e8e8e;font-size:14px}.empty-history p{margin:0;font-size:11px}.modal-hint{color:#a2a2a2;font-size:11px;line-height:1.9}.settings-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.modal .field>span{color:#7e7e7e}.modal .field input{color:#424242;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f6f6f6;border-color:#e8e8e8}.upload-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.upload-box{color:#a2a2a2;cursor:pointer;border:1px dashed #d0d0d0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:130px;display:flex;position:relative}.upload-box span{font-size:11px}.upload-box small{font-size:8px}.upload-box input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.upload-box img{object-fit:contain;max-width:120px;height:55px}.remove-upload{color:#a0a0a0;background:0 0;border:0;padding:7px;font-size:10px}.primary-modal{color:#fff;background:#363636;border:0;border-radius:7px;width:100%;margin-top:25px;padding:13px}.toast{z-index:40;color:#fff;white-space:normal;background:#383838;border-radius:8px;align-items:center;gap:10px;max-width:90%;padding:14px 21px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 4px 25px #30303033}.toast svg{color:#cecece;flex-shrink:0}.error{color:#9d6644;background:#fff2e9;padding:14px;font-size:11px;line-height:1.8}.error button{margin-left:10px}.mobile-tabs{display:none}.loading{color:#fff;letter-spacing:4px;background:#303030;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100dvh;display:flex}.loading span{letter-spacing:1px;color:#9e9e9e;font-size:11px}@media (min-width:1550px){.editor{width:440px;min-width:440px}.paper-wrap{max-width:1080px;padding-top:18px}.workspace-toolbar{padding:0 45px}.paper{min-height:1220px}.paper-header{padding:45px}.document-body{padding:34px 45px}.client-grid{padding:32px 45px}.paper-footer{margin:0 45px}.signature-space{height:130px}td{padding-top:22px;padding-bottom:22px}}@media (max-width:1150px){.editor{width:360px;min-width:360px}.app-head{padding:22px 17px}.brand b{font-size:14px}.brand small{font-size:8px}.brandmark{font-size:22px}.head-buttons{gap:3px}.head-buttons button{width:27px}.editor section{padding:22px 17px}.paper-wrap{min-width:620px;padding:5px 20px 30px}.workspace-toolbar{min-width:620px;padding:0 22px}.paper-header{padding:30px}.company-brand b{letter-spacing:1px;font-size:12px}.company-brand small{font-size:6px}.quote-title h1{font-size:21px}.client-grid{gap:19px 15px;padding:25px}.document-body{padding:25px}.document-subhead{padding:10px 25px}.paper-footer{margin:0 25px}.paper{min-height:930px}}@media (max-width:760px){.app{height:calc(100dvh - 53px)}.editor{width:100%;min-width:0}.app-head{padding:19px 22px}.brand b{font-size:17px}.brand small{font-size:10px}.head-buttons button{width:33px;height:33px}.editor section{padding:24px}.editor-footer{padding:15px 24px}.tab-edit .workspace,.tab-preview .editor{display:none}.workspace{width:100%}.workspace-toolbar{min-width:0;height:58px;padding:0 15px}.toolbar-right .status-label{display:none}.toolbar-right button{font-size:9px}.paper-wrap{min-width:0;padding:0 10px 25px;overflow:auto}.paper{width:650px;min-height:920px}.preview-caption{width:650px}.mobile-tabs{z-index:10;background:#fff;border-top:1px solid #e5e5e5;height:53px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tabs button{color:#999;background:0 0;border:0;flex:1;font-size:12px}.mobile-tabs button.active{color:#4f4f4f;background:#f6f6f6}.toast{width:max-content;max-width:90%;bottom:70px}.modal{padding:22px}.settings-grid{grid-template-columns:1fr}.modal-backdrop{padding:14px}.modal{max-height:88dvh}.signatures{gap:22px}}@media print{@page{size:A4;margin:10mm}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff}.app{height:auto;display:block;overflow:visible}.editor,.workspace-toolbar,.preview-caption,.mobile-tabs,.modal-backdrop,.toast{display:none!important}.workspace{background:#fff;overflow:visible;display:block!important}.paper-wrap{min-width:0;max-width:none;padding:0;overflow:visible}.paper{width:100%;box-shadow:none;min-height:274mm}.paper-header{padding:25px 30px}.document-body,.client-grid{padding:24px 30px}.paper-footer{margin:0 30px}.paper tr,.totals-area,.document-notes,.signatures{break-inside:avoid}.signature-space{height:100px}thead{display:table-header-group}.paper-footer{margin-top:auto}.document-subhead{padding:10px 30px}}.studio-logo{aspect-ratio:1178/269;flex-shrink:0;width:220px;display:block;position:relative;overflow:hidden}.studio-logo img{top:-310.037%;left:-36.078%;object-fit:initial!important;width:173.854%!important;max-width:none!important;height:auto!important;max-height:none!important;position:absolute!important}.brand{flex-direction:column;align-items:flex-start;gap:0;min-width:0;display:flex}.brand small{color:#b6b6b6;letter-spacing:1px;margin-top:10px}.company-brand{min-width:0}.company-brand .studio-logo{width:290px;max-width:100%}.paper-footer .studio-logo{filter:brightness(.42);width:125px}.loading .studio-logo{width:280px}.editor{background:#292929}.workspace{background:#383838}.workspace-toolbar,.paper-size,.status-label,.preview-caption{color:silver}.paper-header{background:#292929}.editor-footer{background:#242424}.field input,.field select,.field textarea{background:#363636;border-color:#505050}.edit-item{background:#242424}.preset{background:#303030}.chips button{background:#414141}.export-btn{color:#292929;background:#e1e1e1;border-color:#e1e1e1}.upload-grid{grid-template-columns:1fr}@media (max-width:1150px){.brand .studio-logo{width:200px}.company-brand .studio-logo{width:240px}.brand small{font-size:8px}}@media (max-width:760px){.brand .studio-logo{width:210px}.brand small{font-size:9px}.mobile-tabs{background:#292929;border-color:#505050}.mobile-tabs button{color:#bcbcbc}.mobile-tabs button.active{color:#fff;background:#414141}}@media print{.workspace{background:#fff!important}.paper-header{background:#292929!important}}.editor-scroll,.workspace{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0}.head-buttons{flex-shrink:0}.head-buttons button{width:36px;height:36px}.app-head{gap:12px}.brand{flex:1}.brand .studio-logo{width:100%;max-width:225px}.preview-actions{display:none}.history-main{overflow-wrap:anywhere;min-width:0}.search-box input,.settings-grid>*{min-width:0}.item-actions{flex-shrink:0}@media screen and (max-width:1100px){.app{height:calc(100dvh - 58px - env(safe-area-inset-bottom));overflow:hidden}.editor{width:100%;min-width:0}.tab-edit .workspace,.tab-preview .editor{display:none}.app-head{padding:16px 20px}.head-buttons{gap:6px}.head-buttons button{width:44px;height:44px}.brand .studio-logo{width:210px;max-width:100%}.brand small{font-size:10px}.editor-scroll>section{width:100%;max-width:760px;margin:auto;padding:24px}.editor-footnote{padding:20px}.editor-footer{padding:14px max(20px,50% - 356px)}.footer-actions button{min-height:46px;font-size:13px}.footer-summary>span{font-size:12px}.field input,.field select,.field textarea,.item-top>input,.item-numbers input,.edit-item>textarea,.search-box input{min-height:44px;font-size:16px!important}.field>span{font-size:12px}.section-title{font-size:14px}.helper{font-size:12px}.preset-head{min-height:48px}.preset-head b{font-size:14px}.chips button{min-height:44px;padding:10px 12px;font-size:12px}.add-custom{min-height:46px;font-size:13px}.item-top{flex-wrap:wrap;gap:6px}.item-top>input{flex:1;width:0}.item-actions button{width:44px;height:44px}.item-numbers{grid-template-columns:1fr 1fr 1.7fr;gap:10px}.item-numbers label{min-width:0}.item-numbers span{color:#b5b5b5;font-size:11px}.item-total{border-top:1px solid #454545;grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:9px;display:flex}.item-total span{margin:0}.item-total b{font-size:16px}.edit-item>textarea{line-height:1.7}.workspace{width:100%;overflow:auto}.workspace-toolbar{flex-wrap:wrap;min-width:0;height:auto;min-height:58px;padding:12px 16px}.toolbar-right{gap:8px!important}.toolbar-right button{min-height:44px;font-size:11px}.toolbar-right .status-label{display:none}.preview-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:0 12px 14px;display:flex}.preview-actions button{color:#eee;background:#292929;border:1px solid #666;border-radius:6px;min-height:44px;padding:8px 12px;font-size:12px}.paper-wrap{min-width:0;max-width:none;padding:0 12px 24px;overflow:auto}.paper{zoom:var(--preview-scale,1);width:794px;min-height:1123px}.paper-header{padding:38px 39px 30px}.company-brand .studio-logo{width:290px}.document-body{padding:28px 39px 35px}.client-grid{padding:28px 39px}.paper-footer{margin:0 39px}.preview-caption{width:auto;margin-top:16px;font-size:11px;line-height:1.8}.mobile-tabs{height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:10;background:#292929;border-top:1px solid #555;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tabs button{color:#bbb;background:0 0;border:0;flex:1;min-height:58px;font-size:14px}.mobile-tabs button.active{color:#fff;background:#414141}.modal-backdrop{padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.modal{width:610px;max-width:100%;max-height:calc(100dvh - 32px);padding:24px}.modal-heading button,.history-row>button:not(.history-main){min-width:44px;min-height:44px}.settings-grid{grid-template-columns:1fr 1fr}.modal .field input{font-size:16px}.primary-modal{min-height:48px}.toast{bottom:calc(74px + env(safe-area-inset-bottom));font-size:13px}.modal-hint{color:#666;font-size:12px}}@media screen and (max-width:480px){.app-head{padding:12px}.brand .studio-logo{width:170px}.brand small{letter-spacing:.5px;font-size:8px}.head-buttons{gap:2px}.head-buttons button{width:40px;height:44px}.editor-scroll>section{padding:22px 16px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.editor-footer{padding:12px 16px}.section-title small{font-size:8px}.settings-grid{grid-template-columns:1fr}.modal{padding:20px}.history-main em{float:none;margin-top:8px;display:block}.item-top>input{flex-basis:calc(100% - 24px)}.item-actions{margin-left:auto}.item-numbers{grid-template-columns:1fr 1fr}.item-numbers label:last-of-type{grid-column:1/-1}.workspace-toolbar{gap:8px}.paper-size{font-size:9px}}@media screen and (max-height:500px) and (max-width:1100px){.editor-footer{padding-top:8px;padding-bottom:8px}.footer-summary{margin-bottom:6px}.app-head{padding-top:8px;padding-bottom:8px}}@media print{.preview-actions{display:none!important}.paper{zoom:1!important}.paper-wrap{overflow:visible!important}}.signature-space{height:132px}.signature-space img{object-fit:contain;max-width:150px;max-height:120px}@media print{.signature-space{height:132px}.signature-space img{max-width:150px;max-height:120px}}.company-sign-date{justify-content:space-between;align-items:center;gap:12px;display:flex}.company-sign-date time{color:#666;white-space:nowrap;font-variant-numeric:tabular-nums}.editor-footnote{flex-direction:column;align-items:center;gap:12px;display:flex}.workspace-home-link{color:#ccc;align-items:center;min-height:44px;font-size:12px;text-decoration:none;display:inline-flex}.workspace-home-link:hover{color:#fff}.workspace-home-link:focus-visible{outline-offset:4px;outline:2px solid #ccc}.customer-block{min-width:0;margin-bottom:20px}.customer-tools{align-items:stretch;gap:8px;margin-bottom:17px;display:flex}.customer-select-label{flex:1;min-width:0}.customer-tools select{color:#ddd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#343434;border:1px solid #545454;border-radius:6px;width:100%;min-height:40px;padding:8px;font-size:11px}.customer-tools>button{white-space:nowrap;color:#ddd;background:#3b3b3b;border:1px solid #555;border-radius:6px;min-height:40px;padding:8px 10px;font-size:11px}.sr-customer{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.customer-type{background:#222;border:1px solid #444;border-radius:7px;gap:4px;max-width:270px;margin-bottom:17px;padding:4px;display:flex}.customer-type button{color:#aaa;background:0 0;border:0;border-radius:4px;flex:1;min-height:36px;padding:7px 12px;font-size:11px}.customer-type button[aria-pressed=true]{color:#fff;background:#555}.lookup-input{min-width:0;display:flex;position:relative}.lookup-input input{padding-right:38px!important}.lookup-input input:disabled{opacity:.6;cursor:default;background:#292929}.lookup-input>button{color:#ccc;background:0 0;border:0;min-width:34px;padding:0 8px;position:absolute;top:1px;bottom:1px;right:1px}.lookup-message{color:#bfbfbf;overflow-wrap:anywhere;align-items:center;gap:7px;margin:10px 0 0;font-size:10px;line-height:1.8;display:flex}.company-results{background:#232323;border:1px solid #5b5b5b;border-radius:7px;max-height:280px;margin-top:12px;overflow:auto}.company-results>button{text-align:left;color:#eee;white-space:normal;overflow-wrap:anywhere;background:0 0;border:0;border-bottom:1px solid #484848;flex-direction:column;align-items:flex-start;gap:5px;width:100%;padding:13px 12px;display:flex}.company-results>button:last-child{border-bottom:0}:is(.company-results>button:hover,.company-results>button:focus-visible){background:#444}.company-results b{font-size:12px;font-weight:500;line-height:1.65}.company-results span{color:#c5c5c5;font-size:11px}.company-results small{color:#a3a3a3;font-size:10px;line-height:1.6}.lookup-caption{color:#b0b0b0;margin:8px 0 0;font-size:10px;line-height:1.7}.customer-save-row{flex-direction:column;align-items:flex-start;gap:9px;margin-top:12px;display:flex}.customer-save-row button{color:#ccc;background:0 0;border:1px solid #555;border-radius:5px;min-height:34px;padding:6px 8px;font-size:10px}.customer-save-row>span{color:#aaa;font-size:10px;line-height:1.7}.customer-load-error{color:#eed5af;background:#474037;border-radius:5px;margin-bottom:12px;padding:10px;font-size:11px;line-height:1.8}.customer-load-error button{color:inherit;background:0 0;border:0;padding:5px;text-decoration:underline}.customer-backdrop{z-index:25}.customer-dialog{width:700px}.customer-dialog .customer-type{background:#ededeb;border-color:#d1d1ce}.customer-dialog .customer-type button{color:#666}.customer-dialog .customer-type button[aria-pressed=true]{color:#fff;background:#41413e}.customer-dialog .lookup-input>button{color:#555}.customer-dialog .lookup-message,.customer-dialog .lookup-caption{color:#67675f}.customer-dialog .field textarea{color:#333;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;resize:vertical;background:#f6f6f3;border-color:#d5d5ce}.customer-detail-grid{margin-top:22px}.customer-notes{margin-top:18px}.customer-back{color:#666;background:0 0;border:0;min-height:44px;padding:0 0 18px;font-size:12px}.customer-error{color:#964b28;background:#fff1e9;border-radius:5px;padding:12px;font-size:12px;line-height:1.8}.customer-notice{color:#405d40;background:#eaf1e9;border-radius:5px;padding:12px;font-size:12px;line-height:1.8}.customer-list-toolbar{justify-content:space-between;gap:12px;margin-bottom:18px;display:flex}.customer-add{color:#fff;background:#363633;border:0;border-radius:6px;min-height:44px;padding:11px 15px;font-size:12px}.customer-archive-toggle{color:#666;background:0 0;border:1px solid #ccc;border-radius:6px;min-height:44px;padding:10px 13px;font-size:12px}.customer-archive-toggle[aria-pressed=true]{background:#e9e9e4}.customer-list{margin-top:15px}.customer-row{border-bottom:1px solid #deded7;justify-content:space-between;align-items:center;gap:12px;padding:17px 0;display:flex}.customer-row>div:first-child{overflow-wrap:anywhere;flex:1;min-width:0}.customer-row b{font-size:14px;font-weight:500;line-height:1.65;display:block}.customer-row small{color:#666;margin-top:5px;font-size:11px;display:block}.customer-row span{color:#777;margin-top:5px;font-size:11px;line-height:1.8;display:block}.customer-row-actions{flex-shrink:0;display:flex}.customer-row-actions button{color:#666;background:0 0;border:0;border-radius:5px;width:44px;height:44px}.customer-row-actions button:hover{background:#efefea}.customer-spinner{flex-shrink:0;animation:1s linear infinite customer-spin}@keyframes customer-spin{to{transform:rotate(360deg)}}@media screen and (max-width:1100px){.customer-tools select,.customer-tools>button{min-height:44px;font-size:12px}.customer-tools select{font-size:16px}.customer-type{max-width:320px}.customer-type button{min-height:44px;font-size:13px}.lookup-input>button{min-width:44px}.lookup-input input{padding-right:48px!important}.lookup-message,.lookup-caption,.customer-save-row>span{font-size:12px}.customer-save-row button{min-height:44px;font-size:12px}.company-results>button{min-height:60px;padding:14px}.company-results b{font-size:14px}.company-results span,.company-results small{font-size:12px}.customer-dialog{max-width:100%}.customer-dialog .field textarea{font-size:16px}.customer-row b{font-size:15px}.customer-row small,.customer-row span{font-size:12px}}@media screen and (max-width:480px){.customer-tools{flex-wrap:wrap}.customer-select-label{flex-basis:100%}.customer-tools>button{width:100%}.customer-detail-grid{grid-template-columns:1fr}.customer-row{align-items:flex-start}.customer-row-actions{flex-direction:column}.customer-dialog .customer-name-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.customer-spinner{animation:none}}body{color:#ededeb;background:#242424}button,input{font:inherit}.signing-page{max-width:100%;min-height:100dvh}.signing-header{z-index:10;background:#292929f5;border-bottom:1px solid #454545;justify-content:space-between;align-items:center;gap:20px;padding:18px max(24px,50vw - 500px);display:flex;position:sticky;top:0}.signing-header>.studio-logo{width:210px}.signing-header>span:not(.studio-logo){color:#ccc;font-size:12px}.signing-header b{color:#aaa;margin-top:6px;font-size:11px;font-weight:400;display:block}.signing-header button,.document-controls button,.sign-empty button{color:#f2f2f2;background:#3e3e3e;border:1px solid #686868;border-radius:6px;min-height:44px;padding:10px 14px;font-size:12px}.signing-intro{max-width:850px;margin:auto;padding:48px 24px 26px}.signing-intro>small,.signing-card>small{color:#aaa;letter-spacing:2px;font-size:10px}.signing-intro h1{margin:12px 0;font-size:27px;line-height:1.6}.signing-intro p{color:#bcbcb8;overflow-wrap:anywhere;font-size:13px;line-height:1.9}.signing-total{border-top:1px solid #484848;justify-content:space-between;align-items:center;gap:16px;margin-top:25px;padding:22px 0 6px;display:flex}.signing-total span{color:#c3c3c0;font-size:13px}.signing-total strong{font-size:29px;font-weight:500}.signing-intro .version-note{color:#aaa;font-size:12px}.document-view{max-width:850px;margin:auto;padding:0 24px}.document-controls{justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;display:flex}.document-controls h2{color:#ccc;font-size:13px;font-weight:400}.sign-paper-wrap{background:#242424;width:100%;padding-bottom:4px;overflow:auto}.sign-paper-wrap>div{width:100%}.signing-page .paper{zoom:var(--sign-scale,1);color:#303030;width:794px;min-width:794px;margin:0}.signing-page .paper .studio-logo{width:270px;display:inline-flex}.signing-page .paper .studio-logo img{object-fit:contain;width:100%;height:auto}.signing-page .paper-footer .studio-logo{width:115px}.signing-card{color:#30302c;background:#f4f3ef;border:1px solid #d5d3ca;border-radius:9px;max-width:802px;margin:32px auto;padding:32px}.signing-card h2{margin:10px 0 16px;font-size:22px}.signing-card>p{color:#66665d;font-size:13px;line-height:1.9}.sign-fields{grid-template-columns:1fr 1fr;gap:20px;margin:25px 0;display:grid}.sign-fields label{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.sign-fields b,.pad-head b{color:#666;font-size:10px;font-weight:400}.sign-fields label>span{color:#888;font-size:10px}.sign-fields input{color:#222;background:#fff;border:1px solid #cccac2;border-radius:6px;width:100%;min-height:48px;margin-top:4px;padding:10px;font-size:16px}.pad-head{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.pad-head>span{font-size:13px}.pad-head b{margin-left:7px}.pad-head button{color:#666;background:0 0;border:0;min-height:44px;padding:5px 10px;font-size:12px;text-decoration:underline}.canvas-wrap{background:#fff;border:1px solid #c8c6bc;border-radius:7px;position:relative;overflow:hidden}.canvas-wrap canvas{aspect-ratio:10/3;touch-action:none;cursor:crosshair;width:100%;display:block}.canvas-wrap>span{color:#b0afa7;pointer-events:none;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.signature-pad>small{color:#858378;margin-top:7px;font-size:11px;line-height:1.8;display:block}.consent{cursor:pointer;align-items:flex-start;gap:12px;margin-top:25px;font-size:13px;line-height:1.9;display:flex}.consent input{accent-color:#41413c;flex-shrink:0;width:22px;height:22px;margin:2px 0 0}.signing-card .sign-privacy{color:#858378;margin:14px 0 22px;font-size:11px}.sign-primary{color:#fff;background:#353531;border:1px solid #353531;border-radius:6px;justify-content:center;align-items:center;width:100%;min-height:50px;padding:12px 16px;font-size:14px;display:flex}.signing-card>small:last-child{text-align:center;color:#8b897e;letter-spacing:0;margin-top:15px;font-size:11px;line-height:1.9;display:block}.signing-card .sign-notice{color:#5d4d2c;background:#e5e1d6;border-radius:5px;padding:14px}.signed-result{text-align:center}.signed-result .signed-check{color:#3a5b3a;background:#dbe3d7;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin:auto;font-size:24px;display:flex}.signing-footer{text-align:center;color:#94948d;padding:12px 24px 36px;font-size:11px;line-height:2}.sign-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.sign-empty>.studio-logo{width:260px;margin-bottom:35px}.sign-empty h1{font-size:20px}.sign-empty p{color:#bbb;max-width:400px;font-size:14px;line-height:1.9}.sign-audit{color:#777;overflow-wrap:anywhere;border-top:1px solid #ddd;flex-direction:column;gap:6px;margin:0 39px 20px;padding:16px 0 0;font-size:8px;line-height:1.8;display:flex}.sign-audit b{color:#444}.mobile-reading{display:none}.signing-page .paper{page-break-after:auto!important}@media (max-width:700px){.signing-header{flex-wrap:wrap;gap:10px;padding:12px 16px}.signing-header>.studio-logo{width:155px}.signing-header>span:not(.studio-logo){flex-basis:100%;order:3;justify-content:space-between;align-items:center;font-size:11px;display:flex}.signing-header b{margin:0}.signing-header button{padding:8px 10px;font-size:11px}.signing-intro{padding:30px 18px 20px}.signing-intro h1{font-size:23px}.signing-total strong{font-size:25px}.document-view{padding:0 14px}.signing-card{margin:25px 14px;padding:23px 18px}.sign-fields{grid-template-columns:1fr;gap:18px}.signing-card h2{font-size:20px}.consent{font-size:14px}.canvas-wrap canvas{min-height:160px}.mobile-reading{color:#ddd;border:1px solid #555;border-radius:7px;margin:0 14px 23px;font-size:14px;line-height:1.9;display:block}.mobile-reading summary{cursor:pointer;padding:14px}.mobile-reading>div{padding:0 16px 20px}.mobile-reading dl{grid-template-columns:90px 1fr;gap:8px;display:grid}.mobile-reading dt{color:#999}.mobile-reading dd{overflow-wrap:anywhere;margin:0}.mobile-reading section{border-top:1px solid #555;margin-top:20px;padding-top:16px}.mobile-reading section small{color:#aaa;font-size:11px}.mobile-reading h3{margin:8px 0;font-size:15px}.mobile-reading p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.mobile-reading p b{text-align:right;font-weight:500;display:block}}@media print{@page{size:A4;margin:12mm}html,body{background:#fff!important;height:auto!important;overflow:visible!important}.signing-page{min-height:0}.signing-header,.signing-intro,.document-controls,.signing-card,.signing-footer,.mobile-reading{display:none!important}.document-view{max-width:none!important;margin:0!important;padding:0!important;display:block!important}.sign-paper-wrap,.sign-paper-wrap>div{background:#fff!important;width:100%!important;overflow:visible!important}.signing-page .paper{zoom:1!important;width:100%!important;min-width:0!important;box-shadow:none!important;min-height:0!important;margin:0!important;display:flex!important;position:static!important}.signing-page .paper-header,.signing-page thead,.signing-page .grand-total{-webkit-print-color-adjust:exact;print-color-adjust:exact}.signing-page tr,.signatures,.sign-audit,.signing-page .paper-footer{break-inside:avoid}.signing-page .paper .studio-logo{width:250px}.signing-page .paper-footer .studio-logo{width:115px}}