.document-workspace{max-width:1600px;margin:auto;padding:32px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.workspace-heading h1{font-size:30px;margin:10px 0 4px;line-height:1.4}.workspace-heading p{margin:0;color:#637487}.workspace-heading [data-actions]{display:flex;gap:10px;flex-shrink:0}.workspace-back{font-size:14px;color:#56718c;text-decoration:none}.workspace-eyebrow{font-size:14px;color:#1686ce;font-weight:600}.workspace-user{max-width:1600px;margin:auto;padding:12px 32px;display:flex;align-items:center;justify-content:flex-end;gap:18px;border-bottom:1px solid #e3eaf0;font-size:14px;color:#637487}.workspace-user button{padding:8px 14px}.workspace-status{min-height:25px;color:#53728a}.workspace-status.is-error,[data-message]{color:#a52b28}.muted{color:#68798b;font-size:14px;line-height:1.7}.workspace-loading{display:flex;justify-content:center;padding:80px}.account-card,.template-upload{max-width:480px;margin:32px auto 60px;padding:32px;border:1px solid #dce5ed;border-radius:18px;background:white}.account-card h1,.template-upload h1{font-size:28px;margin:16px 0}.account-card>p,.template-upload>p{color:#637487;line-height:1.7}.account-card label,.template-upload label,.template-inspector label,.template-fields label,.template-search{display:block;margin:16px 0 8px;font-size:15px;font-weight:500}.document-workspace input:not([type=checkbox]):not([type=color]),.document-workspace textarea{display:block;width:100%;min-width:0;box-sizing:border-box;border:1px solid #cddae5;border-radius:9px;padding:11px 12px;background:white;color:#192c3e;font:inherit;margin-top:7px}.document-workspace input:focus,.document-workspace textarea:focus{outline:2px solid #63b5e8;outline-offset:2px}.document-workspace textarea{min-height:90px;resize:vertical}.account-card form>.button,.template-upload form>.button{width:100%;margin-top:24px}.account-google{width:100%;justify-content:center}.account-google.unavailable{opacity:.5;cursor:not-allowed}.account-divider{display:flex;align-items:center;gap:16px;color:#7b8997;margin:24px 0 8px}.account-divider:before,.account-divider:after{content:'';height:1px;background:#e3eaf0;flex:1}.account-links{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px;font-size:14px}.account-links a{color:#197ebd}.template-search{max-width:420px}.template-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin-top:28px}.template-card{padding:24px;border:1px solid #dce5ed;background:#fff;border-radius:16px}.template-card h2{font-size:20px;overflow-wrap:anywhere}.template-card-icon{width:50px;height:50px;border-radius:12px;background:#eaf5ff;display:grid;place-items:center;color:#1686ce}.template-card-icon svg{width:30px;height:30px}.template-card-actions{display:flex;align-items:center;gap:14px;margin-top:18px}.template-card-actions a,.template-card-actions button{font:inherit;font-size:14px;padding:0;border:0;color:#56718c;background:none;cursor:pointer}.template-card>.button{width:100%;justify-content:center}.workspace-empty{grid-column:1/-1;text-align:center;padding:70px 20px;border:1px dashed #cddae5;border-radius:16px;background:#f8fbfe}.workspace-empty h2{font-size:24px}.workspace-empty p{color:#637487}.template-drop{padding:24px;background:#f4faff;border:1px dashed #75b7e2;border-radius:12px}.template-privacy{padding:18px;border-radius:12px;background:#f2f7fb;color:#526c81;font-size:14px;line-height:1.8;margin-top:22px}.template-workbench{display:grid;grid-template-columns:220px minmax(0,1fr) 280px;border:1px solid #dce5ed;border-radius:16px;overflow:hidden;min-height:700px}.template-workbench.is-fill{grid-template-columns:320px minmax(0,1fr)}.template-fields,.template-inspector{padding:22px;background:white;overflow:auto;max-height:85vh}.template-fields{border-right:1px solid #e3eaf0}.template-inspector{border-left:1px solid #e3eaf0}.template-fields h2,.template-inspector h2{font-size:18px;margin:0 0 18px}.template-fields .button{width:100%;font-size:14px}.template-field-link{display:block;border:1px solid #dce5ed;background:#f8fbfe;border-radius:9px;padding:12px;margin-top:12px;width:100%;text-align:left;cursor:pointer;font:inherit;overflow-wrap:anywhere}.template-stage{background:#edf2f7;min-width:0;padding:16px;text-align:center;overflow:hidden}.template-scroll{overflow:auto;min-height:450px;max-height:75vh;padding:14px;box-sizing:border-box}.template-paper{position:relative;width:fit-content;margin:auto;box-shadow:0 4px 20px #1c32451a;background:white}.template-paper canvas{display:block}.template-paper [data-overlay]{position:absolute;inset:0}.template-pagebar{display:flex;align-items:center;justify-content:center;gap:22px}.template-pagebar button{width:44px;height:44px;border:1px solid #cddae5;border-radius:9px;background:#fff;cursor:pointer;color:#192c3e}.template-box{position:absolute;box-sizing:border-box;border:1px dashed #1686ce;background:#e7f5ff9c;overflow:hidden;cursor:move;touch-action:none;line-height:1.6;padding:0;user-select:none}.template-box.is-selected{outline:2px solid #1686ce;outline-offset:1px}.template-box.is-output{background:transparent;border:0;cursor:default;pointer-events:none}.template-box.is-overflow{outline:2px solid #cf3e3e;background:#ffebeb80;overflow:visible}.template-field-error{display:block;font-size:13px;color:#b52b32;margin-top:6px}.template-fields [aria-invalid=true]{border-color:#c84045!important}.template-check{display:flex!important;align-items:center;gap:10px}.template-check input{width:18px;height:18px}.template-inspector .button{margin-top:14px;width:100%;font-size:14px}.template-name{font-size:26px!important;font-weight:600!important}.templates-landing{max-width:1100px;margin:auto;padding:72px 24px;text-align:center}.templates-landing h1{font-size:clamp(32px,4vw,52px);line-height:1.35;letter-spacing:-1px;margin:20px 0}.templates-landing>p{font-size:19px;color:#637487;line-height:1.8}.templates-landing>.muted{font-size:14px}.template-benefits{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;gap:28px;margin-top:64px}.template-benefits article{padding:24px;border:1px solid #dce5ed;border-radius:14px}.template-benefits span{color:#1686ce;font-size:14px}.template-benefits h2{font-size:21px}.template-benefits p{color:#637487;line-height:1.8}.templates-landing .template-privacy{margin-top:40px}.templates-landing .template-privacy h2{font-size:20px}.document-workspace button:focus-visible{outline:3px solid #63b5e8;outline-offset:3px}.document-workspace button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:1100px){.template-workbench{grid-template-columns:180px minmax(0,1fr)}.template-inspector{grid-column:1/-1;max-height:none;border-left:0;border-top:1px solid #dce5ed}.template-inspector [data-inspector]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.workspace-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.document-workspace{padding:20px 14px}.workspace-user{padding:10px 14px}.template-workbench,.template-workbench.is-fill{display:flex;flex-direction:column}.template-fields{max-height:none;border-right:0;border-bottom:1px solid #dce5ed}.template-inspector [data-inspector]{grid-template-columns:1fr 1fr}.template-stage{padding:10px}.template-scroll{padding:4px;max-height:65vh}.workspace-heading h1{font-size:25px}.workspace-heading [data-actions]{flex-wrap:wrap}.account-card,.template-upload{padding:24px 18px;margin:12px auto}.template-benefits{grid-template-columns:1fr}.templates-landing{padding:40px 20px}.template-card-actions{gap:22px}.template-card-actions a,.template-card-actions button{min-height:44px;display:inline-flex;align-items:center}}

.template-mobile-tabs{display:none}
@media(max-width:700px){.template-mobile-tabs{display:flex;gap:8px;margin-bottom:14px}.template-mobile-tabs button{flex:1}.template-mobile-tabs [aria-pressed=true]{background:#e8f5ff;border-color:#1686ce;color:#11649d}.is-fill[data-mobile-view=form] .template-stage,.is-fill[data-mobile-view=preview] .template-fields{display:none}}

.template-page-picker{text-align:left;margin-bottom:12px}.template-page-picker summary{cursor:pointer;padding:12px}.template-page-picker>div{display:flex;overflow:auto;gap:12px;max-height:190px;padding:10px}.template-page-picker button{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;font-size:12px}.template-page-picker canvas{max-height:130px;object-fit:contain}

@media(max-width:700px){.template-workbench.is-fill{min-height:0}.workspace-user{flex-wrap:wrap}.workspace-user span{overflow-wrap:anywhere;min-width:0}}

/* A compact workspace with one properties rail and a stable paper viewport. */
.document-workspace{max-width:1120px;padding:28px 24px 48px;box-sizing:content-box}
.document-workspace.has-workbench{max-width:1280px}
.workspace-heading{gap:16px;margin-bottom:16px}.workspace-heading h1{font-size:26px}
.workspace-status{font-size:14px;margin:8px 0 14px;min-height:24px}
.template-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.template-card{position:relative;padding:18px;border-radius:12px}
.template-card-icon{width:100%;height:180px;border-radius:8px;background:#f0f3f6;overflow:hidden;pointer-events:none}
.template-card-icon canvas{max-height:158px;max-width:100%;object-fit:contain;box-shadow:0 2px 8px #17243314}
.template-card h2{font-size:18px;margin:16px 36px 4px 0}.template-card>.muted{margin:0 0 16px}
.template-card-menu{position:absolute;right:14px;top:207px}
.template-card-menu summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;border-radius:8px;font-size:24px}
.template-card-menu summary::-webkit-details-marker{display:none}
.template-card-menu summary:hover{background:#edf7ff}
.template-card-menu .template-card-actions{position:absolute;right:0;top:42px;width:168px;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:6px;background:white;border:1px solid #dce5ed;border-radius:10px;box-shadow:0 8px 25px #17243320;z-index:3}
.template-card-actions a,.template-card-actions button{min-height:44px;padding:10px 12px;text-align:left;border-radius:6px}
.template-card-actions a:hover,.template-card-actions button:hover{background:#edf7ff}
.template-workbench,.template-workbench.is-fill{grid-template-columns:minmax(0,1fr) 300px;min-height:0;align-items:stretch}
.template-stage{grid-column:1;grid-row:1;padding:12px;min-width:0}
.template-sidebar{grid-column:2;grid-row:1;max-height:calc(100dvh - 230px);overflow:auto;background:white;border-left:1px solid #dce5ed;min-width:0}
.template-fields,.template-inspector{max-height:none;overflow:visible;padding:18px;border:0}
.template-inspector{border-top:1px solid #e3eaf0}
.template-inspector [data-inspector]{display:block}
.template-fields h2,.template-inspector h2{font-size:16px;margin-bottom:12px}
.template-scroll{height:calc(100dvh - 340px);min-height:420px;max-height:900px;padding:16px}
.template-pagebar{gap:8px;flex-wrap:wrap;font-size:13px}
.template-pagebar button{width:auto;min-width:36px;height:36px;padding:6px 10px;font-size:13px}
.template-zoom-label{min-width:38px}
.template-font-name{font-size:13px;color:#4e667c;margin:0 0 12px}
.template-box{overflow:visible;background:#e7f5ff50}
.template-box-label{position:absolute;bottom:100%;left:-1px;max-width:240px;padding:2px 6px;background:#e7f5ff;border:1px solid #1686ce;border-radius:4px 4px 0 0;font:500 12px/1.5 Sarabun,sans-serif;color:#155f91;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.template-box.is-output{overflow:hidden}
.template-box.is-overflow{overflow:visible}
.template-paper [data-overlay][hidden]{display:none}
.template-name{font-size:23px!important;margin:0!important}
.template-inspector textarea{min-height:64px}
@media(max-width:1000px){.template-list{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-heading{flex-direction:row;align-items:center}.template-workbench,.template-workbench.is-fill{grid-template-columns:minmax(0,1fr) 280px}.workspace-heading [data-actions]{flex-wrap:wrap}}
@media(max-width:700px){.document-workspace{padding:20px 14px 32px;box-sizing:border-box}.workspace-heading{flex-direction:column;align-items:stretch}.workspace-heading [data-actions]{gap:8px}.workspace-heading [data-actions]>.button{flex:1;white-space:nowrap;padding:10px 12px;font-size:14px}.template-list{grid-template-columns:1fr}.template-card-icon{height:160px}.template-card-menu{top:187px}.template-workbench,.template-workbench.is-fill{display:flex;flex-direction:column}.template-sidebar{max-height:none;border-left:0}.template-scroll{min-height:330px;height:55dvh;padding:8px}.template-inspector [data-inspector]{display:block}.is-fill[data-mobile-view=preview] .template-sidebar{display:none}.is-fill[data-mobile-view=form] .template-sidebar{display:block}.template-pagebar button{min-width:44px;min-height:44px}.template-stage{padding:8px}.template-box-label{max-width:150px}}