:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,*:before,*:after{box-sizing:border-box}html{min-width:0;overflow-x:hidden}body{margin:0;background:#eef2f7;color:#1b1f24;min-width:0;overflow-x:hidden}.template-studio-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;padding:16px;max-width:1680px;margin:0 auto;box-sizing:border-box}header,section,main,aside,footer{background:#fff;border:1px solid #d9dee7;border-radius:8px;padding:12px}header,section,footer{grid-column:1 / span 2}main{min-height:420px;min-width:0;overflow:hidden}aside{min-width:0;overflow:hidden}.template-toolbar-shell{display:flex;flex-direction:column;gap:10px;position:relative}.template-menu-bar,.template-toolbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-width:0}.template-menu-bar,.template-toolbar{overflow:visible}.template-toolbar select{max-width:150px;min-height:32px;border:1px solid #c4ccda;border-radius:4px;background:#fff}.template-menu-bar button,.template-menu-bar summary,.template-toolbar button,.color-picker summary{border:1px solid #c4ccda;border-radius:4px;background:#f8faff;min-width:32px;min-height:32px;padding:4px 8px;cursor:pointer}.text-menu>summary{border:0;background:transparent;min-width:0;min-height:30px;padding:4px 8px;color:#263142;font-weight:500}.text-menu>summary:hover,.text-menu[open]>summary{background:#edf3ff;border-radius:4px}.page-setup-button{border:0!important;background:transparent!important;color:#263142;font-weight:500}.template-toolbar button:disabled{opacity:.55;cursor:not-allowed}.template-toolbar button.is-active,.template-menu-bar button.is-active,.color-swatch.is-active{border-color:#1a73e8;background:#e8f0fe;box-shadow:inset 0 0 0 1px #1a73e8;font-weight:700}.toolbar-menu,.color-picker{position:relative}.toolbar-menu>summary,.color-picker>summary{list-style:none}.toolbar-menu>summary::-webkit-details-marker,.color-picker>summary::-webkit-details-marker{display:none}.toolbar-menu__content,.color-grid{position:absolute;z-index:20;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #c4ccda;border-radius:8px;box-shadow:0 14px 30px #14213d29;padding:8px}.toolbar-menu__content{display:grid;min-width:180px;gap:4px}.toolbar-menu__content button{justify-content:flex-start;text-align:left}.color-picker__symbol{display:inline-flex;min-width:22px;justify-content:center;border-bottom:3px solid currentColor;font-weight:800}.color-grid{display:grid;grid-template-columns:repeat(10,22px);gap:4px}.color-swatch{width:22px;min-width:22px!important;height:22px;min-height:22px!important;padding:0!important}.alignment-group{display:inline-flex;gap:2px;border:1px solid #d9dee7;border-radius:6px;padding:2px}.toolbar-control-group{position:relative;display:inline-flex;align-items:center;min-width:0}.toolbar-group-trigger{display:none}.toolbar-group-content{display:inline-flex;align-items:center;gap:6px;min-width:0}.toolbar-group-content--font{gap:6px}.page-setup-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,max-content));align-items:end;gap:10px;background:#f8faff;border:1px solid #d9dee7;border-radius:8px;padding:10px}.page-setup-controls label{display:flex;flex-direction:column;gap:6px;font-size:14px}.page-setup-controls input,.page-setup-controls select{border:1px solid #c4ccda;border-radius:6px;padding:6px 8px}.page-setup-controls input[type=number]{width:4.5em}.page-setup-controls .control-note{grid-column:1 / -1;max-width:100%}.checkbox-control{flex-direction:row!important;align-items:center;white-space:nowrap}.checkbox-control input{width:auto}.template-editor-canvas{background:#f3f5f9;border:1px dashed #c4ccda;border-radius:8px;padding:clamp(8px,1.5vw,18px);min-height:62vh;overflow:auto;display:flex;justify-content:center;align-items:flex-start}.template-editor-canvas *,.template-toolbar-shell *{box-sizing:border-box}.page-with-rulers{display:grid;grid-template-columns:16mm 1fr;grid-template-rows:16mm 1fr;gap:0;width:fit-content;margin:0 auto}.ruler-corner{grid-column:1;grid-row:1;background:#e7ebf3;border:1px solid #d0d6e2}.horizontal-ruler{grid-column:2;grid-row:1;position:relative;width:210mm;height:16mm;background:#e7ebf3;border:1px solid #d0d6e2;border-left:0;overflow:hidden}.vertical-ruler{grid-column:1;grid-row:2;position:relative;width:16mm;height:297mm;min-height:297mm;background:#e7ebf3;border:1px solid #d0d6e2;border-top:0;overflow:hidden}.ruler-ticks{position:absolute;top:0;right:0;bottom:0;left:0}.ruler-cm-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#44516f;font-size:10px}.ruler-cm-label{position:absolute}.ruler-cm-labels--horizontal .ruler-cm-label{top:.6mm;transform:translate(-50%)}.ruler-cm-labels--vertical .ruler-cm-label{left:.8mm;transform:translateY(-50%)}.ruler-tick{position:absolute;background:#667089}.ruler-ticks--horizontal .ruler-tick{bottom:0;width:1px}.ruler-ticks--vertical .ruler-tick{right:0;height:1px}.ruler-ticks--horizontal .ruler-tick--mm{height:3mm}.ruler-ticks--horizontal .ruler-tick--half-cm{height:5mm}.ruler-ticks--horizontal .ruler-tick--cm{height:8mm}.ruler-ticks--vertical .ruler-tick--mm{width:3mm}.ruler-ticks--vertical .ruler-tick--half-cm{width:5mm}.ruler-ticks--vertical .ruler-tick--cm{width:8mm}.ruler-margin-markers{position:absolute;pointer-events:none;border:1px solid #2d6cdf;background:#2d6cdf1a}.ruler-margin-markers--horizontal{top:1mm;bottom:1mm;left:var(--ruler-margin-left);right:var(--ruler-margin-right)}.ruler-margin-markers--vertical{left:1mm;right:1mm;top:var(--ruler-margin-top);bottom:var(--ruler-margin-bottom)}.ruler-zone{position:absolute;left:0;right:0;z-index:2;font-size:9px;color:#1f4f9c;background:#4285f414;display:flex;align-items:center;justify-content:center;pointer-events:none}.ruler-zone--header{top:0;height:var(--ruler-margin-top)}.ruler-zone--body{top:var(--ruler-margin-top);bottom:var(--ruler-margin-bottom)}.ruler-zone--footer{bottom:0;height:var(--ruler-margin-bottom)}.irg-page{grid-column:2;grid-row:2;position:relative;background:#fff;border:1px solid #d9dee7;width:210mm;min-height:297mm;margin:0 auto;padding-top:var(--page-margin-top);padding-right:var(--page-margin-right);padding-bottom:var(--page-margin-bottom);padding-left:var(--page-margin-left)}.irg-page[data-orientation=landscape]{width:297mm;min-height:210mm}.irg-page__header-slot,.irg-page__footer-slot{position:absolute;left:var(--page-margin-left);right:var(--page-margin-right);min-height:10mm;padding:2mm 0;color:#2d4d84;background:transparent;border:1px dashed transparent;border-radius:0}.irg-page__header-slot{top:4mm}.irg-page__footer-slot{bottom:4mm}.irg-page__header-slot:focus,.irg-page__footer-slot:focus{border-color:#8cb3ff;outline:none}.irg-page__body-slot{min-height:calc(297mm - var(--page-margin-top) - var(--page-margin-bottom))}.template-editor-content{background:#fff;border:0;border-radius:0;min-height:calc(297mm - var(--page-margin-top) - var(--page-margin-bottom));padding:0}.template-editor-content:focus{outline:2px solid #8cb3ff;outline-offset:2px}.irg-page__hard-break{border-top:2px dashed #7399d9;border-bottom:2px dashed #7399d9;padding:6px 0;color:#2d4d84;text-align:center;page-break-before:always;break-before:page}.preview-block{max-height:220px;overflow:auto;background:#f7f8fb;border:1px solid #d9dee7;border-radius:6px;padding:10px;word-break:break-word}.preview-block--rendered{white-space:normal;line-height:1.45;font-size:.95rem}.preview-block--rendered :first-child{margin-top:0}.preview-block--rendered :last-child{margin-bottom:0}.preview-block--code{white-space:pre-wrap;font-size:.78rem}.technical-preview{margin-top:16px}.technical-preview>summary{cursor:pointer;color:#44516f;font-weight:600}.template-dialog{position:fixed;z-index:1000;top:48px;left:50%;transform:translate(-50%);display:grid;gap:10px;width:min(calc(100vw - 32px),720px);max-height:calc(100vh - 80px);overflow:auto;background:#f8faff;border:1px solid #b9c6dc;border-radius:10px;padding:12px;box-shadow:0 24px 70px #14213d47}.template-dialog--wide{width:min(calc(100vw - 32px),980px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-header h2,.template-dialog h3{margin:0}.template-dialog label,.settings-add-row label,.settings-edit-row label{display:grid;gap:4px;font-size:.9rem}.template-dialog input,.template-dialog select{min-height:34px;border:1px solid #c4ccda;border-radius:6px;padding:6px 8px;background:#fff}.placeholder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.placeholder-grid button{display:grid;gap:4px;text-align:left}.settings-add-row,.settings-edit-row,.dialog-actions{display:flex;flex-wrap:wrap;align-items:end;gap:8px}.settings-list{display:grid;gap:8px;padding-left:0;list-style:none}.settings-list li{display:grid;grid-template-columns:minmax(180px,1fr) minmax(120px,.8fr) auto auto;gap:8px;align-items:center;border:1px solid #d9dee7;border-radius:8px;padding:8px;background:#fff}.signature-canvas{border:1px dashed #5f77a5;border-radius:8px;background:#fff;width:min(100%,320px);height:120px;cursor:crosshair;touch-action:none;display:block}.signature-preview-node{display:inline-block;min-width:45mm;min-height:18mm;margin:8px 0;padding:2mm;border:1px dashed #c4ccda;border-radius:4px;background:#fff}.signature-preview-node__image{display:block;width:45mm;max-width:100%;height:auto}.page-with-rulers--editor{display:block;width:100%;max-width:980px}.page-with-rulers--editor .ruler-corner,.page-with-rulers--editor .horizontal-ruler,.page-with-rulers--editor .vertical-ruler{display:none}.page-with-rulers--editor .irg-page{width:100%;max-width:900px;min-height:68vh;padding:clamp(20px,4vw,48px);box-shadow:0 16px 45px #1220381f}.page-with-rulers--editor .irg-page__body-slot,.page-with-rulers--editor .template-editor-content{min-height:58vh}.page-with-rulers--editor .irg-page__header-slot,.page-with-rulers--editor .irg-page__footer-slot{left:clamp(20px,4vw,48px);right:clamp(20px,4vw,48px)}@media (max-width: 1100px){.template-studio-shell{grid-template-columns:1fr;padding:10px}header,section,footer{grid-column:1}.template-studio-shell>aside{grid-column:1}.template-toolbar{flex-wrap:wrap;overflow:visible;padding-bottom:4px}.template-toolbar select{max-width:125px;flex:0 0 auto}.alignment-group{flex:0 0 auto}.template-editor-canvas{padding:8px;min-height:56vh}.page-with-rulers--print{transform:scale(.72);transform-origin:top center;margin-bottom:-90mm}.page-setup-controls{grid-template-columns:repeat(2,minmax(90px,1fr))}.color-grid{grid-template-columns:repeat(5,22px)}}@media (max-width: 760px){.template-toolbar-shell{overflow:visible;width:100%;max-width:100%}.template-menu-bar{gap:2px;position:relative}.toolbar-menu{position:static}.toolbar-menu[open]{z-index:70}.toolbar-menu[open]>summary{position:relative;z-index:72;box-shadow:inset 0 -2px #8ab4f8}.toolbar-menu__content{position:fixed;left:8px;right:8px;top:max(var(--menu-overlay-top, 96px),0px);min-width:0;max-width:calc(100vw - 16px);width:auto;z-index:71;max-height:min(62vh,440px);overflow:auto}.toolbar-menu__content button{min-height:38px;width:100%}.text-menu>summary,.page-setup-button{padding:4px 6px;font-size:.92rem}.template-toolbar{gap:4px;align-items:flex-start}.toolbar-control-group{position:static}.toolbar-group-trigger{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.toolbar-group-content{display:none;position:absolute;left:8px;right:8px;top:calc(100% + 6px);z-index:35;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;border:1px solid #c4ccda;border-radius:10px;background:#fff;box-shadow:0 16px 35px #14213d2e}.toolbar-group-content.is-open{display:flex}.toolbar-group-content--font select{flex:1 1 120px;max-width:none}.alignment-group.toolbar-group-content{border:1px solid #c4ccda;padding:8px}.color-grid{left:auto;right:0;max-width:calc(100vw - 48px)}}@media (max-width: 560px){.template-studio-shell{padding:6px;gap:8px;width:100%;max-width:100vw;overflow-x:hidden}header,section,main,aside,footer{padding:10px;border-radius:6px;min-width:0;max-width:100%}.template-menu-bar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.template-toolbar button,.template-toolbar select,.template-menu-bar button,.template-menu-bar summary{min-height:38px}.template-editor-canvas{min-height:60vh}.page-with-rulers--editor .irg-page{min-height:62vh;padding:16px;box-shadow:0 8px 22px #12203824}.page-with-rulers--editor .irg-page__body-slot,.page-with-rulers--editor .template-editor-content{min-height:52vh}.page-with-rulers--editor .irg-page__header-slot,.page-with-rulers--editor .irg-page__footer-slot{left:16px;right:16px}.page-with-rulers--print{transform:scale(.42);transform-origin:top center;margin-bottom:-170mm}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}