:root{--bg: #f4f6f8;--panel: #ffffff;--line: #d7dce1;--text: #102333;--muted: #5f7283;--action: #005ea2;--switch-blue: #4296f4;--action-text: #ffffff;--ok: #0f6d3e}*{box-sizing:border-box}body{margin:0;font-family:"Source Sans 3",Segoe UI,sans-serif;color:var(--text);background:var(--bg);height:100vh;overflow:hidden}.phone-block{display:none;min-height:100vh;padding:24px;align-items:center;justify-content:center;background:var(--bg)}.phone-block-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;text-align:center}.phone-block-card h1{margin:0 0 10px;font-size:1.4rem}.phone-block-card p{margin:0;color:var(--muted)}.phone-blocked body{height:auto;overflow:auto}.phone-blocked .layout,.phone-blocked .modal{display:none!important}.phone-blocked .phone-block{display:flex}.layout{display:grid;grid-template-columns:1fr 320px;gap:12px;padding:12px;height:100vh;overflow:hidden}.viewer{grid-column:1;grid-row:1}.panel{grid-column:2;grid-row:1}.panel,.viewer{background:var(--panel);border:1px solid var(--line);border-radius:6px}.panel{padding:12px;overflow-y:auto;min-height:0;display:flex;flex-direction:column}#status{margin-top:auto;padding-top:10px}.panel h2{font-size:.98rem;margin:14px 0 8px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 8px}.section-head h2{margin:0}.label{display:block;font-size:.9rem;margin:10px 0 6px}input[type=file],select,button{width:100%;font:inherit}input[type=file],select,button,.dropzone{border:1px solid var(--line);border-radius:4px;background:#fff;padding:9px}button{cursor:pointer;background:#f8fafc}button:hover{background:#eef3f7}button:disabled,button:disabled:hover{cursor:not-allowed;opacity:.5}button.primary{background:var(--switch-blue);color:var(--action-text);border-color:var(--switch-blue);margin-top:8px}button.primary:hover{opacity:.92}button.primary:disabled,button.primary:disabled:hover{opacity:.5}.dropzone{position:relative;text-align:center;color:var(--muted);cursor:pointer}.upload-control-row{--upload-control-height: 40px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.upload-control-row>input[type=file],.upload-control-row .dropzone{height:var(--upload-control-height);min-height:var(--upload-control-height)}.upload-control-row .dropzone{display:flex;align-items:center;justify-content:center;padding:0 12px;min-width:0}#pdfDropText,#stampDropText,#esignDropText{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-clear-btn{width:var(--upload-control-height);height:var(--upload-control-height);min-width:var(--upload-control-height);padding:0;border-radius:4px;border:1px solid #e9b8c1;background:#fff4f6;color:#d46b7c;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.file-clear-btn:hover,.file-clear-btn:focus-visible{background:#cb4157;border-color:#cb4157;color:#fff}.file-clear-btn:focus-visible{outline:none}.file-clear-btn svg{width:20px;height:20px;display:block}.file-clear-btn[hidden]{display:none!important}.dropzone.dragover{border-color:var(--action);color:var(--action);background:#f0f7ff}.dropzone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.panel-separator{border:0;border-top:1px solid #dfe6ed;margin:12px 0}.mini-switch{--sign-mode-index: 0;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;padding:0;border:1px solid #ccd8e3;border-radius:6px;background:#eff4f9;overflow:hidden}.mini-switch-btn{position:relative;z-index:2;width:100%;border:0;border-radius:0;min-height:30px;padding:5px 8px;font-size:.84rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;color:#4f667a;background:transparent}.mini-switch-btn:not(:last-of-type){border-right:1px solid #d1dbe5}.mini-switch-btn:hover{background:transparent}.mini-switch-btn.is-active{color:#173a56;background:#fff}.mini-switch-indicator{display:none}.sign-mode-pane{margin-top:10px}.label-with-info{display:flex;align-items:center;gap:6px}.label-with-info>label{margin:0}.inline-info-wrap{position:relative;display:inline-flex;align-items:center}.inline-info-btn{width:18px;min-width:18px;height:18px;padding:0;border:0;border-radius:0;background:transparent;color:#233f57;display:inline-flex;align-items:center;justify-content:center}.inline-info-btn svg{width:16px;height:16px;display:block}.inline-info-btn:hover,.inline-info-btn:focus-visible{background:transparent;color:#102333}.inline-info-btn:focus-visible{outline:2px solid rgba(66,150,244,.35);outline-offset:2px}.inline-tooltip{position:absolute;left:0;top:calc(100% + 8px);min-width:210px;max-width:min(270px,calc(100vw - 64px));padding:8px 10px;border:1px solid #bed0e2;border-radius:6px;background:#fff;box-shadow:0 10px 20px #0f233526;color:#3f5d76;font-size:.8rem;line-height:1.35;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease;z-index:12}.inline-info-wrap:hover .inline-tooltip{opacity:1;transform:translateY(0)}.sign-mode-pane[hidden],.style-group[hidden]{display:none!important}.sign-box{border:1px solid var(--line);border-radius:4px;padding:8px}#signCanvas{width:100%;height:120px;border:1px solid var(--line);border-radius:4px;touch-action:none;background:linear-gradient(45deg,#eef3f7 25%,transparent 25%),linear-gradient(-45deg,#eef3f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef3f7 75%),linear-gradient(-45deg,transparent 75%,#eef3f7 75%),#fff;background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.check{display:flex;align-items:center;gap:8px;margin:8px 0}.hint,.status{font-size:.9rem;color:var(--muted)}.asset-switch{--asset-index: 0;margin-top:8px;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:0;padding:0;border:1px solid #ccd8e3;border-radius:6px;background:#eff4f9;overflow:hidden}.asset-tab-btn{position:relative;z-index:2;width:100%;border:0;border-radius:0;padding:6px 8px;min-height:32px;background:transparent;font-size:.84rem;font-weight:700;color:#4f667a;line-height:1;display:flex;align-items:center;justify-content:center;transition:color .18s ease,background-color .18s ease}.asset-tab-btn:not(:last-of-type){border-right:1px solid #d1dbe5}.asset-tab-btn:hover{background:transparent}.asset-tab-btn.is-active{color:#fff;background:var(--switch-blue)}.asset-switch-indicator{display:none}.asset-panels{margin-top:10px;min-height:var(--asset-panel-max-height, 0px)}.asset-panel{border:1px solid #d8e0e7;border-radius:6px;background:#fbfdff;padding:12px}.asset-panel>*+*{margin-top:10px}.asset-panel>.label+select,.asset-panel>.label+input[type=file]{margin-top:0}.asset-panel .check{margin:0}.asset-panel.is-active{animation:none}.style-group{padding:0;display:grid;gap:8px}.style-group+.style-group{border-top:0}.style-label{margin:0}.tone-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:0}.tone-row-wide{grid-template-columns:repeat(8,minmax(0,1fr))}.tone-btn{width:100%;min-height:26px;padding:0;border:1px solid #c4d2de;border-radius:8px;background:#fff}.tone-btn.is-active{border-color:#173a56;box-shadow:inset 0 0 0 2px #fff}.tone-btn[data-tone=black]{background:#202a34}.tone-btn[data-tone=red]{background:#b73a3f}.tone-btn[data-tone=orange]{background:#d67a2f}.tone-btn[data-tone=yellow]{background:#c9ad2a}.tone-btn[data-tone=green]{background:#228754}.tone-btn[data-tone=blue]{background:#2f63be}.tone-btn[data-tone=indigo]{background:#6253b8}.tone-btn[data-tone=violet]{background:#9454b0}.sat-label{margin:0;display:flex;align-items:center;justify-content:space-between}.sat-value{font-size:.8rem;color:#4e6477;font-weight:700}.layer-editor{display:grid;gap:10px}.component-card{border:1px solid #cbd6df;border-radius:6px;background:#fff;overflow:hidden;cursor:default;transition:opacity .14s ease,box-shadow .18s ease;will-change:transform}.component-card:active{cursor:default}.component-card.is-dragging{opacity:.45;box-shadow:0 8px 20px #10233333}.component-card.is-drop-target{border-color:#477ca8;background:#eef6fc;box-shadow:0 0 0 2px #477ca829}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.96;pointer-events:none;box-shadow:0 14px 28px #10233342}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;user-select:none!important}.gu-transit{opacity:0!important}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#10233359;display:grid;place-items:center;z-index:20}.modal.hidden{display:none}.modal-panel{width:min(980px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow-x:hidden;overflow-y:auto;background:#fff;border:1px solid #bac6d1;border-radius:6px;padding:16px;box-shadow:0 6px 20px #0f213038}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.modal-head h2{margin:0;font-size:1.15rem}.modal-head button{width:auto;padding:6px 12px}.composer-layout{display:grid;grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:20px;align-items:start;min-height:0}.composer-preview{position:relative;min-height:0;width:100%;max-width:100%;border:0;border-radius:0;background:transparent;justify-self:center;margin:0;overflow:hidden}.composer-controls{display:grid;grid-template-columns:1fr;gap:10px;min-width:0;overflow:visible;max-width:660px}.component-editor{min-width:0}.component-editor h3{margin:0 0 8px;font-size:.95rem;color:#40576b;font-weight:700}.layer-editor{max-height:none;overflow:visible;padding-right:0}.composer-preview .placement-preview{position:static;pointer-events:auto}.composer-preview .placement-anchor{display:none}.composer-preview .placement-compose-box{left:50%;top:50%;border:1px dashed #89a2b8;background:#ffffff73;transform:translate(-50%,-50%)}.composer-preview .placement-layer{pointer-events:auto}.composer-preview .placement-compose-box:after{content:"Padding area";position:absolute;inset:var(--composer-padding, 0px);display:flex;align-items:flex-start;justify-content:flex-end;padding:3px;border:1px dotted #5d86a8;color:#486f90;font-size:.7rem;line-height:1;pointer-events:none}.composer-placeholder{position:absolute;left:20px;top:20px;max-width:260px;padding:8px;border:1px dashed #9cb0c3;background:#ffffffe6;font-size:.85rem;color:#4f6477}.layer-row{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:10px 12px;background:#f9fbfd;border-bottom:1px solid #dce5ec}.layer-handle{color:#7b8d9c;font-weight:700;letter-spacing:1px;min-width:16px;cursor:grab;-webkit-user-select:none;user-select:none}.layer-handle:active{cursor:grabbing}.layer-name{font-size:.98rem;color:#1a3042;flex:1}.layer-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 8px;padding:9px 10px;background:#fff}.axis-control{display:grid;grid-template-columns:minmax(0,1fr) 56px;align-items:center;gap:3px 8px}.axis-title,.axis-value{font-size:.84rem;color:#53687b}.axis-title{font-weight:700;white-space:nowrap}.axis-number{width:56px;font:inherit;font-size:.82rem;border:1px solid #c6d2dd;border-radius:4px;padding:3px 5px;text-align:right;color:#243f55;background:#fff}.axis-value{display:none}.axis-control input[type=range]{width:100%;grid-column:1 / -1}.layer-controls input[type=range],.axis-control input[type=range]{accent-color:#005ea2}@media (min-width: 981px){.composer-controls{padding-right:2px}}.status.ok{color:var(--ok)}.viewer{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.viewer-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.viewer-toolbar button{width:auto;padding:6px 12px}.viewer-toolbar-left,.viewer-toolbar-center,.viewer-toolbar-right{display:flex;align-items:center;gap:8px}.viewer-toolbar-left{justify-content:flex-start}.toolbar-popover-wrap{position:relative}.viewer-toolbar-center{justify-content:center}.viewer-toolbar-right{justify-content:flex-end}.viewer-toolbar #exportBtn{margin-top:0}#exportBtn .export-btn-content{display:inline-flex;align-items:center;justify-content:center;gap:8px}#exportBtn .export-btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;display:none;animation:export-spin .75s linear infinite}#exportBtn.is-loading .export-btn-spinner{display:inline-block}#exportBtn.is-loading:disabled,#exportBtn.is-loading:disabled:hover{opacity:1}@keyframes export-spin{to{transform:rotate(360deg)}}.tool-icon-btn{width:36px!important;height:36px;min-width:36px;flex:0 0 36px;padding:6px;line-height:0;position:relative;border:1px solid transparent;background:transparent;transition:background-color .14s ease,border-color .14s ease}.tool-icon-btn:hover,.tool-icon-btn:focus-visible{border-color:var(--line);background:#f8fafc}.tool-icon-btn:focus-visible{outline:none}.tool-icon-btn img{position:absolute;left:50%;top:50%;width:20px;height:20px;display:block;object-fit:contain;object-position:center;transform:translate(-50%,-50%)}.tool-icon-btn svg{position:absolute;left:50%;top:50%;width:20px;height:20px;display:block;transform:translate(-50%,-50%)}.toolbar-popover{position:absolute;top:calc(100% + 8px);left:0;min-width:228px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 14px 30px #0f172a29;z-index:30}.toolbar-switch-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;border:1px solid transparent;color:var(--text);font:inherit;padding:8px 10px;cursor:pointer}.toolbar-switch-item:hover,.toolbar-switch-item:focus-within{background:#f8fafc;border-color:var(--line)}.toolbar-switch-label{font-size:13px;line-height:1.25}.switch{--button-width: 2.6em;--button-height: 1.5em;--toggle-diameter: 1.12em;--button-toggle-offset: calc((var(--button-height) - var(--toggle-diameter)) / 2);--toggle-shadow-offset: 10px;--toggle-wider: 1.8em;--color-grey: #cccccc;--color-green: var(--switch-blue)}.slider{display:inline-block;width:var(--button-width);height:var(--button-height);background-color:var(--color-grey);border-radius:calc(var(--button-height) / 2);position:relative;transition:.3s all ease-in-out}.slider:after{content:"";display:inline-block;width:var(--toggle-diameter);height:var(--toggle-diameter);background-color:#fff;border-radius:calc(var(--toggle-diameter) / 2);position:absolute;top:var(--button-toggle-offset);transform:translate(var(--button-toggle-offset));box-shadow:var(--toggle-shadow-offset) 0 calc(var(--toggle-shadow-offset) * 4) #0000001a;transition:.3s all ease-in-out}.switch input[type=checkbox]:checked+.slider{background-color:var(--color-green)}.switch input[type=checkbox]:checked+.slider:after{transform:translate(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)));box-shadow:calc(var(--toggle-shadow-offset) * -1) 0 calc(var(--toggle-shadow-offset) * 4) #0000001a}.switch input[type=checkbox]{display:none}.switch input[type=checkbox]:active+.slider:after{width:var(--toggle-wider)}.switch input[type=checkbox]:checked:active+.slider:after{transform:translate(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)))}#fitViewToggle.is-active{border-color:transparent;background:var(--action)}#fitViewToggle.is-active img{filter:brightness(0) invert(1)}#redactionToggleBtn.is-active{border-color:transparent;background:var(--action)}#redactionToggleBtn.is-active img{filter:brightness(0) invert(1)}.pdf-stage{position:relative;margin:10px;border:1px solid var(--line);background:#e8edf2;overflow:auto;flex:1;min-height:0;padding:18px;display:grid;justify-items:center;align-items:start}.pdf-stage.is-busy{cursor:progress}.pdf-layer{position:relative;background:transparent;border:0;box-shadow:none}.overlay{position:absolute;left:0;top:0;width:0;height:0;pointer-events:auto;z-index:2}.redaction-doc-layer{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:1}.redaction-static-box{pointer-events:none}.overlay.is-redaction-mode{cursor:crosshair}#pdfCanvas{display:block}.viewport-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#e8edf261;-webkit-backdrop-filter:blur(.6px);backdrop-filter:blur(.6px)}.viewport-loader[hidden]{display:none!important}.viewport-loader-content{display:grid;justify-items:center;gap:8px;padding:0;color:#214a8a;font-size:.85rem;font-weight:700}.viewport-loader-content svg{width:34px;height:34px;display:block}.placement-preview{position:absolute;pointer-events:none}.redaction-box,.redaction-draft{position:absolute;border:1px solid rgba(11,20,29,.88);box-sizing:border-box;overflow:hidden;background:repeating-linear-gradient(-45deg,#171b21fa 0,#171b21fa 14px,#61666df5 14px,#61666df5 30px);pointer-events:none}.redaction-box.is-editable{pointer-events:auto;cursor:move;overflow:visible}.redaction-box.is-editable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px dashed rgba(255,255,255,.5);pointer-events:none}.redaction-draft{border-style:dashed;background:repeating-linear-gradient(-45deg,#171b2185 0,#171b2185 14px,#61666d80 14px,#61666d80 30px)}.redaction-resize-handle{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;border:1px solid #ffffff;border-radius:2px;background:#0a1f31;cursor:nwse-resize;padding:0;z-index:3}.redaction-remove-btn{position:absolute;right:-8px;top:-8px;width:16px;height:16px;border:1px solid #ffffff;border-radius:3px;background:#0a1f31;color:#fff;display:grid;place-items:center;font-size:11px;line-height:1;padding:0;z-index:3}.redaction-remove-btn:hover{background:#153850}.placement-anchor{position:absolute;left:0;top:0;width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:var(--action);transform:translate(-50%,-50%);box-shadow:0 0 0 1px #083558}.placement-preview.has-content .placement-anchor{display:none}.placement-hook{position:absolute;left:0;top:0;width:16px;height:16px;border:1px solid #083558;border-radius:999px;background:#fff;color:#083558;font-size:12px;font-weight:700;line-height:1;display:grid;place-items:center;transform:translate(-50%,-50%);padding:0;cursor:grab;pointer-events:auto;z-index:4}.placement-preview.is-dragging .placement-hook,.placement-hook:active{cursor:grabbing;background:#e9f3fc}.placement-preview .close-btn{position:absolute;left:22px;top:0;width:18px;height:18px;border:0;border-radius:0;background:transparent url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M22%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012ZM8.96963%208.96965C9.26252%208.67676%209.73739%208.67676%2010.0303%208.96965L12%2010.9393L13.9696%208.96967C14.2625%208.67678%2014.7374%208.67678%2015.0303%208.96967C15.3232%209.26256%2015.3232%209.73744%2015.0303%2010.0303L13.0606%2012L15.0303%2013.9696C15.3232%2014.2625%2015.3232%2014.7374%2015.0303%2015.0303C14.7374%2015.3232%2014.2625%2015.3232%2013.9696%2015.0303L12%2013.0607L10.0303%2015.0303C9.73742%2015.3232%209.26254%2015.3232%208.96965%2015.0303C8.67676%2014.7374%208.67676%2014.2625%208.96965%2013.9697L10.9393%2012L8.96963%2010.0303C8.67673%209.73742%208.67673%209.26254%208.96963%208.96965Z'%20fill='%23D32F2F'/%3e%3c/svg%3e") center / 100% 100% no-repeat;transform:translate(-50%,-50%);padding:0;cursor:pointer;pointer-events:auto;z-index:4}.placement-preview .close-btn:hover{filter:brightness(.9)}.placement-remove-content{z-index:5}.placement-compose-box{position:absolute;left:0;top:0;overflow:hidden}.overlay .placement-compose-box{pointer-events:auto;cursor:grab}.placement-preview.is-dragging .placement-compose-box{cursor:grabbing}.placement-layer{position:absolute;transform:translate(-50%,-50%);z-index:1}.placement-stamp{display:block;object-fit:contain}.placement-date{padding:0;line-height:1.2;color:#0f2233;white-space:nowrap;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.placement-sign{display:block;object-fit:contain}.placement-ghost{padding:4px 7px;border:1px dashed #8fa5b8;border-radius:4px;color:#4f6477;background:#fffffff2;font-size:.74rem;line-height:1.2;white-space:nowrap}.composer-draggable-layer{cursor:move}.composer-draggable-layer.is-dragging-layer{opacity:.82}@media (max-width: 980px){.modal-panel{height:auto;max-height:calc(100vh - 20px);overflow-y:auto}body{height:auto;overflow:auto}.layout{grid-template-columns:1fr;height:auto;overflow:visible}.panel,.viewer{max-height:none;overflow:visible;grid-column:auto;grid-row:auto}.composer-layout{grid-template-columns:1fr}.composer-preview{justify-self:center}.composer-controls{grid-template-columns:1fr;overflow:visible;gap:10px;padding-right:0}.layer-controls,.action-row{grid-template-columns:1fr}.axis-control{grid-template-columns:minmax(86px,1fr) 58px}}