:root{--mobile-bar-h:58px}html,body{height:100%;margin:0;background:var(--bg);color:var(--ink);font:14px/1.4 system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{display:grid;grid-template-rows:auto 1fr;height:100%}.workspace{display:grid;grid-template-columns:300px 1fr 320px;gap:12px;padding:12px}.canvas-wrap{display:flex;justify-content:center;align-items:flex-start;overflow:auto;min-width:0}.flex-br{flex-basis:100%;height:0}.mb-small{margin-bottom:8px}.ml-small{margin-left:8px}.ml-medium{margin-left:12px}.ml-auto{margin-left:auto}.input-small{width:80px}.zoom-slider{width:160px}.stack{display:block}.filter-label{margin-top:0.5rem}.sidebar-separator{border:none;border-top:1px solid #2a323d;margin:12px 0}.inspector-content{margin-top:6px}.toolbar{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:12px;row-gap:6px;padding:10px 12px;background:linear-gradient(180deg,rgba(20,20,20,.85),rgba(20,20,20,.85)),var(--panel);backdrop-filter:saturate(1.1) blur(6px);border-bottom:1px solid rgba(255,255,255,.06)}.toolbar .group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0}.toolbar .group.break{flex-basis:100%}.toolbar .flex-br{flex-basis:100%;height:0;padding:0;margin:0;border:0}.toolbar .sep{flex-basis:100%;height:0;margin:4px 0;border-top:1px solid rgba(255,255,255,.08);background:transparent}.toolbar label,.toolbar input,.toolbar select,.toolbar button{margin:0;line-height:1.2}.toolbar label{color:var(--sub);font-size:12px;letter-spacing:.2px}.toolbar input[type="number"],.toolbar input[type="text"],.toolbar select,.toolbar search{background:var(--panel-2);color:var(--white);border:1px solid var(--border);padding-left:6px;border-radius:10px;min-height:32px;width:100px;transition:border-color .15s,box-shadow .15s,background .15s;outline:none}.toolbar select option{background:#1f2328;color:#e9eef7}.toolbar input:focus,.toolbar select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(102,170,255,.25)}.toolbar button{text-align:center;border-radius:10px;padding:6px 10px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#353a42,#2d3238);color:#fff;font-size:13px;line-height:1.3;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 3px rgba(0,0,0,.3);transition:background .2s,border-color .2s,color .2s,transform .02s}.toolbar button:hover{border-color:#4a515a;background:linear-gradient(180deg,#3c424a,#34393f)}.toolbar button:active{transform:translateY(1px);background:linear-gradient(180deg,#2f353c,#272b31)}#zoomControls,#assetBaseUrl,#LayoutControls{margin-left:auto;flex-wrap:nowrap;gap:8px}#dataSelectorAndFilter,#liveMode{margin-left:100px}#assetBase{width:260px}#datasetSelect{min-width:120px}#languageSwitcher{margin-left:auto}#btnImportTemplate,#btnImportPXF{margin-left:50px}#btnPdfMenu,#btnPptxMenu{position:relative;padding-right:28px}#btnPdfMenu::after,#btnPptxMenu::after{content:"▾";position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:.7;font-size:12px}#exportMenu button{min-width:100px}#dataLoad button{width:200px}.sidebar{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px;overflow:auto;box-shadow:0 10px 30px rgba(0,0,0,.25) inset}.sidebar h3{margin:6px 0 8px;font:600 13px/1.2 ui-sans-serif,system-ui;letter-spacing:.25px;color:#e6ebf4}.small{font-size:12px;color:var(--sub)}.small a{color:white;text-decoration:none}.small a:hover{text-decoration:underline}.section-body button{width:100%;text-align:left;border-radius:10px;padding:6px 10px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#353a42,#2d3238);color:#fff;font-size:13px;line-height:1.3;margin-bottom:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 3px rgba(0,0,0,.3)}.section-body button:hover{border-color:#4a515a;background:linear-gradient(180deg,#3c424a,#34393f)}.section-body button:active{transform:translateY(1px);background:linear-gradient(180deg,#2f353c,#272b31)}.palette button{width:100%;text-align:left;border-radius:10px;padding:6px 10px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#353a42,#2d3238);color:#fff;font-size:13px;line-height:1.3;margin-bottom:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 3px rgba(0,0,0,.3)}.palette button:hover{border-color:#4a515a;background:linear-gradient(180deg,#3c424a,#34393f)}.palette button:active{transform:translateY(1px);background:linear-gradient(180deg,#2f353c,#272b31)}.sidebar #inspector details{border:1px solid rgba(255,255,255,.08);border-radius:10px;margin:8px 0;overflow:hidden}.sidebar #inspector summary{cursor:pointer;padding:8px 10px;background:linear-gradient(180deg,#2f3339,#2a2e34);font-weight:600;color:#e8ecf6}.sidebar #inspector .section-body{padding:8px 10px;background:linear-gradient(180deg,#2c2f35,#272b31)}.sidebar #inspector input[type="text"],.sidebar #inspector input[type="number"],.sidebar #inspector input[type="color"],.sidebar #inspector select,.sidebar #inspector textarea{-webkit-appearance:none;appearance:none;background:linear-gradient(180deg,#2c2f35,#272b31);color:#f6f7fb;border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:0 10px;min-height:34px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.25);transition:border-color .15s,box-shadow .15s,background .2s;outline:none}.sidebar #inspector textarea{padding:8px 10px}.sidebar #inspector select option{background:#1f2328;color:#e9eef7}.sidebar #inspector .small{display:block;margin:8px 0 6px;color:var(--sub)}.sidebar #inspector input[type="checkbox"]{accent-color:var(--blue);width:16px;height:16px;border-radius:4px}.sidebar #inspector input[type=number]::-webkit-outer-spin-button,.sidebar #inspector input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fieldsexplorer{max-height:36vh;overflow-y:auto;overflow-x:hidden;border:1px solid #2a323d;border-radius:8px;padding:8px}#inspectorFooter{position:sticky;bottom:0;margin-top:10px;padding:10px;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#2b2b2c,#262729);border-radius:10px}#inspectorFooter .if-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}#inspectorFooter .if-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}#inspectorFooter .if-nav-mid{display:flex;gap:6px}#inspectorFooter .if-zoom{display:flex;gap:6px;flex-wrap:wrap}#inspectorFooter button{border-radius:10px;padding:6px 10px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#353a42,#2d3238);color:#fff;font-size:12px;line-height:1.2;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 3px rgba(0,0,0,.3);cursor:pointer}#inspectorFooter button:hover{border-color:#4a515a;background:linear-gradient(180deg,#3c424a,#34393f)}#inspectorFooter button:active{transform:translateY(1px);background:linear-gradient(180deg,#2f353c,#272b31)}.page{position:relative;background:#fff;color:#111;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.45),0 2px 0 rgba(0,0,0,.18);outline:1px solid rgba(0,0,0,.06);transform-origin:top left;will-change:transform;flex-shrink:0}.page.a4hoch{width:794px;height:1123px}.page.a4quer{width:1123px;height:794px}.page.a5hoch{width:560px;height:794px}.page.a5quer{width:794px;height:560px}.page.hd{width:1280px;height:720px}.page.fullhd{width:1920px;height:1080px}.page.wqhd{width:2560px;height:1440px}.page.4k{width:3840px;height:2160px}.page.8k{width:7680px;height:4320px}.page.wxga{width:1280px;height:800px}.page.wxgaplus{width:1440px;height:900px}.page.wsxgaplus{width:1680px;height:1050px}.page.wuxga{width:1920px;height:1200px}.page.wqxga{width:2560px;height:1600px}.page.vga{width:640px;height:480px}.page.svga{width:800px;height:600px}.page.xga{width:1024px;height:768px}.page.sxga{width:1280px;height:1024px}.page.uxga{width:1600px;height:1200px}.page.qxga{width:2048px;height:1536px}.page-inner{position:absolute;inset:var(--marg);background:transparent;outline:1px dashed rgba(0,0,0,.08);border-radius:8px}.grid-bg{background-size:calc(var(--grid)*1) calc(var(--grid)*1);background-image:linear-gradient(to right,rgba(90,163,255,.10) 1px,transparent 1px),linear-gradient(to bottom,rgba(90,163,255,.10) 1px,transparent 1px)}.page-resize{position:absolute;right:-10px;bottom:-10px;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,var(--blue-600),var(--blue));border:2px solid #fff;cursor:nwse-resize;box-shadow:0 2px 8px rgba(0,0,0,.3);z-index:10}.el{position:absolute;border:1px solid #e6edf6;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(18,22,28,.06)}.el.sel{outline:2px solid var(--blue);box-shadow:0 0 0 4px rgba(90,163,255,.22),0 10px 24px rgba(0,0,0,.08)}.el-body{padding:10px;height:100%;overflow:hidden;text-align:left}.el-handle{position:absolute;right:2px;bottom:2px;width:14px;height:14px;border-radius:50%;background:linear-gradient(180deg,var(--blue-600),var(--blue));border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.25);cursor:nwse-resize;z-index:5}canvas.qr,canvas.bar{background:#fff;display:block}@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');.sidebar .brand{margin:6px 0 8px;display:flex;align-items:baseline;gap:10px;font-weight:600;letter-spacing:.25px}.brand-incoxx{display:inline-block;white-space:nowrap;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;font-weight:700;font-size:18px;line-height:1.1;letter-spacing:.2px}.brand-incoxx .inco,.brand-incoxx .xx{font:inherit;letter-spacing:inherit;vertical-align:baseline;display:inline-block}.brand-incoxx .xx{color:#fff}.brand-print{font-family:'Special Elite',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px;line-height:1.1;color:#e6ebf4;text-shadow:0 1px 0 rgba(0,0,0,.25);transform:translateY(-1px)}#exportOverlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:9999;background:rgba(0,0,0,0.75);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;overflow:hidden}#exportOverlay[style*="display:flex"],#exportOverlay[style*="display:flex"]{display:flex !important}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#exportOverlay .overlay-content{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);max-width:500px;width:90%;padding:32px;animation:slideIn 0.3s ease-out}@keyframes slideIn{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}#overlayTitle{font-size:20px;font-weight:600;color:#111;margin:0 0 16px 0;text-align:center}#overlayText{font-size:15px;color:#666;margin:0 0 20px 0;text-align:center;line-height:1.5}.progress-bar-container{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-top:20px}#overlayBar{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:4px;transition:width 0.3s ease-out;width:0%}.export-confirm-dialog{text-align:center;padding:0}.export-confirm-title{font-size:24px;font-weight:600;color:#111;margin:0 0 20px 0}.export-confirm-message{font-size:16px;color:#444;margin:0 0 16px 0;line-height:1.5}.export-confirm-message strong{color:#111;font-weight:600}.export-confirm-hint{font-size:13px;color:#666;margin:0 0 24px 0;padding:12px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.export-confirm-buttons{display:flex;gap:12px;justify-content:center}.export-confirm-btn{padding:12px 24px;font-size:15px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.export-confirm-cancel{background:#f3f4f6;color:#374151}.export-confirm-cancel:hover{background:#e5e7eb}.export-confirm-ok{background:#2563eb;color:#fff}.export-confirm-ok:hover{background:#1d4ed8}.export-confirm-btn:active{transform:scale(0.98)}.export-progress-status{font-size:15px;color:#374151;margin-bottom:8px;font-weight:500}.export-abort-hint{font-size:13px;color:#6b7280;margin-top:12px;padding:8px 12px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.retry-button{margin-top:20px;padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background 0.2s ease;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;display:block;width:100%}.retry-button:hover{background:#1d4ed8}.retry-button:active{transform:scale(0.98)}#exportOverlay[aria-hidden="true"]{display:none !important}@media (max-width:640px){#exportOverlay .overlay-content{width:95%;padding:24px}.export-confirm-title{font-size:20px}.export-confirm-buttons{flex-direction:column}.export-confirm-btn{width:100%}}.choice-popover{position:fixed;min-width:220px;max-width:280px;background:var(--panel);color:var(--ink);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px rgba(0,0,0,.35);border-radius:10px;padding:6px;z-index:9999;display:none}.choice-popover.open{display:block}.choice-popover .item{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:8px;cursor:pointer;user-select:none;width:100%}.choice-popover .item:hover,.choice-popover .item:focus{background:rgba(255,255,255,.06);outline:none}.choice-popover .item .ic{width:20px;height:20px;opacity:.8}.choice-popover .item .txt{display:flex;flex-direction:column;gap:2px}.choice-popover .item .txt .t{font-size:14px;line-height:1.2;font-weight:600}.choice-popover .item .txt .s{font-size:12px;line-height:1.2;color:var(--sub)}.choice-popover::after{content:"";position:absolute;top:-8px;right:16px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--panel)}#pnDataPicker{position:fixed;inset:0;z-index:99999;display:none}#pnDataPicker.is-open{display:block}#pnDataPicker .pn-dp-overlay{position:absolute;inset:0;background:rgba(15,17,20,.45);backdrop-filter:blur(2px)}#pnDataPicker .pn-dp-panel{position:absolute;inset:5%;width:90%;height:90%;margin:auto;background:var(--panel);border:1px solid rgba(255,255,255,.04);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.3);overflow:hidden}#pnDataPicker .pn-dp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px 8px;border-bottom:1px solid rgba(255,255,255,.04)}#pnDataPicker .pn-dp-title{font-weight:600;color:#fff;font-size:14px}#pnDataPicker .pn-dp-tools{display:flex;gap:6px;align-items:center}#pnDataPicker .pn-dp-search{background:var(--panel-2);border:1px solid rgba(255,255,255,.05);border-radius:10px;color:#fff;min-height:30px;padding:3px 8px;min-width:180px}#pnDataPicker .pn-dp-close{background:#ef4444;border:none;width:28px;height:28px;border-radius:9999px;color:#fff;font-size:18px;line-height:1;cursor:pointer}#pnDataPicker .pn-dp-actions{display:flex;gap:8px;align-items:center;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.03)}#pnDataPicker .pn-dp-actions button{background:linear-gradient(180deg,#353a42,#2d3238);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:4px 10px;color:#fff;font-size:12px;cursor:pointer}#pnDataPicker .pn-dp-hint{color:var(--sub);font-size:11px}#pnDataPicker .pn-dp-righttools{margin-left:auto}#pnDataPicker .pn-dp-sort{background:var(--panel-2);border:1px solid rgba(255,255,255,.05);border-radius:8px;color:#fff;padding:2px 6px;font-size:12px}#pnDataPicker .pn-dp-grid-head{background:rgba(248,250,252,.02)}#pnDataPicker .pn-dp-grid-body{flex:1 1 auto;overflow:auto;background:rgba(248,250,252,.005);overflow-x:hidden}#pnDataPicker .pn-dp-row{display:grid;grid-template-columns:32px 180px repeat(auto-fit,minmax(120px,1fr));gap:4px;align-items:center;padding:4px 16px;border-bottom:1px solid rgba(255,255,255,.015);min-height:30px}#pnDataPicker .pn-dp-row-head{font-weight:500;position:sticky;top:0;z-index:2;background:rgba(20,21,22,.9);backdrop-filter:blur(3px)}#pnDataPicker .pn-dp-cell{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pnDataPicker .pn-dp-cell-main{font-weight:500}#pnDataPicker .pn-dp-cell-data{cursor:default}#pnDataPicker .pn-dp-cell-check{display:flex;align-items:center}#pnDataPicker .pn-dp-sortable{cursor:pointer}#pnDataPicker .pn-dp-sortable.is-asc::after{content:" ▲";font-size:10px;opacity:.6}#pnDataPicker .pn-dp-sortable.is-desc::after{content:" ▼";font-size:10px;opacity:.6}#pnDataPicker .pn-dp-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px 10px;border-top:1px solid rgba(255,255,255,.03);background:rgba(15,15,16,.35)}#pnDataPicker .pn-dp-pager{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--sub)}#pnDataPicker .pn-dp-pager button{background:var(--panel-2);border:1px solid rgba(255,255,255,.03);border-radius:8px;width:28px;height:24px;color:#fff;cursor:pointer}#pnDataPicker .pn-dp-ok .pn-dp-apply{background:#111827;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px 14px;color:#fff;font-weight:500;cursor:pointer}#pnDataPicker .pn-dp-grid-body::-webkit-scrollbar{width:8px}#pnDataPicker .pn-dp-grid-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:9999px}.format-rules-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.rule-item{background:linear-gradient(180deg,#2c2f35,#272b31);border:1px solid rgba(255,255,255,.10);border-radius:10px;padding:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.25);transition:border-color .15s,box-shadow .15s}.rule-item:hover{border-color:rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 4px rgba(0,0,0,.3)}.rule-item.disabled{opacity:0.5}.rule-item.disabled .rule-body{pointer-events:none}.rule-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.rule-header-left{display:flex;align-items:center;gap:8px;flex:1}.rule-enabled-checkbox{accent-color:var(--blue);width:16px;height:16px;border-radius:4px;cursor:pointer}.rule-name{font-size:13px;font-weight:500;color:#e8ecf6;flex:1}.rule-delete-btn{background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:4px 8px;color:#ef4444;font-size:11px;cursor:pointer;transition:all .2s}.rule-delete-btn:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.5)}.rule-body{display:flex;flex-direction:column;gap:10px}.rule-condition{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:8px}.rule-label{display:block;font-size:11px;font-weight:500;color:var(--sub);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.rule-condition-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rule-actions{background:rgba(90,163,255,.08);border:1px solid rgba(90,163,255,.15);border-radius:8px;padding:8px}.rule-action-row{display:grid;grid-template-columns:100px 1fr;gap:6px;align-items:center;margin-bottom:6px}.rule-action-row:last-child{margin-bottom:0}.rule-item select,.rule-item input[type="text"],.rule-item input[type="number"],.rule-item input[type="color"]{-webkit-appearance:none;appearance:none;background:linear-gradient(180deg,#1f2227,#1a1d22);color:#f6f7fb;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:0 8px;min-height:30px;font-size:12px;box-shadow:inset 0 1px 0 rgba(0,0,0,.2);transition:border-color .15s,box-shadow .15s;outline:none}.rule-item select:focus,.rule-item input[type="text"]:focus,.rule-item input[type="number"]:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(90,163,255,.15)}.rule-item select option{background:#1f2328;color:#e9eef7}.rule-item input[type="color"]{padding:2px;cursor:pointer}.add-rule-btn{width:100%;text-align:center;border-radius:10px;padding:8px 10px;border:1px solid rgba(90,163,255,.2);background:linear-gradient(180deg,rgba(90,163,255,.12),rgba(90,163,255,.08));color:#66aaff;font-size:13px;font-weight:500;line-height:1.3;box-shadow:inset 0 1px 0 rgba(90,163,255,.15),0 1px 3px rgba(0,0,0,.3);transition:all .2s;cursor:pointer;margin-top:8px}.add-rule-btn:hover{border-color:rgba(90,163,255,.35);background:linear-gradient(180deg,rgba(90,163,255,.18),rgba(90,163,255,.12))}.add-rule-btn:active{transform:translateY(1px);background:linear-gradient(180deg,rgba(90,163,255,.08),rgba(90,163,255,.05))}.rules-empty-state{text-align:center;padding:20px;color:var(--sub);font-size:12px}#pnMobileBar{position:fixed;left:0;right:0;bottom:0;height:var(--mobile-bar-h);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:center;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(20,20,22,0.95);backdrop-filter:saturate(120%) blur(8px);border-top:1px solid #2b2c2f;z-index:999}#pnMobileBar .mb-btn{background:#26272a;border:1px solid #34363a;border-radius:14px;display:grid;place-items:center;height:100%;color:#f2f5f9;font:600 16px/1 system-ui}#pnCoordHud{position:fixed;right:10px;bottom:calc(var(--mobile-bar-h) + 10px + env(safe-area-inset-bottom));background:rgba(0,0,0,0.6);color:#fff;padding:6px 10px;border-radius:10px;font-size:12px;z-index:998;pointer-events:none;user-select:none}@media (max-width:1024px){.canvas-wrap{position:relative;height:calc(100vh - var(--mobile-bar-h) - env(safe-area-inset-bottom));min-height:calc(100vh - var(--mobile-bar-h) - env(safe-area-inset-bottom));overflow:auto;display:grid;place-items:center;background:transparent}.workspace{display:flex !important;flex-direction:column !important;gap:16px !important;height:auto !important;max-height:none !important;overflow:visible !important}.workspace > .sidebar{display:block !important;order:1}.workspace > .canvas-wrap{order:2}.workspace > .sidebar.right,.workspace > .inspector{order:3;display:block !important}.sidebar,.inspector,.sidebar .panel,.inspector .panel,.sidebar .panel-body,.inspector .panel-body,.sidebar .content,.inspector .content,.sidebar [class*='scroll'],.inspector [class*='scroll']{height:auto !important;max-height:none !important;overflow:visible !important}body{padding-bottom:calc(var(--mobile-bar-h) + env(safe-area-inset-bottom))}}#pageInner,#page,canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#pageInner,#page,#canvasInner{transform-origin:0 0}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:8px}*::-webkit-scrollbar-thumb{background:rgba(120,140,165,.35);border-radius:8px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:rgba(120,140,165,.55)}@media print{body{background:white}.toolbar,.sidebar{display:none}.workspace{display:block;padding:0}.canvas-wrap{overflow:visible}.page{box-shadow:none;transform:none !important}.page.a4hoch{width:210mm;height:297mm}.page.a4quer{width:297mm;height:210mm}.page.a5hoch{width:148mm;height:210mm}.page.a5quer{width:210mm;height:148mm}.page.hd{width:338mm;height:190mm}.page.fullhd{width:508mm;height:286mm}.page.wqhd{width:677mm;height:381mm}.page.4k{width:1016mm;height:571mm}.page.8k{width:2032mm;height:1143mm}.page.wxga{width:338mm;height:212mm}.page.wxgaplus{width:381mm;height:238mm}.page.wsxgaplus{width:444mm;height:278mm}.page.wuxga{width:508mm;height:317mm}.page.wqxga{width:677mm;height:423mm}.page.vga{width:169mm;height:127mm}.page.svga{width:212mm;height:159mm}.page.xga{width:271mm;height:203mm}.page.sxga{width:338mm;height:271mm}.page.uxga{width:423mm;height:317mm}.page.qxga{width:542mm;height:406mm}@page{size:auto;margin:0}.page-inner{outline:none}}.map-exif-footer{user-select:none}.map-exif-footer button:hover{background:#f9fafb !important;border-color:#9ca3af !important}.exif-popup-container::-webkit-scrollbar{width:8px}.exif-popup-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:9999px}.mobile-branding,.mobile-branding-footer,.mobile-menu-section{display:none}.el-edit-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;background:rgba(255,255,255,0.95);border:1px solid #d1d5db;border-radius:4px;cursor:pointer;opacity:0;transition:all 0.15s ease;z-index:10;pointer-events:auto;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.el:hover .el-edit-btn,.el.sel .el-edit-btn{opacity:1}.el-edit-btn:hover{background:#3b82f6;border-color:#3b82f6;transform:scale(1.1);box-shadow:0 2px 4px rgba(59,130,246,0.3)}