:root{color:#172033;background:#f1f4f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}html,body,#root{height:100%;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;height:100vh;min-height:0;overflow:hidden}.left-panel,.right-panel{background:#fff;border-right:1px solid #d9e0ea;min-height:0;padding:18px;overflow:auto}.right-panel{border-right:0;border-left:1px solid #d9e0ea;padding-bottom:40px}.brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.brand strong,.brand span{display:block}.brand span,.muted,.saved-list p,.starter-item small,.top-actions span,.template-item span{color:#667085;font-size:12px}.panel-section{border-top:1px solid #e5e9f0;padding-top:16px;margin-top:16px}.panel-section h2,.right-panel h2{font-size:13px;letter-spacing:.04em;margin:0 0 12px;text-transform:uppercase}.primary-button,.secondary-button,.danger-button,.starter-item,.tool-button,.template-item,.top-actions button{align-items:center;border:1px solid #cfd8e6;border-radius:7px;background:#fff;color:#172033;display:flex;gap:8px;justify-content:center;min-height:38px;padding:8px 10px}.primary-button{background:#175cd3;border-color:#175cd3;color:#fff;width:100%}.secondary-button{margin-top:8px;width:100%}.danger-button{border-color:#f1b9b8;color:#b42318;margin-top:16px;width:100%}.danger-button:hover{background:#fff4f3}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.starter-list{display:grid;gap:8px}.accordion-trigger{align-items:center;background:#fff;border:0;color:#172033;display:flex;justify-content:space-between;min-height:28px;padding:0;text-align:left;width:100%}.accordion-trigger span{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.accordion-trigger strong{color:#175cd3;font-size:18px;line-height:1}.accordion-content{display:grid;gap:8px;max-height:0;opacity:0;overflow:hidden;transform:translateY(-4px);transition:max-height .22s ease,opacity .16s ease,transform .22s ease}.accordion-content.open{max-height:260px;opacity:1;transform:translateY(0)}.accordion-content.saved-content.open{max-height:520px}.starter-item{align-items:flex-start;justify-content:flex-start;text-align:left}.starter-item span,.starter-item strong,.starter-item small{display:block}.starter-item small{line-height:1.35;margin-top:2px}.tool-button{justify-content:flex-start}.context-menu{background:#fff;border:1px solid #d9e0ea;border-radius:8px;box-shadow:0 18px 48px #16223338;display:grid;gap:12px;min-width:260px;padding:12px;position:fixed;z-index:20}.context-menu-header{display:flex;justify-content:space-between;gap:12px}.context-menu-header strong,.context-menu-section strong{color:#172033;font-size:13px}.context-menu-header span{color:#667085;font-size:12px}.context-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.context-menu-item{align-items:center;background:#fff;border:1px solid #cfd8e6;border-radius:7px;color:#172033;display:flex;gap:8px;justify-content:flex-start;min-height:38px;padding:8px 10px}.context-menu-item:hover{background:#f5f8ff;border-color:#adc6fd;color:#175cd3}.context-menu-section{border-top:1px solid #e5e9f0;display:grid;gap:10px;padding-top:12px}.assist-settings{display:grid;gap:10px}.assist-settings.compact{gap:8px}.checkbox-row{align-items:center;color:#344054;display:flex;gap:8px;font-size:13px}.checkbox-row input{height:15px;width:15px}.step-field{color:#344054;display:grid;gap:5px;font-size:12px}.step-field select{border:1px solid #cfd8e6;border-radius:7px;min-height:34px;padding:7px 9px}.assist-settings.compact .step-field{grid-template-columns:42px 1fr;align-items:center}.saved-list{display:grid;gap:8px}.template-item{align-items:stretch;display:flex;gap:6px;justify-content:space-between;text-align:left}.template-open-button{background:transparent;border:0;color:inherit;display:flex;flex:1;flex-direction:column;gap:2px;min-height:0;padding:0;text-align:left}.template-copy-button,.template-delete-button{align-items:center;background:#fff;border:1px solid #cfd8e6;border-radius:7px;color:#667085;display:flex;flex:0 0 auto;height:30px;justify-content:center;min-height:0;padding:0;width:32px}.template-copy-button:hover{border-color:#adc6fd;color:#175cd3}.template-delete-button:hover{border-color:#f1b9b8;color:#b42318}.template-item.active{border-color:#175cd3;box-shadow:0 0 0 2px #175cd31f}.workspace{display:grid;grid-template-rows:64px minmax(0,1fr);min-height:0;min-width:0;overflow:hidden}.top-bar{align-items:center;background:#fff;border-bottom:1px solid #d9e0ea;display:flex;justify-content:space-between;gap:16px;padding:12px 18px}.top-bar>input{border:0;color:#172033;font-size:18px;font-weight:700;min-width:220px;outline:0}.top-actions{align-items:center;display:flex;gap:14px}.top-actions label{align-items:center;display:flex;gap:8px;font-size:12px}.canvas-scroll{min-height:0;min-width:0;overflow:auto;padding:32px 32px 120px}.app-shell.marker-panel-visible .canvas-scroll{padding-bottom:420px}.page{background:#fff;box-shadow:0 12px 38px #1622332e;margin:0 auto;position:relative}.safe-margin{border:1px dashed #c9d2df;pointer-events:none;position:absolute}.page-background-image{object-fit:fill;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:0}.guide-line{background:#175cd3;pointer-events:none;position:absolute;z-index:1}.guide-line.vertical{bottom:0;top:0;transform:translate(-.5px);width:1px}.guide-line.horizontal{height:1px;left:0;right:0;transform:translateY(-.5px)}.doc-element{position:absolute;transform-origin:center;-webkit-user-select:none;user-select:none;z-index:2}.doc-element:hover{outline:1px solid rgba(23,92,211,.45);outline-offset:2px}.doc-element.selected{outline:2px solid #175cd3;outline-offset:2px}.resize-handle{background:#175cd3;border:2px solid #ffffff;border-radius:50%;bottom:-7px;height:14px;padding:0;position:absolute;right:-7px;width:14px}.lock-handle{align-items:center;background:#fff;border:1px solid #cfd8e6;border-radius:50%;box-shadow:0 2px 8px #1622332e;color:#175cd3;display:flex;height:24px;justify-content:center;min-height:0;padding:0;position:absolute;right:-12px;top:-12px;width:24px}.lock-handle.locked{background:#175cd3;border-color:#175cd3;color:#fff}.text-element{height:100%;overflow:hidden;transform-origin:center;white-space:pre-wrap}.marker-element{align-items:center;color:#d92d20;display:flex;height:100%;overflow:hidden;white-space:nowrap;width:100%}.box-element,.line-element,.table-element,.barcode-element,.image-placeholder,.doc-element img{height:100%;width:100%}.box-element{border:solid #172033}.line-element{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.line-element span{background:#172033;display:block}.line-element.horizontal span{width:100%}.line-element.vertical span{height:100%}.arrow-element,.arrow-element svg{height:100%;overflow:visible;width:100%}.arrow-element{position:relative}.arrow-element svg{display:block}.arrow-element line,.arrow-element path{fill:none;stroke:#172033;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.arrow-element .arrow-head.filled{fill:#172033;stroke:#172033}.arrow-label{color:#172033;left:50%;line-height:1;paint-order:stroke;pointer-events:none;position:absolute;text-align:center;text-shadow:-1px -1px 0 #ffffff,1px -1px 0 #ffffff,-1px 1px 0 #ffffff,1px 1px 0 #ffffff;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.arrow-label.vertical{transform:translate(-50%,-50%) rotate(-90deg)}.arrow-element text{fill:#172033;paint-order:stroke;stroke:#fff;stroke-width:3px;vector-effect:non-scaling-stroke}.table-element{border:var(--table-border-width, 1px) solid #172033;display:grid}.table-shell{height:100%;position:relative;width:100%}.table-element span{border-bottom:var(--table-border-width, 1px) solid #172033;border-right:var(--table-border-width, 1px) solid #172033;display:flex;min-width:0;overflow:hidden;padding:2px 4px;white-space:pre-wrap}.table-cell.active{box-shadow:inset 0 0 0 2px #175cd3;outline:1px solid #ffffff;outline-offset:-3px}.cell-editor{background:#fff;border:0;color:inherit;font:inherit;height:100%;line-height:1.25;outline:0;padding:0;resize:none;width:100%}.table-divider{background:transparent;border:0;border-radius:0;min-height:0;padding:0;position:absolute;z-index:2}.table-divider:after{background:#175cd3;content:"";opacity:0;position:absolute;transition:opacity .12s ease}.table-divider:hover:after,.table-divider.active:after{opacity:1}.table-divider.column{cursor:col-resize;height:100%;top:0;transform:translate(-5px);width:10px}.table-divider.column:after{bottom:0;left:4px;top:0;width:2px}.table-divider.row{cursor:row-resize;height:10px;left:0;transform:translateY(-5px);width:100%}.table-divider.row:after{height:2px;left:0;right:0;top:4px}.doc-element img{display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.image-placeholder{align-items:center;border:1px dashed #98a2b3;color:#667085;display:flex;justify-content:center;text-align:center}.barcode-element{align-items:center;display:flex;flex-direction:column;gap:3px;justify-content:center}.barcode-element.two-dimensional{gap:4px}.barcode-lines{display:flex;flex:1;gap:1px;width:100%}.barcode-stripe{height:100%;min-width:1px}.barcode-stripe.dark{background:#111827}.barcode-stripe.light{background:#fff}.barcode-element span{font-size:9px;letter-spacing:.12em}.barcode-matrix{aspect-ratio:1;display:grid;grid-template-columns:repeat(13,1fr);grid-template-rows:repeat(13,1fr);height:min(100%,72px);max-width:100%}.barcode-matrix span{background:#fff}.barcode-matrix span.filled{background:#111827}.properties-section{border-bottom:1px solid #e5e9f0;margin-bottom:16px;padding-bottom:16px}.properties-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.properties-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.properties-grid label{color:#344054;display:grid;gap:5px;font-size:12px}.properties-grid .wide{grid-column:1 / -1}.properties-grid input,.properties-grid select,.properties-grid textarea{border:1px solid #cfd8e6;border-radius:7px;min-height:34px;padding:7px 9px;width:100%}.properties-grid .checkbox-row{align-items:center;display:flex;gap:8px}.properties-grid .checkbox-row input{flex:0 0 auto;height:16px;min-height:0;padding:0;width:16px}.properties-grid textarea{min-height:82px;resize:vertical}.page-summary{align-items:center;color:#667085;display:flex;gap:6px;font-size:12px;padding-top:22px}.page-background-accordion{border-top:1px solid #e5e9f0;padding-top:12px}.page-background-settings{display:grid;gap:10px;grid-template-columns:1fr 1fr;max-height:0;opacity:0;overflow:hidden;transform:translateY(-4px);transition:max-height .22s ease,opacity .16s ease,transform .22s ease}.page-background-settings.open{max-height:520px;opacity:1;padding-top:10px;transform:translateY(0)}.page-background-settings label:first-of-type,.page-background-settings .secondary-button{grid-column:1 / -1}.selected-table-part{background:#f5f8ff;border:1px solid #c7d7fe;border-radius:7px;display:grid;gap:10px;padding:10px}.selected-table-part strong,.table-size-list strong{color:#344054;font-size:12px}.table-size-list{border-top:1px solid #e5e9f0;display:grid;gap:8px;padding-top:10px}.table-size-list label{align-items:center;grid-template-columns:34px 1fr}.line-presets{border-top:1px solid #e5e9f0;display:grid;gap:10px;padding-top:10px}.line-presets strong{color:#344054;font-size:12px}.line-preset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.line-preset{align-items:center;background:#fff;border:1px solid #cfd8e6;border-radius:7px;color:#344054;display:grid;gap:5px;justify-items:center;min-height:48px;padding:6px}.line-preset span{background:#172033;display:block;width:100%}.line-preset.active{border-color:#175cd3;box-shadow:0 0 0 2px #175cd31f;color:#175cd3}.text-color-picker{border-top:1px solid #e5e9f0;display:grid;gap:10px;padding-top:10px}.text-color-picker strong{color:#344054;font-size:12px}.color-preset-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.color-preset{border:2px solid #ffffff;border-radius:7px;box-shadow:0 0 0 1px #cfd8e6;height:28px;min-height:0;padding:0}.color-preset.active{box-shadow:0 0 0 2px #175cd3}.text-color-picker input[type=color]{height:36px;padding:3px}.marker-panel{background:#fff;border-top:1px solid #d9e0ea;bottom:0;box-shadow:0 -12px 30px #1622331f;display:grid;grid-template-rows:auto minmax(0,1fr);left:280px;height:min(42vh,360px);max-height:min(42vh,360px);opacity:0;overflow:hidden;pointer-events:none;position:fixed;right:300px;transform:translateY(calc(100% + 18px));transition:transform .22s ease,opacity .18s ease,max-height .22s ease;z-index:15}.marker-panel-toggle{align-items:center;background:#fff;border:1px solid #cfd8e6;border-radius:7px 7px 0 0;bottom:min(42vh,360px);box-shadow:0 -6px 18px #1622331a;color:#172033;display:flex;gap:6px;min-height:34px;padding:7px 10px;position:fixed;right:312px;transform:translateY(1px);transition:bottom .22s ease,box-shadow .18s ease;z-index:16}.marker-panel-toggle:not(.open){border-radius:7px;bottom:12px}.marker-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.marker-panel-header{align-items:center;background:#fff;border-bottom:1px solid #e5e9f0;display:flex;justify-content:space-between;padding:10px 12px;position:relative;z-index:3}.marker-panel-header strong,.marker-panel-header span{display:block}.marker-panel-header span{color:#667085;font-size:12px;margin-top:2px}.marker-panel-actions{display:flex;gap:8px}.marker-panel-header button{background:#fff;border:1px solid #cfd8e6;border-radius:7px;color:#172033;min-height:34px;padding:7px 10px}.marker-table-wrap{min-height:0;overflow-x:auto;overflow-y:auto}.marker-table{border-collapse:collapse;table-layout:fixed;min-width:100%}.marker-table th,.marker-table td{border-bottom:1px solid #e5e9f0;border-right:1px solid #e5e9f0;padding:6px;text-align:left;vertical-align:top}.marker-table th{background:#f8fafc;color:#344054;font-size:12px;font-weight:700;position:sticky;top:0}.marker-table th{position:sticky}.marker-column-heading{align-items:center;display:flex;gap:6px;min-width:0}.marker-column-heading span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marker-column-heading input{border:1px solid #adc6fd;border-radius:5px;font-size:12px;min-height:24px;padding:3px 5px;width:100%}.marker-heading-button{align-items:center;background:transparent;border:0;color:#667085;display:inline-flex;flex:0 0 auto;justify-content:center;min-height:22px;padding:2px}.marker-heading-button:hover{color:#175cd3}.marker-heading-button.danger:hover{color:#b42318}.marker-column-resizer{background:transparent;border:0;bottom:0;cursor:col-resize;min-height:0;padding:0;position:absolute;right:-5px;top:0;width:10px;z-index:2}.marker-column-resizer:after{background:#175cd3;bottom:6px;content:"";opacity:0;position:absolute;right:4px;top:6px;transition:opacity .12s ease;width:2px}.marker-column-resizer:hover:after{opacity:1}.marker-table tr.active td{animation:marker-row-focus .9s ease;background:#ecfdf3}@keyframes marker-row-focus{0%{background:#d1fadf}to{background:#ecfdf3}}.marker-table input,.marker-table textarea{border:1px solid transparent;border-radius:6px;min-height:32px;padding:6px 8px;width:100%}.marker-table textarea{line-height:1.35;min-height:32px;overflow:hidden;resize:none;white-space:pre-wrap;word-break:break-word}.marker-table input:focus,.marker-table textarea:focus{border-color:#f97066;outline:0}.arrow-properties{border-top:1px solid #e5e9f0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:10px}.arrow-properties .wide{grid-column:1 / -1}@media(max-width:1050px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.right-panel{display:none}.marker-panel{left:240px;right:0}.marker-panel-toggle{right:12px}}@media print{@page{margin:0}html,body,#root{background:#fff;height:var(--page-height);margin:0;overflow:hidden;padding:0;width:var(--page-width)}.left-panel,.right-panel,.top-bar,.context-menu,.marker-panel{display:none}.app-shell,.workspace{display:block;height:var(--page-height);margin:0;overflow:hidden;padding:0;width:var(--page-width)}.canvas-scroll{height:var(--page-height);overflow:visible;padding:0;width:var(--page-width)}.page{box-shadow:none;height:var(--page-height)!important;margin:0;overflow:hidden;width:var(--page-width)!important}body.print-fit .page{left:0;position:fixed;top:0}.safe-margin,.resize-handle,.lock-handle,.guide-line,.table-divider{display:none}.doc-element.selected,.table-cell.active{box-shadow:none;outline:none}.barcode-stripe{print-color-adjust:exact;-webkit-print-color-adjust:exact}}body.export-mode .safe-margin,body.export-mode .resize-handle,body.export-mode .lock-handle,body.export-mode .guide-line,body.export-mode .table-divider{display:none}body.export-mode .doc-element.selected,body.export-mode .table-cell.active{box-shadow:none;outline:none}