:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#162033;background:#eef2f6;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #1769e0;--blue-light: #eaf2ff;--border: #d8e0e9;--muted: #667085;--panel: #ffffff;--workspace: #edf2f7}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-rows:66px minmax(0,1fr) 38px;width:100%;height:100%;background:#fff}.topbar{display:flex;align-items:center;gap:18px;padding:0 22px;border-bottom:1px solid var(--border);background:#fff;z-index:20}.brand{font-size:24px;font-weight:760;letter-spacing:-.04em;white-space:nowrap}.topbar-divider{width:1px;height:26px;background:var(--border)}.template-picker{display:flex;align-items:center;gap:8px;font-size:14px;min-width:0}.template-picker>span{color:var(--muted)}.template-menu-wrap{position:relative;min-width:230px}.template-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid transparent;border-radius:6px;background:transparent;padding:7px 8px;color:#162033;font-weight:650;text-align:left;cursor:pointer}.template-trigger:hover,.template-trigger[aria-expanded=true]{border-color:#cbd5e1;background:#f7f9fc}.template-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:250px;max-width:360px;padding:6px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 16px 34px #10182829;z-index:70}.template-menu-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:36px;padding:8px 10px;border:0;border-radius:5px;background:#fff;color:#344054;font-size:13px;text-align:left;cursor:pointer}.template-menu-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-menu-item:hover{background:#f3f6fa}.template-menu-item.selected{color:var(--blue);background:var(--blue-light);font-weight:650}.template-menu-item.selected svg{flex:0 0 auto}.top-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.toolbar-button,.primary-button,.secondary-button,.fit-button,.add-region-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border-radius:6px;white-space:nowrap}.toolbar-button{height:40px;padding:0 12px;font-size:14px}.toolbar-button:hover{background:#f3f6fa}.primary-button{min-height:40px;padding:0 24px;background:var(--blue);color:#fff;font-weight:650;box-shadow:0 3px 10px #1769e02e}.primary-button:hover{background:#0e5bc8}.secondary-button{min-height:40px;padding:0 20px;border:1px solid var(--border);background:#fff}.editor-layout{display:grid;grid-template-columns:238px minmax(360px,1fr) 316px;min-height:0}.layers-panel,.inspector-panel{min-height:0;background:var(--panel);z-index:10}.layers-panel{display:flex;flex-direction:column;border-right:1px solid var(--border)}.panel-heading{padding:18px 22px 14px;font-size:16px;font-weight:700}.layer-list{padding:0 10px;display:flex;flex-direction:column;gap:5px}.layer-row{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) 28px 28px;align-items:center;gap:8px;min-height:46px;padding:0 7px 0 12px;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:14px}.layer-row:hover{background:#f7f9fc}.layer-row.selected{color:var(--blue);border-color:#b9d3fa;background:var(--blue-light);box-shadow:inset 3px 0 0 var(--blue)}.layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:5px;background:transparent;cursor:pointer}.icon-button:hover{background:#edf1f6}.icon-button.compact{width:27px;height:27px}.layer-menu-wrap{position:relative}.layer-menu{position:absolute;top:30px;right:0;width:126px;padding:5px;background:#fff;border:1px solid var(--border);box-shadow:0 12px 30px #10182824;border-radius:7px;z-index:40}.layer-menu button{width:100%;display:flex;align-items:center;gap:7px;border:0;background:none;padding:8px;border-radius:4px;text-align:left;cursor:pointer;font-size:13px}.layer-menu button:hover{background:#f3f6f9}.layer-menu button.danger{color:#c83b42}.add-region-button{justify-content:flex-start;padding:12px 18px;margin:6px 10px;color:#344054;font-size:14px}.add-region-button:hover{background:#f4f7fa}.layers-hint{margin-top:auto;padding:18px;font-size:12px;line-height:1.6;color:#8a94a6;border-top:1px solid #edf0f4}.empty-layers{padding:24px 12px;color:var(--muted);font-size:13px;text-align:center}.canvas-workspace{position:relative;min-width:0;min-height:0;overflow:auto;background:var(--workspace);outline:none}.canvas-workspace:focus-visible{box-shadow:inset 0 0 0 2px #1769e04d}.zoom-control{position:sticky;top:14px;left:calc(100% - 294px);width:max-content;height:42px;display:flex;align-items:center;gap:4px;padding:4px;background:#fff;border:1px solid var(--border);border-radius:7px;box-shadow:0 5px 14px #16203314;z-index:8}.zoom-control>span{width:47px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}.zoom-divider{width:1px;height:22px;margin:0 3px;background:var(--border)}.fit-button{height:32px;padding:0 8px;font-size:13px}.fit-button:hover{background:#f3f6f9}.fit-button:disabled{color:#8a94a6;cursor:default}.paper-stage{min-width:100%;min-height:calc(100% - 48px);display:flex;align-items:center;justify-content:center;padding:48px 36px 54px}.paper-frame{position:relative;flex:none}.paper{position:absolute;left:28px;top:28px;background-color:#fff;background-image:linear-gradient(to right,rgba(30,96,170,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(30,96,170,.07) 1px,transparent 1px),linear-gradient(to right,rgba(30,96,170,.11) 1px,transparent 1px),linear-gradient(to bottom,rgba(30,96,170,.11) 1px,transparent 1px);background-size:var(--minor-grid) var(--minor-grid),var(--minor-grid) var(--minor-grid),var(--major-grid) var(--major-grid),var(--major-grid) var(--major-grid);border:1px solid #cad3df;box-shadow:0 8px 22px #1723361c;overflow:hidden}.ruler{position:absolute;color:#526076;font-size:10px;font-variant-numeric:tabular-nums}.ruler-horizontal{left:28px;top:0;height:28px;width:calc(100% - 28px);border-bottom:1px solid #9eabbc;background-image:repeating-linear-gradient(to right,#a9b5c4 0 1px,transparent 1px 5px);background-size:10px 7px;background-repeat:repeat-x;background-position:bottom}.ruler-vertical{left:0;top:28px;width:28px;height:calc(100% - 28px);border-right:1px solid #9eabbc;background-image:repeating-linear-gradient(to bottom,#a9b5c4 0 1px,transparent 1px 5px);background-size:7px 10px;background-repeat:repeat-y;background-position:right}.ruler-label{position:absolute}.ruler-horizontal .ruler-label{bottom:10px;transform:translate(-2px)}.ruler-vertical .ruler-label{right:10px;transform:translateY(-3px)}.ruler-horizontal .ruler-end-label{transform:translate(-100%)}.ruler-vertical .ruler-end-label{transform:translateY(-100%)}.ruler-end-label{color:#162033;font-weight:650}.ruler-unit{position:absolute}.ruler-horizontal .ruler-unit{right:-34px;bottom:8px}.ruler-vertical .ruler-unit{bottom:-18px;right:7px}.print-region{position:absolute;border:1px dashed rgba(73,93,119,.6);overflow:visible;cursor:move;color:#111;-webkit-user-select:none;user-select:none}.print-region.selected{border:1px solid var(--blue);box-shadow:0 0 0 1px #1769e01f;z-index:3}.text-preview{width:100%;height:100%;overflow:hidden;white-space:pre-wrap}.horizontal-text{display:flex;flex-direction:column}.horizontal-line{width:100%;flex:0 0 auto}.vertical-text{display:flex;flex-direction:row-reverse}.vertical-line{height:100%;display:flex;flex-direction:column;flex:0 0 auto}.resize-handle{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid var(--blue);z-index:4}.handle-nw{left:-4px;top:-4px;cursor:nwse-resize}.handle-n{left:50%;top:-4px;transform:translate(-50%);cursor:ns-resize}.handle-ne{right:-4px;top:-4px;cursor:nesw-resize}.handle-e{right:-4px;top:50%;transform:translateY(-50%);cursor:ew-resize}.handle-se{right:-4px;bottom:-4px;cursor:nwse-resize}.handle-s{left:50%;bottom:-4px;transform:translate(-50%);cursor:ns-resize}.handle-sw{left:-4px;bottom:-4px;cursor:nesw-resize}.handle-w{left:-4px;top:50%;transform:translateY(-50%);cursor:ew-resize}body.is-dragging,body.is-dragging *{cursor:grabbing!important}.inspector-panel{display:flex;flex-direction:column;border-left:1px solid var(--border);overflow:hidden}.inspector-tabs{display:grid;grid-template-columns:1fr 1fr;height:53px;border-bottom:1px solid var(--border)}.inspector-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:#fff;cursor:pointer;font-size:14px;font-weight:600;color:#667085}.inspector-tabs button.active{color:var(--blue)}.inspector-tabs button.active:after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:2px;background:var(--blue)}.inspector-tabs button:disabled{opacity:.45;cursor:not-allowed}.inspector-content{min-height:0;overflow-y:auto}.inspector-section{padding:17px 20px;border-bottom:1px solid #e8edf2}.inspector-section h3{margin:0 0 12px;font-size:14px;font-weight:700;color:#344054}.position-grid,.paper-size-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.number-field{display:grid;grid-template-columns:29px minmax(0,1fr);align-items:center;gap:4px;font-size:13px}.input-with-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #cbd5e1;border-radius:5px;background:#fff;overflow:hidden}.input-with-unit:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px #1769e01f}.input-with-unit input{width:100%;min-width:0;border:0;padding:8px 4px 8px 9px;outline:none;font-variant-numeric:tabular-nums}.input-with-unit>span{padding:0 8px 0 3px;color:var(--muted);font-size:12px}.stacked-field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#475467}.stacked-field input,.control-row input,.control-row select,.content-textarea,.visually-label-only input{width:100%;border:1px solid #cbd5e1;border-radius:5px;padding:9px 10px;outline:none;background:#fff;color:#1d2939}.stacked-field input:focus,.control-row input:focus,.control-row select:focus,.content-textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #1769e01f}.visually-label-only>span{display:none}.content-textarea{resize:vertical;min-height:86px;line-height:1.5}.control-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;margin:10px 0;font-size:13px}.control-row>span:first-child{color:#475467}.input-with-unit.full{width:100%}.segmented{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #cbd5e1;border-radius:5px;overflow:hidden}.segmented.two{grid-template-columns:1fr 1fr}.segmented button{height:34px;border:0;border-right:1px solid #cbd5e1;background:#fff;cursor:pointer;font-size:13px}.segmented button:last-child{border-right:0}.segmented button:hover{background:#f5f8fc}.segmented button.active{color:var(--blue);background:var(--blue-light);box-shadow:inset 0 0 0 1px var(--blue)}.icon-segmented button{display:flex;align-items:center;justify-content:center}.checkbox-row{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:#475467}.checkbox-row input{accent-color:var(--blue)}.field-help{margin:11px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.print-note{display:flex;align-items:flex-start;gap:10px;background:#f8fafc}.print-note svg{color:var(--blue);margin-top:1px}.print-note h3{margin-bottom:5px}.print-note p{margin:0;font-size:12px;line-height:1.6;color:var(--muted)}.statusbar{display:flex;align-items:center;gap:16px;padding:0 22px;border-top:1px solid var(--border);background:#fff;font-size:12px;color:#526076}.statusbar>div{display:flex;align-items:center;gap:7px}.status-divider{width:1px;height:17px;background:var(--border)}.save-status{margin-left:auto}.save-status svg{color:#0b9d6a}.dialog-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a47;z-index:100}.dialog{width:min(480px,100%);padding:24px;background:#fff;border-radius:10px;box-shadow:0 24px 70px #0f172a38}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.dialog-header h2{margin:0 0 6px;font-size:20px}.dialog-header p{margin:0;color:var(--muted);font-size:13px}.dialog-size-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.toast{position:fixed;left:50%;bottom:54px;transform:translate(-50%);padding:10px 16px;border-radius:7px;background:#162033;color:#fff;box-shadow:0 8px 24px #16203338;font-size:13px;z-index:110;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1050px){.editor-layout{grid-template-columns:196px minmax(320px,1fr) 286px}.toolbar-button{padding:0 7px}.toolbar-button svg{display:none}.template-menu-wrap{min-width:180px}}@media(max-width:820px){.app-shell{grid-template-rows:auto minmax(0,1fr) 38px}.topbar{min-height:66px;padding:10px 14px;flex-wrap:wrap;gap:8px}.brand{font-size:20px}.template-picker{flex:1}.template-menu-wrap{flex:1;min-width:0}.top-actions{width:100%;overflow-x:auto;padding-bottom:2px}.editor-layout{grid-template-columns:54px minmax(300px,1fr) 270px}.panel-heading,.layer-name,.layers-hint,.add-region-button{font-size:0}.panel-heading{height:53px;padding:0}.layer-row{grid-template-columns:22px;justify-content:center;padding:0}.layer-row .icon-button,.layer-menu-wrap{display:none}.add-region-button{justify-content:center;margin:6px;padding:10px}}