:root{font-family:Inter,Noto Sans SC,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#1a2b3c;background:#f4f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #1a2b3c;--muted: #728295;--line: #e5ebf0;--paper: #fff;--cyan: #087f9b;--cyan-dark: #06667f;--cyan-soft: #e8f7fa;--shadow: 0 9px 30px rgba(24, 52, 69, .045), 0 1px 3px rgba(24, 52, 69, .035)}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:3px solid rgba(10,139,166,.24);outline-offset:2px}input,select,textarea{color:var(--ink)}h1,h2,p{margin:0}.app-shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;min-height:720px;display:flex;flex-direction:column;padding:31px 17px 21px;color:#e8f3f7;background:linear-gradient(163deg,#102b3c,#102638 52%,#0e2334);z-index:4}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 42px}.brand-symbol{width:37px;height:37px;display:grid;place-items:center;color:#fff;border-radius:11px;background:linear-gradient(145deg,#19b4c6,#118fa9);box-shadow:0 7px 18px #049bb23d}.brand strong{display:block;font-size:19px;line-height:1.2;letter-spacing:1px}.brand span{display:block;margin-top:4px;font-size:8px;font-weight:700;letter-spacing:2.3px;color:#69a9b6}.sidebar-section-label{margin:0 12px 12px;color:#7893a4;font-size:11px;font-weight:700;letter-spacing:1.5px}.step-nav{display:grid;gap:5px}.step-link{width:100%;min-height:66px;display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:11px;padding:10px 11px;color:#abc1ce;background:transparent;text-align:left;transition:background .18s,color .18s,border-color .18s}.step-link:hover{background:#ffffff0e;color:#fff}.step-link.active{color:#fff;background:#1b4051;border-color:#4cb5c73d;box-shadow:inset 3px 0 #24b8c7}.step-icon{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#ffffff12}.step-link.active .step-icon{color:#73dde3;background:#1cbacc2b}.step-copy{min-width:0;display:grid;gap:2px}.step-copy strong{font-size:13px;line-height:1.4;font-weight:650}.step-copy small{font-size:10px;color:#8aa2b0}.step-link.active .step-copy small{color:#a4c9d0}.step-index{margin-left:auto;font:700 11px/1 Inter,sans-serif;opacity:.47}.sidebar-separator{height:1px;margin:25px 11px;background:#c8e6ee1c}.project-card{display:flex;align-items:center;gap:11px;min-width:0;margin:0 4px 15px;padding:12px 10px;border:1px solid rgba(165,208,219,.11);border-radius:10px;background:#ffffff09}.project-card-icon{flex:none;width:33px;height:33px;display:grid;place-items:center;color:#70d0d8;border-radius:8px;background:#26b8c51f}.project-card-copy{min-width:0;display:grid;gap:5px}.project-card-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650}.project-card-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#87a0ad}.sidebar-action{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:8px;color:#acc0cb;background:transparent;text-align:left;font-size:12px}.sidebar-action:hover{color:#fff;background:#ffffff12}.sidebar-bottom{margin-top:auto;padding:14px 11px 0;border-top:1px solid rgba(200,230,238,.11)}.privacy-mark{display:flex;gap:8px;align-items:center;color:#83b7bd;font-size:10px;white-space:nowrap}.sidebar-version{margin-top:16px;color:#628190;font-size:9px;font-weight:700;letter-spacing:1.2px}.main-area{min-width:0}.topbar{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 38px;border-bottom:1px solid var(--line);background:#fff}.breadcrumbs{display:flex;gap:9px;align-items:center;color:#8b99a8;font-size:12px}.breadcrumbs strong{color:#3b5163;font-weight:650}.topbar-actions{display:flex;align-items:center;gap:22px}.saved-indicator{display:flex;align-items:center;gap:7px;color:#78909a;font-size:11px;white-space:nowrap}.saved-indicator>span{width:6px;height:6px;border-radius:50%;background:#42b59c;box-shadow:0 0 0 3px #e2f7ef}.page-content{max-width:1560px;padding:34px 38px 42px;margin:0 auto}.page-heading,.design-top{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:26px}.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#0b96a7;font-size:10px;font-weight:800;letter-spacing:1.7px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#1bb9c4}h1{color:#1c3244;font-size:clamp(23px,2.1vw,30px);font-weight:760;line-height:1.35;letter-spacing:-.5px}.page-heading p,.design-top p{margin-top:8px;color:#8292a0;font-size:12px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:38px;padding:0 15px;border-radius:8px;font-size:12px;font-weight:650;white-space:nowrap;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.button:not(:disabled):active{transform:translateY(1px)}.button-primary{border:1px solid #087e99;color:#fff;background:linear-gradient(160deg,#1196af,#087e99);box-shadow:0 4px 11px #087e991f}.button-primary:hover:not(:disabled){background:#06718b;box-shadow:0 6px 15px #087e9930}.button-secondary{border:1px solid #dce5eb;color:#385669;background:#fff}.button-secondary:hover:not(:disabled),.button-outline:hover:not(:disabled){border-color:#a9cbd3;background:#f4fafb}.button-outline{border:1px solid #dbe5e9;color:#516878;background:transparent}.button-quiet{border:0;background:transparent;color:#687e8d}.button-quiet:hover{background:#f2f7f8;color:var(--cyan)}.text-button{display:inline-flex;align-items:center;gap:6px;padding:4px 0;border:0;color:var(--cyan);background:transparent;font-size:11px;font-weight:680;white-space:nowrap}.text-button:hover{color:var(--cyan-dark);text-decoration:underline}.icon-button{width:30px;height:30px;display:inline-grid;place-items:center;border:1px solid #e0e8ed;border-radius:7px;color:#668090;background:#fff}.icon-button:hover{color:var(--cyan);background:#f4fafb}.icon-button.danger:hover{color:#c95252;border-color:#f5dada;background:#fff7f7}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card{display:flex;gap:14px;align-items:center;min-height:104px;padding:19px 21px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.stat-icon{width:39px;height:39px;flex:none;display:grid;place-items:center;border-radius:10px;background:#eef5f8;color:#4c8ca0}.stat-card-accent{border-color:#bfe6e9;background:linear-gradient(150deg,#eefbfb,#e5f6f8)}.stat-card-accent .stat-icon{background:#d8f1f2;color:#058e9e}.stat-label{color:#698091;font-size:11px;font-weight:550}.stat-value{margin-top:1px;color:#1e3446;font-size:25px;line-height:1.3;font-weight:760;font-variant-numeric:tabular-nums}.stat-hint{color:#9aa9b3;font-size:10px}.panel{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.data-page>.panel{margin-bottom:18px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 23px 18px}.panel-heading h2,.workspace-panel-heading h2{color:#21384a;font-size:15px;font-weight:720;line-height:1.4}.panel-heading p{margin-top:4px;color:#8a9aa7;font-size:11px;line-height:1.6}.heading-count{display:inline-flex;align-items:center;height:19px;margin-left:5px;padding:0 6px;border-radius:5px;background:#eaf3f5;color:#57818e;font-size:10px;vertical-align:1px}.import-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:17px;padding:0 23px 23px}.dropzone{min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed #b6d5df;border-radius:10px;background:#f6fbfd;text-align:center;transition:border-color .18s,background .18s}.dropzone:hover,.dropzone.drag-over{border-color:#15a6bc;background:#ebf9fb}.drop-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:12px;border-radius:13px;background:#e1f3f7;color:#1196ac}.dropzone strong{color:#2b4757;font-size:13px}.dropzone>span{margin-top:4px;color:#8ba2af;font-size:10px}.dropzone .button{min-height:31px;margin-top:15px;padding:0 12px;font-size:11px}.import-alternatives{display:flex;flex-direction:column;gap:9px;min-width:0}.alt-kicker{color:#9aa9b6;font-size:10px;font-weight:700;letter-spacing:.8px}.alt-option{display:flex;gap:11px;align-items:center;width:100%;min-height:65px;padding:9px 12px;border:1px solid #e6edf1;border-radius:9px;background:#fff;text-align:left}.alt-option:hover{border-color:#b9d9df;background:#fbfefe}.alt-option>span:nth-child(2){display:grid;gap:4px;flex:1;min-width:0}.alt-option strong{color:#2b4455;font-size:11px}.alt-option small{color:#9aa8b3;font-size:10px}.alt-option>svg{color:#a0afb8}.alt-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:8px}.alt-icon.violet{color:#7e78bb;background:#f1effc}.alt-icon.teal{color:#078da2;background:#e5f6f8}.alt-icon.amber{color:#c38f4b;background:#fcf5e8}.alt-note{display:flex;align-items:center;gap:7px;margin-top:auto;color:#91a1ae;font-size:10px;line-height:1.4}.alt-note svg{flex:none;color:#34a9b1}.mapping-panel{padding-bottom:22px}.mapping-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;padding:0 23px}.mapping-field{display:grid;gap:7px;min-width:0;color:#536a7b;font-size:11px;font-weight:590}.mapping-field b{color:#d57c58}.select-wrap{position:relative;min-width:0}.select-wrap select{width:100%;appearance:none;padding-right:31px}.select-wrap>svg{position:absolute;right:11px;top:50%;color:#9aabb8;transform:translateY(-50%);pointer-events:none}.select-wrap.wide{width:100%}.mapping-field select,.inspector-field select,.inspector-field input,.size-fields input,.inspector-grid input,.select-wrap.wide select,.range-inputs input{width:100%;min-width:0;height:36px;padding:0 10px;border:1px solid #dfe7ec;border-radius:7px;background:#fff;color:#314b5c;font-size:11px}.mapping-field select:hover,.inspector-field select:hover,.inspector-field input:hover,.size-fields input:hover,.inspector-grid input:hover,.range-inputs input:hover{border-color:#b9ccd6}.mapping-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 23px 0;padding:12px 14px;border:1px solid #dcecf0;border-radius:8px;background:#f6fbfc}.mapping-bottom>div:first-child{display:flex;align-items:center;gap:8px;color:#3c6172;font-size:11px;font-weight:680;white-space:nowrap}.mapping-bottom>div:first-child svg{color:#0a91a8}.mapping-bottom .select-wrap{width:min(315px,58%)}.mapping-bottom select{width:100%;height:35px;appearance:none;padding:0 31px 0 11px;border:1px solid #d6e5e9;border-radius:7px;background:#fff;color:#2d4a5a;font-size:11px}.mapping-bottom select:hover{border-color:#a9ccd5}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;background:#eaf8f2;color:#499879;font-size:10px;font-weight:650;white-space:nowrap}.status-dot{width:5px;height:5px;border-radius:50%;background:#46bc90}.records-panel{overflow:hidden}.records-tools{display:flex;align-items:center;gap:9px}.issue-chip{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:0 8px;border-radius:6px;background:#eaf8f0;color:#3d9b71;font-size:10px;font-weight:650}.issue-chip-warning{background:#fff1e9;color:#c2774e}.table-scroll{width:100%;overflow-x:auto;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4}.data-table{width:100%;min-width:860px;border-collapse:collapse;table-layout:fixed}.data-table th{height:39px;padding:0 11px;color:#8395a1;background:#f9fbfc;font-size:10px;font-weight:670;text-align:left;white-space:nowrap}.data-table th:nth-child(1){width:47px}.data-table th:nth-child(2){width:18%}.data-table th:nth-child(3){width:21%}.data-table th:nth-child(4){width:17%}.data-table th:nth-child(5){width:12%}.data-table th:nth-child(6){width:8%}.data-table th:nth-child(7){width:16%}.data-table th:nth-child(8){width:39px}.data-table td{height:48px;padding:5px 7px 5px 11px;border-top:1px solid #edf1f4;color:#38546a;font-size:11px}.data-table tr:hover td{background:#fafdfd}.data-table tr.row-invalid td{background:snow}.data-table .row-number{color:#a1b0ba;font-size:10px;font-variant-numeric:tabular-nums}.data-table input{width:100%;height:32px;padding:0 6px;border:1px solid transparent;border-radius:5px;outline-offset:0;background:transparent;font-size:11px;text-overflow:ellipsis}.data-table input:hover:not(:disabled),.data-table input:focus:not(:disabled){border-color:#bfdae0;background:#fff}.data-table input:disabled{color:#b9c3ca}.table-status{display:inline-flex;align-items:center;gap:4px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.table-status svg{flex:none}.table-status.good{color:#39966e}.table-status.bad{color:#c2604e}.row-delete{width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#b0bcc5}.row-delete:hover{background:#fff0f0;color:#d15959}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 23px}.pagination{display:flex;align-items:center;gap:7px;color:#92a1ac;font-size:10px}.pagination>span{margin-right:8px}.pagination button,.preview-controls button{width:27px;height:27px;display:grid;place-items:center;border:1px solid #e1e9ed;border-radius:6px;color:#557080;background:#fff}.pagination button:not(:disabled):hover,.preview-controls button:not(:disabled):hover{color:var(--cyan);border-color:#a6cfd6}.info-banner{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border:1px solid #d5e9f0;border-radius:9px;background:#edf8fb;color:#527e8a;font-size:11px;line-height:1.6}.info-banner svg{flex:none;margin-top:1px}.info-banner.warning{border-color:#f0dfcb;background:#fff8ed;color:#a97943}.page-bottom-actions{display:flex;justify-content:flex-end;margin-top:20px}.design-page{max-width:1680px;margin:0 auto;padding:30px 30px 38px}.design-top{margin-bottom:22px}.design-top-actions{display:flex;gap:9px;align-items:center}.design-workspace{display:grid;grid-template-columns:220px minmax(0,1fr) 244px;gap:17px;align-items:start}.design-left,.design-right{min-width:0;padding:18px 16px 19px}.workspace-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.workspace-panel-heading>span,.workspace-panel-heading>svg,.inspector-heading>div>span{color:#9aaab5;font-size:10px}.design-divider{height:1px;margin:19px 0;background:#edf0f3}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tool-grid button{min-height:61px;display:grid;place-content:center;justify-items:center;gap:5px;border:1px solid #e5ebef;border-radius:8px;color:#557080;background:#fff;font-size:10px}.tool-grid button svg{color:#268ea2}.tool-grid button:hover{border-color:#9ed0d8;background:#f5fbfc}.size-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.size-fields label,.inspector-grid label{display:grid;gap:7px;min-width:0;color:#697f8d;font-size:10px;font-weight:590}.panel-tip{margin-top:11px;color:#a0aeb7;font-size:10px;line-height:1.55}.design-center{min-width:0;border:1px solid #e1e8ec;border-radius:11px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.canvas-toolbar{min-height:49px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px 10px;padding:6px 15px;color:#334e5d;font-size:11px;font-weight:670;white-space:nowrap}.canvas-toolbar>div,.toolbar-right{display:flex;flex:none;flex-wrap:wrap;align-items:center;gap:7px}.canvas-dot{width:7px;height:7px;border-radius:50%;background:#31b8ba}.canvas-sub{margin-left:4px;color:#a0aeb6;font-size:10px;font-weight:400}.toolbar-badge{padding:5px 7px;border-radius:5px;color:#78939b;background:#f0f6f7;font-size:9px;font-weight:550}.toolbar-right button{width:auto;min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 5px;border:0;border-radius:5px;color:#627d8d;background:transparent;font-size:10px;white-space:nowrap}.toolbar-right .canvas-layer-toggle,.toolbar-right .canvas-open-project{width:27px;padding:0}.toolbar-right button:hover{background:#eff6f8}.toolbar-right .canvas-delete{width:auto;height:29px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border:1px solid #f0c9c9;border-radius:6px;color:#ad4e50;background:#fff6f5;font-size:10px;font-weight:720;cursor:pointer}.toolbar-right .canvas-delete:hover{border-color:#e6a9aa;color:#91383a;background:#ffebea}.toolbar-right .canvas-save{width:auto;height:29px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border:1px solid #cce1e6;color:#397685;background:#f5fbfc;font-size:10px;cursor:pointer}.toolbar-right .canvas-save:hover{border-color:#8abfc9;background:#e9f7f9}.toolbar-right .canvas-layer-toggle.active{color:#087f98;background:#e3f7fa}.layer-panel{position:absolute;z-index:8;top:66px;right:300px;width:min(324px,calc(100vw - 90px));max-height:min(590px,calc(100vh - 220px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #d6e5ea;border-radius:11px;color:#355366;background:#fffffffa;box-shadow:0 14px 38px #1e3b4a2e}.layer-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #e8eff2}.layer-panel-heading>div{display:grid;gap:3px}.layer-panel-heading strong{font-size:13px}.layer-panel-heading small,.layer-panel footer{color:#8da1ac;font-size:10px}.layer-panel-heading button,.layer-action{display:grid;place-items:center;flex:none;width:24px;height:24px;padding:0;border:0;border-radius:5px;color:#698696;background:transparent;cursor:pointer}.layer-panel-heading button:hover,.layer-action:hover:not(:disabled){color:#087f98;background:#edf8fa}.layer-action:disabled{opacity:.3;cursor:default}.layer-list{min-height:80px;overflow:auto;padding:6px}.layer-row{display:flex;align-items:center;gap:4px;min-height:35px;padding:3px 5px;border:1px solid transparent;border-radius:6px}.layer-row:hover{background:#f4f9fa}.layer-row.selected{border-color:#8bcbd8;background:#eaf8fb}.layer-row.layer-hidden{opacity:.55}.layer-row.layer-dragging{opacity:.4}.layer-grip{flex:none;color:#a3b4bc;cursor:grab}.layer-kind{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:5px;color:#1893a6;background:#e9f7f9}.layer-name{flex:1;min-width:0;overflow:hidden;padding:4px 2px;border:0;color:#3d5968;background:transparent;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:11px;cursor:pointer}.layer-name-input{flex:1;min-width:0;height:26px;padding:3px 5px;font-size:11px}.layer-empty{margin:18px 8px;color:#8da1ac;font-size:11px}.layer-panel footer{padding:9px 13px;border-top:1px solid #e8eff2;line-height:1.45}.heading-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.project-drop-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;pointer-events:none;background:#0d2d3f4d}.project-drop-overlay>div{display:grid;justify-items:center;gap:9px;padding:38px 55px;border:2px dashed #2aa9ba;border-radius:15px;color:#175d70;background:#f3fcfe;box-shadow:0 20px 50px #0a283c38}.project-drop-overlay strong{font-size:18px}.project-drop-overlay span{font-size:12px}.canvas-stage{border-top:1px solid #e9eef1;border-bottom:1px solid #e9eef1;background:#f4f7f8}.ruler-top{display:flex;justify-content:space-between;height:25px;padding:5px 13px;border-bottom:1px solid #e0e8ec;color:#a5b4bb;background:#fbfcfd;font:9px/1.4 Inter,sans-serif}.canvas-mat{min-height:485px;max-height:640px;display:flex;flex-direction:column;align-items:safe center;justify-content:safe center;gap:15px;padding:45px 20px 38px;overflow:auto;background-image:radial-gradient(#dce6eb .75px,transparent .75px);background-size:15px 15px}.canvas-corner-label{align-self:flex-start;position:sticky;left:0;color:#a7b5bf;font-size:10px}.editor-label{flex:none;width:max-content;max-width:none;border:1px solid #cddae1;background:#fff;box-shadow:0 15px 38px #22415229,0 3px 8px #22415212}.editor-label>div{flex:none}.editor-label .label-view [data-element-id]:hover{outline:1px dashed #21a6b4!important}.canvas-size-caption{flex:none;color:#8397a4;font-size:10px}.canvas-hint{display:flex;align-items:center;gap:6px;min-height:45px;padding:0 14px;color:#91a2ac;font-size:10px}.canvas-hint svg{flex:none}.inspector-heading{padding-bottom:14px;border-bottom:1px solid #edf1f3}.inspector-heading>div{display:grid;gap:3px}.inspector-body{padding-top:1px}.multi-selection-banner{margin:10px 0 12px;padding:9px 10px;border:1px solid #bde0e8;border-radius:7px;color:#397588;background:#eef9fb;font-size:10px;line-height:1.55}.selected-type{display:flex;align-items:center;gap:9px;margin:10px 0 17px}.selected-type-icon{width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:8px;color:#168fa2;background:#eaf7f9}.selected-type>div{min-width:0;flex:1;display:grid;gap:3px}.selected-type strong{font-size:11px;color:#355366}.selected-type small{color:#9aaab4;font-size:9px}.inspector-section-title{display:flex;align-items:center;justify-content:space-between;margin:17px 0 11px;color:#486374;font-size:11px;font-weight:730}.inspector-section-title>span{color:#a7b4bd;font-size:9px;font-weight:500}.inspector-field{display:grid;gap:7px;margin-bottom:11px;color:#697d8c;font-size:10px}.rich-text-editor{display:grid;gap:8px;min-width:0}.rich-text-editor textarea{min-height:108px;resize:vertical;line-height:1.5}.rich-text-editor small{color:#91a4ae;font-size:10px;line-height:1.45}.rich-format-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.rich-format-toolbar>span{width:100%;color:#79909d;font-size:10px}.rich-format-toolbar label{display:flex;align-items:center;gap:4px;color:#627d89;white-space:nowrap}.rich-format-toolbar input{width:54px;height:28px;padding:3px 4px}.rich-format-toolbar button{min-height:28px;padding:3px 7px;border:1px solid #d8e4e8;border-radius:5px;color:#4d7180;background:#f8fbfc;font-size:10px;cursor:pointer}.rich-format-toolbar button:hover{border-color:#76c1d0;background:#edfafc}.font-load-button{height:30px;border:1px solid #b7dde5;border-radius:6px;color:#087f98;background:#effafb;font-size:10px;cursor:pointer}.font-load-button:hover{background:#e0f6fa}.element-resize-handle{position:absolute;z-index:3;right:0;bottom:0;width:3mm;height:3mm;padding:0;border:.4mm solid #fff;border-radius:.7mm;background:#1f9cb7;box-shadow:0 0 0 .2mm #2563eb;cursor:nwse-resize;touch-action:none}.app-shell.design-mode{grid-template-columns:70px minmax(0,1fr)}.design-mode .sidebar{padding-inline:10px}.design-mode .brand{justify-content:center;padding-bottom:37px}.design-mode .brand>div:last-child,.design-mode .sidebar-section-label,.design-mode .step-copy,.design-mode .step-index,.design-mode .project-card,.design-mode .sidebar-action,.design-mode .sidebar-bottom{display:none}.design-mode .step-link{justify-content:center;min-height:51px;padding:6px}.design-mode .step-icon{width:38px;height:38px}.design-mode .sidebar-separator{margin:19px 4px}.design-mode .design-page{max-width:none;min-height:100vh;padding:17px 20px 24px}.design-mode .design-top{margin-bottom:13px}.design-mode .design-workspace{position:relative;display:block;min-height:calc(100vh - 165px)}.design-mode .design-left,.design-mode .design-right{position:absolute;z-index:6;top:72px;bottom:20px;width:222px;max-height:calc(100vh - 210px);overflow:auto;border:1px solid #dce8ec;border-radius:11px;background:#fffffff5;box-shadow:0 9px 28px #1f3a481f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.design-mode .design-left{left:17px}.design-mode .design-right{right:17px;width:265px}.design-mode .design-center{position:relative;width:100%;min-height:calc(100vh - 165px);border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}.design-mode .canvas-toolbar{position:absolute;z-index:7;top:14px;left:50%;transform:translate(-50%);width:calc(100% - 30px);max-width:1100px;min-height:42px;height:auto;justify-content:center;padding:5px 10px;border:1px solid #dce8ec;border-radius:10px;background:#fffffff7;box-shadow:0 6px 20px #1e3b4a1c}.design-mode .canvas-toolbar .toolbar-right{justify-content:center}.zoom-controls{display:flex;align-items:center;gap:3px;padding:0 6px;border-left:1px solid #e7edf0;border-right:1px solid #e7edf0}.zoom-controls span{min-width:34px;text-align:center;color:#557382;font-size:10px}.toolbar-right .zoom-controls button{width:auto;min-width:25px;height:26px;padding:0 4px;color:#56788a;font-size:10px}.design-mode .canvas-stage{border:0;background:transparent}.design-mode .ruler-top{display:none}.design-mode .canvas-mat{position:relative;min-height:calc(100vh - 165px);max-height:none;height:calc(100vh - 165px);padding:0;overflow:hidden;background-color:#edf3f5;background-image:radial-gradient(#cfdee4 .9px,transparent .9px);background-size:18px 18px;cursor:grab}.design-mode .canvas-mat:active{cursor:grabbing}.design-mode .canvas-corner-label{position:absolute;top:25px;left:27px;align-self:auto;color:#879ba7;font-size:10px;pointer-events:none}.design-mode .editor-label{border:0;box-shadow:0 15px 46px #1a37462e,0 2px 7px #1a374614}.design-mode .canvas-size-caption{position:absolute;bottom:53px;left:50%;transform:translate(-50%);padding:5px 9px;border-radius:6px;color:#678390;background:#fffc;pointer-events:none}.design-mode .canvas-hint{position:absolute;bottom:13px;left:50%;transform:translate(-50%);min-height:30px;padding:0 11px;border:1px solid #dce8ec;border-radius:7px;background:#fffffff0;box-shadow:0 4px 13px #1e3b4a14;white-space:nowrap}.design-mode .design-left .tool-grid button{min-height:54px}@media(max-width:1050px){.layer-panel{right:18px;top:64px}}.barcode-modal{width:min(490px,100%)}.barcode-modal .inspector-field{font-size:12px}.barcode-modal .inspector-field input,.barcode-modal .inspector-field select{height:42px;font-size:14px}.inspector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin:13px 0;color:#586e7e;font-size:10px}.toggle-row input{accent-color:var(--cyan);width:16px;height:16px}.delete-element{width:100%;margin-top:20px;color:#b65e5e}.inspector-empty{display:flex;flex-direction:column;align-items:center;padding:38px 8px 31px;text-align:center}.inspector-empty>div{width:61px;height:61px;display:grid;place-items:center;margin-bottom:14px;border-radius:17px;color:#8bb4bd;background:#f0f7f8}.inspector-empty strong{font-size:12px;color:#567080}.inspector-empty p{max-width:170px;margin-top:7px;color:#a4b0b9;font-size:10px;line-height:1.6}.print-layout{display:grid;grid-template-columns:minmax(295px,342px) minmax(0,1fr);gap:18px;align-items:start}.print-controls{display:grid;gap:13px;min-width:0}.print-control-panel{overflow:hidden}.print-control-panel .panel-heading{align-items:center;padding-bottom:15px;border-bottom:1px solid #edf1f3}.print-control-panel .panel-heading>svg{flex:none;color:#7e9baa}.control-content{padding:18px 20px 20px}.control-label{display:flex;justify-content:space-between;margin-bottom:10px;color:#4e697a;font-size:11px;font-weight:650}.control-label span{color:#9cadb7;font-size:10px;font-weight:450}.range-inputs{display:flex;align-items:center;gap:8px}.range-inputs label{display:flex;align-items:center;gap:5px;min-width:0;color:#8295a1;font-size:10px;white-space:nowrap}.range-inputs input{width:59px;height:33px;text-align:center;font-variant-numeric:tabular-nums}.range-inputs>span{color:#b8c5ce}.print-summary{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;padding:12px 5px;border:1px solid #dbecef;border-radius:8px;background:#f3fafb}.print-summary>div{display:grid;gap:2px;justify-items:center;border-right:1px solid #d8e9ec}.print-summary>div:last-child{border:0}.print-summary span{color:#7993a0;font-size:9px}.print-summary strong{color:#226f83;font-size:18px;line-height:1.25;font-variant-numeric:tabular-nums}.paper-facts{display:flex;flex-wrap:wrap;gap:8px 13px;margin-top:10px;color:#91a3ae;font-size:10px}.advanced-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:17px;padding:12px 0 0;border:0;border-top:1px solid #edf1f4;color:#27899e;background:transparent;font-size:10px;font-weight:670}.advanced-toggle svg{transition:transform .2s}.advanced-toggle svg.rotated{transform:rotate(180deg)}.advanced-paper{padding-top:15px}.print-check{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border:1px solid #cbeadb;border-radius:9px;background:#eefaf3}.print-check.has-warning{border-color:#f1dec7;background:#fff8ed}.print-check-icon{color:#39a57b}.print-check.has-warning .print-check-icon{color:#cb8e4a}.print-check strong{color:#437b66;font-size:11px}.print-check.has-warning strong{color:#a26c36}.print-check p{margin-top:4px;color:#7ba18c;font-size:10px;line-height:1.5}.print-check.has-warning p{color:#b4916f}.print-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.print-buttons .button{min-width:0;min-height:41px;padding:0 7px}.print-buttons .button:first-child{grid-column:1 / -1;min-height:35px;color:#607b88;background:#f7fafb}.print-buttons .button:nth-child(2){border-color:#aed9df;color:#087f98;background:#f0fafb}.print-buttons .button:nth-child(2):hover:not(:disabled){border-color:#6ab9c5;background:#e5f6f8}.print-buttons .button:nth-child(3){font-weight:760}.print-footnote{color:#95a6b1;font-size:10px;line-height:1.6}.print-preview-panel{min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:55px;padding:0 19px;border-bottom:1px solid #e8eef1}.preview-toolbar>div{display:flex;align-items:center;gap:12px}.preview-title{color:#274453;font-size:12px;font-weight:720}.preview-sub{color:#a1b0b8;font-size:10px}.preview-controls{display:flex;gap:6px}.preview-stage{display:flex;align-items:flex-start;justify-content:safe center;min-height:515px;max-height:850px;padding:34px 18px;overflow:auto;background:#edf1f3;background-image:linear-gradient(45deg,#e9eef1 25%,transparent 25%),linear-gradient(-45deg,#e9eef1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9eef1 75%),linear-gradient(-45deg,transparent 75%,#e9eef1 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.preview-page-wrap{flex:none;width:max-content;max-width:none}.preview-page-scale{width:max-content;height:max-content;zoom:1.45}.preview-page-scale:has(.page-sheet[style*="210mm"]){zoom:.82}.page-sheet{box-sizing:border-box;flex:none;background:#fff;box-shadow:0 14px 32px #283d4b2b,0 1px 4px #283d4b1a;overflow:hidden}.page-grid{align-content:start;justify-content:start}.preview-bottom{display:flex;justify-content:space-between;gap:10px;padding:13px 19px;color:#9cabb4;font-size:10px}.preview-bottom>div{display:flex;align-items:center;gap:7px}.preview-dot{width:6px;height:6px;border-radius:50%;background:#364956}.empty-preview{display:grid;justify-items:center;align-content:center;gap:9px;min-height:390px;color:#a0b3be;text-align:center}.empty-preview strong{color:#66808e;font-size:12px}.empty-preview span{font-size:10px}.print-page>.info-banner{margin-top:17px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;background:#0d233075;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.paste-modal{width:min(630px,100%);padding:25px;border:1px solid #d9e7ec;border-radius:15px;background:#fff;box-shadow:0 23px 70px #071e2d3b}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.modal-heading>div{min-width:0}.modal-icon{width:38px;height:38px;display:grid;place-items:center;margin-bottom:12px;border-radius:9px;color:#078ca5;background:#eaf8fa}.modal-heading h2{color:#234152;font-size:19px}.modal-heading p{margin:5px 0 17px;color:#91a2ac;font-size:11px}.paste-modal textarea{width:100%;min-height:215px;padding:14px;border:1px solid #dce7eb;border-radius:9px;resize:vertical;background:#fbfdfd;font-size:12px;line-height:1.7}.serial-modal{width:min(650px,100%)}.serial-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:2px 0 16px}.serial-form label{display:grid;gap:7px;min-width:0;color:#607788;font-size:10px;font-weight:640}.serial-form input{width:100%;height:37px;min-width:0;padding:0 10px;border:1px solid #dbe6eb;border-radius:7px;background:#fbfdfd;font-size:11px;font-weight:500}.serial-form input:hover{border-color:#b4cfd7}.serial-form input::placeholder{color:#b3c0c7}.serial-example{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 14px;border:1px solid #d6e9ed;border-radius:8px;background:#f2fafb}.serial-example>span{flex:none;color:#7e9aa5;font-size:10px;font-weight:670}.serial-example strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#126f85;font:700 15px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.5px;white-space:nowrap}.serial-example small{flex:none;color:#94aab3;font-size:9px}.modal-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px}.modal-bottom>span{color:#a0afb9;font-size:10px}.modal-bottom>div{display:flex;gap:8px}.toast{position:fixed;right:25px;bottom:24px;z-index:30;display:flex;align-items:center;gap:9px;max-width:min(420px,calc(100vw - 40px));min-height:42px;padding:10px 12px;border:1px solid #d5e7ee;border-radius:9px;background:#fff;box-shadow:0 10px 34px #19374626;color:#436b79;font-size:11px}.toast svg{flex:none}.toast-success{color:#368365;border-color:#cce8d9}.toast-error{color:#b45d59;border-color:#f2d5d3}.toast button{display:grid;place-items:center;margin-left:auto;padding:2px;border:0;color:#9daab2;background:transparent}.print-root{display:none}@media(max-width:1240px){.app-shell{grid-template-columns:208px minmax(0,1fr)}.topbar{padding:0 27px}.page-content{padding:29px 27px 38px}.design-page{padding:27px 22px 35px}.design-workspace{grid-template-columns:190px minmax(0,1fr) 210px;gap:12px}.design-left,.design-right{padding:16px 12px}.preview-page-scale:has(.page-sheet[style*="210mm"]){zoom:.58}.preview-page-scale{zoom:1.15}.print-layout{grid-template-columns:minmax(275px,310px) minmax(0,1fr);gap:13px}}@media(max-width:920px){.app-shell{grid-template-columns:70px minmax(0,1fr)}.sidebar{min-height:100vh;padding-inline:10px}.brand{justify-content:center;padding:0 0 37px}.brand>div:last-child,.sidebar-section-label,.step-copy,.step-index,.project-card,.sidebar-action,.sidebar-bottom{display:none}.step-link{justify-content:center;min-height:51px;padding:6px}.step-icon{width:38px;height:38px}.sidebar-separator{margin:19px 4px}.design-workspace{grid-template-columns:190px minmax(0,1fr)}.design-right{grid-column:1 / -1}.print-layout{grid-template-columns:1fr}.print-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.print-check,.print-buttons,.print-footnote{grid-column:1 / -1}.preview-page-scale:has(.page-sheet[style*="210mm"]){zoom:.78}}@media(max-width:700px){.topbar{height:58px;padding:0 16px}.saved-indicator,.top-help{display:none}.page-content,.design-page{padding:24px 16px 34px}.page-heading,.design-top{align-items:flex-start;flex-direction:column;gap:17px}.stats-grid{grid-template-columns:1fr;gap:9px}.stat-card{min-height:76px;padding:13px}.import-grid{grid-template-columns:1fr}.mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mapping-bottom{align-items:stretch;flex-direction:column;gap:9px}.mapping-bottom .select-wrap{width:100%}.serial-form{grid-template-columns:repeat(2,minmax(0,1fr))}.serial-example{flex-wrap:wrap}.serial-example strong{flex-basis:100%;order:3}.design-workspace{grid-template-columns:1fr}.design-right{grid-column:auto}.canvas-mat{min-height:400px}.print-controls{grid-template-columns:1fr}.print-check,.print-buttons,.print-footnote{grid-column:auto}.preview-page-scale:has(.page-sheet[style*="210mm"]){zoom:.45}.preview-bottom{flex-wrap:wrap}}@media(max-width:470px){.canvas-toolbar .toolbar-badge,.canvas-toolbar .canvas-sub{display:none}.serial-form{grid-template-columns:1fr}.serial-modal .modal-bottom{align-items:stretch;flex-direction:column}.serial-modal .modal-bottom>div{justify-content:flex-end}}@media(max-width:1050px){.design-mode .design-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.design-mode .design-center{grid-column:1 / -1;grid-row:1}.design-mode .design-left,.design-mode .design-right{position:static;width:auto;max-height:none;overflow:visible}.design-mode .design-left{grid-column:1;grid-row:2}.design-mode .design-right{grid-column:2;grid-row:2}.design-mode .canvas-mat{min-height:540px;height:65vh}}@media(max-width:700px){.design-mode .design-workspace{grid-template-columns:1fr}.design-mode .design-left,.design-mode .design-right{grid-column:1}.design-mode .design-left{grid-row:2}.design-mode .design-right{grid-row:3}.design-mode .canvas-toolbar{top:8px;width:calc(100% - 14px);justify-content:center}.design-mode .canvas-toolbar .toolbar-badge,.design-mode .canvas-toolbar .canvas-sub{display:none}.design-mode .canvas-hint{max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis}}@media print{html,body,#root{width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important}.app-shell,.modal-backdrop,.toast,input[type=file]{display:none!important}.print-root{display:block!important;width:auto!important;margin:0!important;padding:0!important}.print-root>.print-page{display:grid!important;margin:0!important;border:0!important;box-shadow:none!important;background:#fff!important;overflow:hidden!important;break-after:page;page-break-after:always}.print-root>.print-page:last-child{break-after:auto;page-break-after:auto}.print-root>.print-page>.print-slot{box-sizing:border-box!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.print-root>.page-sheet{margin:0!important;border:0!important;box-shadow:none!important;break-after:page;page-break-after:always}.print-root>.page-sheet:last-child{break-after:auto;page-break-after:auto}.print-root .label-view{border:0!important;box-shadow:none!important}}.manual-panel .panel-heading{align-items:center}.manual-grid{display:grid;grid-template-columns:minmax(180px,1.45fr) repeat(3,minmax(100px,1fr)) 88px auto;gap:10px;align-items:end;padding:0 20px 20px}.manual-grid label{display:flex;flex-direction:column;gap:6px;color:#547084;font-size:11px;font-weight:700}.manual-grid input,.version-create input{box-sizing:border-box;width:100%;height:38px;padding:0 10px;color:#17334a;background:#fff;border:1px solid #d7e3e9;border-radius:7px;font:inherit}.manual-grid input:focus,.version-create input:focus{outline:2px solid #8cd8e8;border-color:#0b9bb4}.manual-grid .button{height:38px;white-space:nowrap}.records-empty{margin:0 20px 14px;padding:22px;border:1px dashed #c5d7df;border-radius:9px;text-align:center;color:#6b8392;font-size:13px}.version-create{display:flex;gap:9px;margin:15px 0}.version-create input{flex:1}.version-list{max-height:300px;overflow:auto}.version-list>p{padding:18px;color:#6b8392;text-align:center}.version-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #e6edf0}.version-row>span{flex:1;display:flex;flex-direction:column;gap:3px}.version-row small{color:#8195a1}@media(max-width:1300px){.manual-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.manual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-grid .button{grid-column:span 2}}