2 lines
62 KiB
CSS
2 lines
62 KiB
CSS
html,body,#root{min-height:100%;margin:0}#root{color:#fff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.page-shell{gap:24px;width:100%;margin:0;padding:0;display:grid}.glass-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1f293794;border:1px solid #9ca3af52;border-radius:28px;padding:24px;box-shadow:0 24px 80px #00000059}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#93c5fd;margin-bottom:10px;font-size:12px;font-weight:900}.glass-card h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,3vw,48px);line-height:1}.section-head,.form-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-head h2,.form-head h2{margin:0;font-size:22px}.section-head span,.form-head span,.subline{color:#d1d5dbc7;font-size:12px}.error-box,.empty-box{color:#fecaca;background:#7f1d1d73;border:1px solid #f8717180;border-radius:16px;margin-bottom:14px;padding:14px}.error-box.small{margin-top:12px;margin-bottom:0}.empty-box{color:#e5e7ebc7;background:#11182773;border-color:#94a3b84d}.btn,.mini-btn{color:#fff;cursor:pointer;background:#374151b3;border:1px solid #94a3b859;border-radius:14px;justify-content:center;align-items:center;padding:10px 16px;font-weight:900;transition:all .15s;display:inline-flex}.btn:hover,.mini-btn:hover{background:#4b5563d9;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:#2563ebc7;border-color:#60a5fa8c}.btn.small{padding:8px 10px;font-size:12px}.btn.danger,.mini-btn.danger{background:#b91c1ca6;border-color:#f8717159}.btn.danger:hover,.mini-btn.danger:hover{background:#dc2626d1}.create-form{background:#11182752;border:1px solid #94a3b840;border-radius:22px;padding:20px}.form-description{grid-column:span 3}.form-action{justify-content:flex-end;display:flex}label{color:#d1d5dbc7;margin-bottom:6px;font-size:11px;display:block}.form-input,.prop-row input,.prop-row select{color:#fff;background:#0f172ab8;border:1px solid #4b5563cc;border-radius:12px;outline:none;width:100%;padding:10px}.form-input:focus,.prop-row input:focus{border-color:#60a5fae6;box-shadow:0 0 0 3px #2563eb40}.project-select-wrap{gap:8px;display:grid}.tiny-error{color:#fecaca;font-size:11px}.page-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px;display:grid}.visu-card{background:#1118278c;border:1px solid #4b5563cc;border-radius:18px;padding:16px}.visu-title{font-size:18px;font-weight:900}.visu-meta{color:#9ca3afe6;margin-top:6px;font-size:12px}.visu-description{color:#e5e7ebc7;margin-top:12px;font-size:13px;line-height:1.5}.visu-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.mini-btn{border-radius:12px;padding:8px 12px;font-size:12px}.designer-actions{flex-wrap:wrap;gap:10px;display:flex}.designer-layout{grid-template-columns:220px minmax(0,1fr) 280px;gap:16px;min-height:720px;display:grid}.toolbox,.properties,.canvas-wrap{background:#11182785;border:1px solid #4b5563b8;border-radius:20px;padding:14px}.toolbox h3,.properties h3{color:#e5e7ebe0;margin:0 0 12px;font-size:14px}.tool-btn{color:#fff;text-align:left;cursor:pointer;background:#1f2937bf;border:1px solid #4b5563cc;border-radius:14px;width:100%;margin-bottom:8px;padding:12px;font-weight:900}.tool-btn:hover{background:#2563eb99}.canvas-toolbar{color:#d1d5dbbf;justify-content:space-between;gap:16px;margin-bottom:10px;font-size:12px;display:flex}.canvas-scroll,.viewer-scroll{background:#0206178c;border:1px solid #4b5563a6;border-radius:18px;max-height:76vh;overflow:auto}.canvas,.viewer-canvas{transform-origin:0 0;background:linear-gradient(#0f172acc,#0f172acc),radial-gradient(circle at 20% 20%,#3b82f638,#0000 28%),radial-gradient(circle at 80% 70%,#10b9812e,#0000 34%);position:relative;overflow:hidden}.canvas-grid{pointer-events:none;background-image:linear-gradient(#94a3b814 1px,#0000 1px),linear-gradient(90deg,#94a3b814 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.canvas-element{transform-origin:50%;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;position:absolute;top:0;left:0}.canvas-element:active{cursor:grabbing}.canvas-element.is-selected{outline-offset:4px;border-radius:10px;outline:2px solid #60a5fa}.symbol-svg{width:100%;height:100%;display:block}.symbol-svg.preserve{preserveAspectRatio:none}.generic-shape{background:#0f172ab8;border:4px solid;border-radius:18px;width:100%;height:100%}.text-element{text-align:center;text-shadow:0 2px 10px #00000080;place-items:center;width:100%;height:100%;font-weight:900;display:grid}.sensor-element{background:#0f172adb;border:3px solid;border-radius:16px;grid-template-columns:20px 1fr;align-items:center;gap:10px;width:100%;height:100%;padding:10px;display:grid}.sensor-dot{border-radius:99px;width:16px;height:16px;box-shadow:0 0 20px}.sensor-value{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:18px;font-weight:950}.prop-row{gap:6px;margin-bottom:12px;display:grid}.prop-grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.empty-mini{color:#e5e7ebb8;background:#0f172a80;border:1px solid #4b556399;border-radius:14px;padding:14px;font-size:12px}@media (width<=1250px){.form-grid{grid-template-columns:1fr 1fr}.form-description{grid-column:span 2}.form-action{justify-content:flex-start}.designer-layout{grid-template-columns:1fr}}@media (width<=760px){.form-grid{grid-template-columns:1fr}.form-description{grid-column:span 1}.section-head{flex-direction:column;align-items:flex-start}}.asset-picker{border-top:1px solid #4b5563b8;margin-top:16px;padding-top:14px}.asset-list{gap:8px;max-height:280px;margin-top:10px;display:grid;overflow-y:auto}.asset-button{color:#fff;text-align:left;cursor:pointer;background:#0f172ab8;border:1px solid #4b5563cc;border-radius:14px;grid-template-columns:42px 1fr;align-items:center;gap:10px;width:100%;padding:8px;display:grid}.asset-button:hover{background:#2563eb6b}.asset-button strong{font-size:12px;display:block}.asset-button span{color:#d1d5dba6;font-size:10px;display:block}.asset-preview{background:#020617bf;border-radius:10px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.asset-preview img{max-width:100%;max-height:100%}.asset-create-box{margin-top:10px}.asset-create-form{background:#0206178c;border:1px solid #4b5563cc;border-radius:14px;gap:8px;margin-top:8px;padding:10px;display:grid}.asset-files-grid{grid-template-columns:1fr;gap:8px;display:grid}.asset-files-grid input{max-width:100%;font-size:11px}.checkbox-row{align-items:center;gap:8px;display:inline-flex}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--visu-root-height:100vh;--glass-border:#ffffff24;--glass-border-strong:#ffffff38;--glass-panel-bg:linear-gradient(135deg, #ffffff1f, #ffffff0d);--glass-panel-bg-soft:linear-gradient(135deg, #ffffff14, #ffffff08);--glass-surface:#ffffff0f;--glass-surface-strong:#ffffff1a;--glass-input-bg:#0f172a57;--glass-accent-bg:#bfdbfe29;--glass-accent-border:#bfdbfe47;--glass-accent-text:#e2e8f0f0}*{box-sizing:border-box}html,body{max-width:100%}body.visu-page{overflow:hidden}body:has(#root .visu-workspace){overflow:hidden}body:has(#root .viewer-full){overflow:hidden}body:has(#root .overview-full){overflow:hidden}#root{height:var(--visu-root-height);max-height:var(--visu-root-height);overflow:hidden}.page-shell{width:100%;max-width:1800px;height:100%;margin:0 auto;padding:10px 12px;overflow:auto}.page-shell.full{max-width:none;overflow:hidden}.overview-full{flex-direction:column;gap:10px;height:100%;display:flex;overflow:hidden}.glass-card{border:1px solid var(--glass-border);background:var(--glass-panel-bg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:24px;width:100%;padding:10px;box-shadow:0 18px 44px #00000038}.overview-full .glass-card{background:var(--glass-panel-bg-soft);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.overview-create{flex:none}.overview-list-card,.overview-main-card{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.visu-workspace{flex-direction:column;height:100%;max-height:100%;display:flex;overflow:hidden}.section-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.visu-topbar{flex:none;margin-bottom:8px}.section-head h1,.section-head h2,.section-head h3,.form-head h2,.modal-head h2{color:#fff;margin:0;font-weight:900}.section-head h1{font-size:18px}.section-head p,.subline{color:#d1d5dbb8;margin:2px 0 0;font-size:11px}.eyebrow{color:#e2e8f0d1;letter-spacing:.14em;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:800}.form-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.form-head span,.section-head>span,.project-visu-head>span,.overview-head-actions>span{color:var(--glass-accent-text);background:#ffffff1a;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.form-grid{grid-template-columns:minmax(280px,2fr) minmax(180px,1fr) 120px 120px auto;align-items:end;gap:10px;display:grid}.form-grid.compact{grid-template-columns:minmax(240px,2fr) minmax(180px,1.2fr) 96px 96px auto;gap:10px}.form-wide{grid-column:span 2}.field{gap:4px;display:grid}.field label,.state-form label,.color-editor>label{color:#d1d5dbc7;font-size:11px;font-weight:700}.form-input,.field input,.field select,.properties input,.properties select{border:1px solid var(--glass-border);background:var(--glass-input-bg);color:#fff;border-radius:10px;outline:none;width:100%;padding:7px 8px}.form-input:focus,.field input:focus,.field select:focus,.properties input:focus,.properties select:focus{border-color:#e2e8f061;box-shadow:0 0 0 3px #ffffff14}.form-input:disabled,.field input:disabled,.field select:disabled,button:disabled,.disabled-link{opacity:.45;cursor:not-allowed;pointer-events:none}.btn,.mini-btn,.tool-btn{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff14;border-radius:9px;padding:5px 8px;font-size:10px;font-weight:800;line-height:1.15;text-decoration:none}.btn:hover,.mini-btn:hover,.tool-btn:hover{background:#ffffff24}.btn.primary,.tool-btn.active{background:var(--glass-accent-bg);border-color:var(--glass-accent-border)}.btn.primary:hover{background:#bfdbfe38}.btn.small,.mini-btn{padding:5px 7px;font-size:10px}.danger,.btn.danger,.mini-btn.danger{background:#b91c1cb3;border-color:#f8717194}.error-box{color:#fecaca;background:#7f1d1d80;border:1px solid #f8717194;border-radius:16px;margin-top:12px;padding:12px;font-weight:700}.error-box.small,.tiny-error{padding:8px;font-size:12px}.empty-box,.empty-mini{color:#d1d5dbb8;background:#ffffff0d;border:1px dashed #9ca3af59;border-radius:16px;padding:16px}.empty-mini{padding:10px;font-size:12px}.small-title{color:#fff;font-size:12px;font-weight:900}.small-muted{color:#d1d5dba6;font-size:11px}.overview-head-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:min(560px,48vw);display:flex}.overview-search{min-width:320px}.project-visu-grid{flex:auto;grid-template-columns:repeat(auto-fill,minmax(520px,1fr));gap:14px;min-height:0;padding-right:4px;display:grid;overflow:auto}.project-visu-card{border:1px solid var(--glass-border);background:#ffffff0f;border-radius:22px;min-height:0;padding:14px}.project-visu-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.project-visu-title{color:#fff;font-size:15px;font-weight:900}.project-visu-meta{color:#d1d5dbad;margin-top:4px;font-size:12px}.project-page-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.visu-card{border:1px solid var(--glass-border);background:#ffffff0f;border-radius:20px;padding:16px}.visu-card.compact{border-radius:16px;padding:12px}.visu-title{color:#fff;font-size:18px;font-weight:900}.visu-card.compact .visu-title{font-size:15px}.visu-meta,.visu-description{color:#d1d5dbb3;margin-top:6px;font-size:12px}.visu-actions,.designer-actions,.asset-actions,.asset-form-buttons{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.designer-actions .autosave-toggle{border:1px solid var(--glass-border);color:#e2e8f0e0;cursor:pointer;background:#ffffff14;border-radius:10px;align-items:center;gap:6px;padding:5px 7px;font-size:10px;font-weight:800;display:inline-flex}.designer-actions .autosave-toggle input{margin:0}.unsaved-badge{color:#fde68a;background:#92400e52;border:1px solid #fbbf246b;border-radius:999px;align-self:center;padding:7px 9px;font-size:11px;font-weight:800}.overview-main-layout{flex:auto;grid-template-columns:290px minmax(0,1fr);gap:8px;min-height:0;display:grid;overflow:hidden}.overview-tree{background:#ffffff0d;height:100%}.overview-full .viewer-tree-project-block{background:#0206172e}.overview-full .viewer-tree-project-toggle:hover{background:#ffffff14}.overview-dashboard-card{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border-radius:18px;flex-direction:column;gap:8px;min-height:0;padding:10px;display:flex}.dashboard-toolbar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dashboard-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.dashboard-grid{grid-template-columns:repeat(var(--dashboard-columns), minmax(0, 1fr));grid-auto-rows:var(--dashboard-row-height);gap:var(--dashboard-gap);flex:auto;align-content:start;min-height:0;padding-right:4px;display:grid;overflow:auto}.dashboard-empty{color:#d1d5dbb8;background:#ffffff0d;border:1px dashed #9ca3af59;border-radius:18px;grid-column:1/-1;padding:18px}.dashboard-widget{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff17,#ffffff0a);border-radius:18px;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.dashboard-widget.is-moving{opacity:.8;border-color:#e2e8f05c;box-shadow:0 0 0 2px #ffffff1a}.dashboard-widget-header{cursor:grab;background:#ffffff0d;border-bottom:1px solid #ffffff1a;flex:none;justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 11px 8px;display:flex}.dashboard-widget-header strong{color:#fff;font-size:13px;display:block}.dashboard-widget-header small{color:#d1d5dbad;font-size:11px}.dashboard-widget-actions{flex-wrap:wrap;gap:6px;display:flex}.subtle-icon{background:#ffffff0f;border-color:#ffffff24;place-items:center;width:24px;height:24px;padding:0;display:grid}.subtle-icon.is-active{background:#bfdbfe29;border-color:#bfdbfe4d}.dashboard-widget-body{flex:auto;min-height:0;padding:10px;overflow:hidden}.dashboard-value-widget,.dashboard-table-widget,.dashboard-instrument-widget{width:100%;height:100%}.dashboard-value-widget{text-align:center;align-content:center;gap:10px;display:grid}.dashboard-value-label{color:#d1d5dbb8;font-size:13px;font-weight:800}.dashboard-value-number{color:#fff;font-size:clamp(24px,2.5vw,44px);font-weight:900}.dashboard-table-widget{align-content:start;gap:8px;display:grid}.dashboard-table-value-row{background:#02061757;border:1px solid #4b556394;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.dashboard-table-value-row span{color:#d1d5dbcc;font-size:12px;font-weight:700}.dashboard-table-value-row strong{color:#fff;font-size:14px}.dashboard-instrument-widget .instrument-svg{width:100%;height:100%}.dashboard-resize-handle{color:#fff;cursor:nwse-resize;background:#ffffff29;border:0;border-radius:10px;width:22px;height:22px;font-size:12px;font-weight:900;position:absolute;bottom:6px;right:8px}.overview-tree-actions{align-items:center;gap:6px;display:flex}.overview-tree-delete{border:0}.overview-mode-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.overview-mode-tabs>span{color:#f1f5f9eb;background:#ffffff1a;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.manage-main-card{padding-bottom:12px}.overview-manage-layout{flex:auto;grid-template-columns:330px minmax(0,1fr);gap:12px;min-height:0;display:grid;overflow:hidden}.overview-manage-layout.single-column{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:1fr}.overview-manage-content{grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;display:grid}.overview-create.compact{padding:10px 12px}.create-form.compact .form-head{margin-bottom:10px}.create-form.compact .form-head h2{font-size:22px}.create-form.compact .field{gap:4px}.create-form.compact .form-input,.create-form.compact .field input,.create-form.compact .field select{border-radius:10px;padding:7px 9px}.manage-info-card{align-content:start;gap:8px;min-height:0;display:grid}.manage-page-grid{flex-direction:column;align-content:start;gap:10px;min-height:0;padding-right:4px;display:flex;overflow:auto}.manage-page-grid .project-visu-card{border-radius:18px;flex-direction:column;padding:10px;display:flex}.manage-page-grid .project-page-grid{flex-wrap:wrap;align-items:start;gap:8px;display:flex}.manage-page-grid .visu-card.compact{border-radius:14px;flex-direction:column;flex:220px;gap:5px;min-width:220px;min-height:0;padding:9px;display:flex}.manage-page-grid .visu-actions{gap:6px;margin-top:auto}.manage-page-grid .project-visu-head{margin-bottom:8px}.manage-page-grid .project-visu-title{font-size:12px;line-height:1.2}.manage-page-grid .project-visu-meta{margin-top:2px;font-size:10px}.manage-page-grid .project-visu-head>span{padding:5px 8px;font-size:10px}.manage-page-grid .visu-title,.manage-page-grid .visu-card.compact .visu-title{font-size:11px;line-height:1.2}.manage-page-grid .visu-meta,.manage-page-grid .visu-description{margin-top:2px;font-size:10px}.manage-page-grid .mini-btn{padding:4px 6px;font-size:9px}.manage-head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=1500px){.manage-page-grid .project-page-grid{flex-direction:column}.manage-page-grid .visu-card.compact{width:100%;min-width:0}}.dashboard-widget-modal{width:min(980px,96vw)}.dashboard-widget-form{gap:10px;display:grid}.dashboard-widget-form-actions{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.dashboard-color-row{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;display:grid}.dashboard-color-row input[type=color]{background:#0f172aa3;border:1px solid #4b5563d1;border-radius:12px;width:52px;height:42px;padding:0}.dashboard-ranges,.dashboard-table-editor{background:#0206174d;border:1px solid #4b5563b8;border-radius:14px;gap:8px;padding:10px;display:grid}.dashboard-range-row,.dashboard-table-row{grid-template-columns:repeat(2,minmax(0,1fr)) 64px auto;align-items:center;gap:8px;display:grid}.linked-gap-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.viewer-full{height:100%;overflow:hidden}.viewer-workspace{height:100%}.viewer-workspace.focus-mode{padding:6px}.viewer-layout{flex:auto;grid-template-columns:240px minmax(0,1fr);gap:8px;min-height:0;display:grid;overflow:hidden}.viewer-layout.tree-collapsed{grid-template-columns:1fr}.viewer-layout.focus-active{gap:0}.viewer-tree{border:1px solid var(--glass-border);background:#ffffff0f;border-radius:18px;min-height:0;padding:10px;overflow:auto}.viewer-tree-project{background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;gap:2px;margin-bottom:10px;padding:10px;display:grid}.viewer-tree-project strong{color:#f1f5f9f5;font-size:13px}.viewer-tree-project span{color:#e2e8f0c7;font-size:12px}.viewer-tree-list{gap:6px;display:grid}.viewer-scroll{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:18px;width:100%;height:100%;min-height:0;padding:10px;position:relative;overflow:hidden}.viewer-workspace.focus-mode .viewer-scroll{border-radius:20px}.viewer-stage{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.viewer-fit-plane{flex:none;position:relative}.viewer-canvas{transform-origin:0 0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.designer-layout{flex:auto;grid-template-columns:230px minmax(0,1fr) 310px;align-items:stretch;gap:8px;min-height:0;display:grid;overflow:hidden}.toolbox,.properties{border:1px solid var(--glass-border);background:#ffffff0f;border-radius:18px;height:100%;min-height:0;padding:10px;overflow:auto}.toolbox h3,.properties h3{color:#fff;margin:0 0 8px;font-size:11px;font-weight:900}.tool-btn{text-align:left;width:100%;margin-bottom:6px;font-size:11px;line-height:1.2}.element-list-panel{margin-top:10px}.element-list-body{gap:5px;max-height:220px;display:grid;overflow:auto}.element-list-item{color:#e2e8f0db;text-align:left;cursor:pointer;background:#0f172a52;border:1px solid #ffffff24;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;width:100%;padding:6px 7px;display:grid}.element-list-item:hover,.element-list-item.is-selected{background:#60a5fa24;border-color:#60a5fac7}.element-list-item.is-template-group{background:#a78bfa1f;border-color:#a78bfa6b}.element-list-type{color:#bfdbfedb;text-transform:uppercase;letter-spacing:.04em;grid-column:1/-1;font-size:9px;font-weight:900}.element-list-item strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;overflow:hidden}.element-list-item em{color:#d1d5db94;align-self:center;font-size:9px;font-style:normal}.draw-hint{color:#e2e8f0eb;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:14px;margin-bottom:10px;padding:10px;font-size:12px;line-height:1.45}.point-edit-topbar{color:#dcfce7;background:#16653473;border:1px solid #22c55e7a;border-radius:18px;flex:none;align-items:center;gap:12px;margin-bottom:10px;padding:10px 12px;display:flex}.point-edit-topbar strong{color:#fff}.point-edit-topbar span{color:#dcfce7c7;flex:1;font-size:12px}.page-settings{border-top:1px solid #4b5563b8;gap:8px;margin-top:10px;padding-top:10px;display:grid}.toolbox-section{margin-top:10px}.toolbox-section-body.page-settings{border-top:0;max-height:none;margin-top:0;padding-top:0}.settings-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.canvas-wrap{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.canvas-toolbar{color:#d1d5dbb8;flex:none;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.zoom-control{align-items:center;gap:8px;display:flex}.canvas-toolbar-actions{align-items:center;gap:6px;display:flex}.zoom-control input{width:140px}.canvas-scroll{background:#ffffff0a;border:1px solid #4b5563b8;border-radius:18px;flex:auto;width:100%;min-height:0;overflow:auto}.canvas-scroll.is-panning,.canvas-scroll.is-panning .canvas,.canvas-scroll.is-panning .canvas-element{cursor:grabbing}.canvas-zoom-plane{position:relative}.canvas{transform-origin:0 0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.canvas.is-drawing,.canvas.is-selecting{cursor:crosshair}.selection-marquee{z-index:999998;pointer-events:none;background:#3b82f629;border:1px solid #93c5fdf5;position:absolute;box-shadow:0 0 0 1px #0f172a9e}.canvas.grid-on:before,.viewer-canvas.grid-on:before{content:"";background-image:linear-gradient(#94a3b81f 1px,#0000 1px),linear-gradient(90deg,#94a3b81f 1px,#0000 1px);background-size:var(--grid-size) var(--grid-size);pointer-events:none;z-index:0;position:absolute;inset:0}.canvas-element{transform-origin:50%;cursor:grab;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.canvas-element.is-selected{outline-offset:3px;outline:2px solid #60a5faf2}.canvas-element.is-point-edit{outline-offset:4px;outline:2px dashed #22c55ef2}.template-group-selection{pointer-events:none;z-index:999998;border:2px solid #a78bfaf2;border-radius:12px;position:absolute;top:0;left:0;box-shadow:0 0 0 3px #0f172a57,0 0 18px #a78bfa73}.template-group-selection span{white-space:nowrap;text-overflow:ellipsis;color:#ede9fef5;background:#0f172ac7;border:1px solid #a78bfa8c;border-radius:999px;max-width:260px;padding:3px 8px;font-size:10px;font-weight:900;position:absolute;top:-24px;left:8px;overflow:hidden}.resize-handle{z-index:999999;background:#93c5fd;border:2px solid #0f172a;border-radius:999px;width:12px;height:12px;position:absolute;box-shadow:0 0 12px #3b82f6e6}.handle-nw{cursor:nwse-resize;top:-8px;left:-8px}.handle-n{cursor:ns-resize;top:-8px;left:calc(50% - 6px)}.handle-ne{cursor:nesw-resize;top:-8px;right:-8px}.handle-e{cursor:ew-resize;top:calc(50% - 6px);right:-8px}.handle-se{cursor:nwse-resize;bottom:-8px;right:-8px}.handle-s{cursor:ns-resize;bottom:-8px;left:calc(50% - 6px)}.handle-sw{cursor:nesw-resize;bottom:-8px;left:-8px}.handle-w{cursor:ew-resize;top:calc(50% - 6px);left:-8px}.asset-canvas-image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.asset-missing{color:#fecaca;background:#7f1d1d2e;border:2px dashed #f87171a6;border-radius:14px;place-items:center;width:100%;height:100%;font-size:12px;display:grid}.text-element{text-shadow:0 2px 8px #00000073;align-items:center;width:100%;height:100%;font-weight:900;display:grid}.text-link-anchor,.text-menu-item{color:inherit;text-underline-offset:.14em;text-decoration:underline;text-decoration-thickness:1px}.text-link-anchor.as-button,.text-menu-item.as-button{box-sizing:border-box;color:inherit;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;padding:6px 12px;text-decoration:none;display:inline-flex}.text-link-anchor{width:100%;display:inline-block}.text-menu{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.text-menu.is-vertical{flex-direction:column}.text-menu.is-horizontal{flex-flow:row}.text-menu-item{white-space:nowrap;justify-content:center;align-items:center;min-width:0;display:inline-flex}.text-menu.has-button-items.is-vertical,.text-menu.has-button-items.is-horizontal{justify-content:flex-start;align-items:stretch}.trend-chart{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a75;border:1px solid #94a3b86b;border-radius:14px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 10px 28px #0000002e}.trend-chart svg{width:100%;height:100%;display:block}.trend-chart-frame{fill:#0000;stroke:#0000}.trend-grid-line{stroke:#94a3b824;stroke-width:1px}.trend-axis{stroke:#cbd5e157;stroke-width:1px}.trend-axis-label{fill:#e2e8f0b8;font-size:10px;font-weight:800}.trend-x-label{fill:#e2e8f0ad;font-size:9px;font-weight:800}.trend-selection{fill:#38bdf82e;stroke:#7dd3fcd1;stroke-width:1px}.trend-chart-head{z-index:3;pointer-events:none;color:#f8fafcf2;text-shadow:0 2px 8px #0000006b;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:9px;left:14px;right:14px}.trend-chart-head strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;font-weight:900;line-height:1.15;overflow:hidden}.trend-chart-head span{color:#cbd5e1b8;flex:none;font-size:10px;font-weight:800;line-height:1.15}.trend-legend{z-index:3;pointer-events:none;flex-wrap:nowrap;align-items:center;gap:7px 12px;min-width:0;max-height:18px;display:flex;position:absolute;bottom:12px;left:16px;right:16px;overflow:hidden}.trend-legend.has-footer{right:92px}.trend-legend span{color:#e2e8f0d6;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:0;align-items:center;gap:5px;min-width:0;max-width:220px;padding:0;font-size:10px;font-weight:800;line-height:1;display:inline-flex;overflow:hidden}.trend-legend i{border-radius:999px;flex:0 0 7px;width:7px;height:7px;box-shadow:0 0 8px}.trend-hover-point{stroke:#f8fafcf2;stroke-width:2px;filter:drop-shadow(0 0 7px #38bdf8bf);pointer-events:none}.trend-empty,.trend-error{z-index:4;text-align:center;color:#e2e8f0b8;pointer-events:none;place-items:center;padding:14px;font-size:12px;font-weight:900;display:grid;position:absolute;inset:0}.trend-error{color:#fecaca}.trend-footer{z-index:5;pointer-events:auto;justify-content:flex-end;align-items:center;gap:5px;display:flex;position:absolute;bottom:7px;right:9px}.trend-footer select,.trend-footer button{color:#f8fafce6;background:#0f172ac7;border:1px solid #94a3b847;border-radius:8px;height:22px;font-size:10px;font-weight:850;line-height:1;box-shadow:inset 0 1px #ffffff0d,0 4px 12px #00000038}.trend-footer select{width:82px;max-width:82px;padding:0 6px}.trend-footer button{cursor:pointer;place-items:center;width:24px;min-width:24px;padding:0;display:grid}.trend-footer select:hover,.trend-footer button:hover{background:#1e293beb;border-color:#bfdbfe57}.trend-footer select:focus,.trend-footer button:focus-visible{border-color:#7dd3fc94;outline:none;box-shadow:0 0 0 2px #38bdf829,0 4px 12px #00000038}.trend-expanded-canvas{z-index:20;background:#0f172adb;border-radius:0;position:absolute;inset:0}.trend-expanded-canvas .trend-legend{bottom:16px}.trend-expanded-canvas .trend-footer{bottom:12px;right:14px}.trend-expanded-close{z-index:30;color:#fff;cursor:pointer;background:#0f172aa8;border:1px solid #f8fafc42;border-radius:999px;width:34px;height:34px;font-size:22px;font-weight:900;line-height:1;position:absolute;top:12px;right:12px}.trend-expanded-close:hover{background:#1e293beb;border-color:#f8fafc61}.export-menu{position:relative}.export-menu>summary{list-style:none}.export-menu>summary::-webkit-details-marker{display:none}.export-menu-panel{z-index:50;border:1px solid var(--glass-border);background:#0f172aeb;border-radius:12px;gap:6px;min-width:132px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 38px #00000057}.export-menu-panel .mini-btn{justify-content:flex-start;width:100%}.trend-footer button{cursor:pointer}.trend-expanded-canvas{background:#0f172adb;border-radius:0;position:absolute;inset:0}.trend-expanded-canvas .trend-chart{border-color:#94a3b833;border-radius:0}.trend-expanded-close{color:#fff;cursor:pointer;z-index:2;background:#0f172aa8;border:1px solid #f8fafc42;border-radius:999px;width:34px;height:34px;font-size:22px;font-weight:900;position:absolute;top:12px;right:12px}.sensor-element{background:#0f172ad1;border:3px solid;border-radius:18px;align-items:center;gap:10px;width:100%;height:100%;padding:10px;display:flex;position:relative}.sensor-element.is-setpoint{background:#082f49d1}.sensor-marker{color:#0f172a;border:2px solid #ffffff80;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:950;display:grid}.sensor-label{color:var(--sensor-label-color,#d1d5dbc7);font-size:var(--sensor-label-size,12px);font-weight:800}.sensor-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:900}.sensor-color-editor{gap:8px;display:grid}.sensor-copy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.sensor-copy-grid button{color:#f8fafce0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;min-height:28px;font-weight:900}.setpoint-edit-btn{color:#fff;cursor:pointer;background:#0e7490bf;border:1px solid #7dd3fc99;border-radius:10px;width:28px;height:28px;position:absolute;top:8px;right:8px}.setpoint-popover{z-index:999999;background:#0f172af5;border:1px solid #7dd3fc80;border-radius:16px;width:230px;padding:10px;position:absolute;top:42px;right:0;box-shadow:0 20px 50px #0006}.setpoint-popover form{gap:8px;display:grid}.setpoint-actions{gap:8px;display:flex}.attached-value{color:#fff;text-align:center;pointer-events:auto;cursor:help;z-index:3;background:#0f172ad6;border:1px solid #94a3b873;border-radius:10px;min-width:90px;padding:5px 8px;position:absolute;transform:translate(-50%,-50%)}.attached-value span{color:#d1d5dbb8;font-weight:700;display:block}.attached-value strong{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:block}.viewer-tooltip{z-index:9999998;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:linear-gradient(#ffffff24,#0f172a80);border:1px solid #ffffff2e;border-radius:14px;width:min(300px,100vw - 16px);max-height:min(300px,100vh - 16px);padding:8px 9px;position:fixed;overflow:auto;box-shadow:0 18px 40px #00000061}.viewer-tooltip-title{color:#f1f5f9e0;letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:900}.viewer-tooltip-list{gap:7px;display:grid}.viewer-tooltip-row{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:11px;gap:2px;padding:7px 8px;display:grid}.viewer-tooltip-row strong{color:#fff;font-size:11px;line-height:1.2}.viewer-tooltip-row span{color:#f8fafc;font-size:12px;font-weight:900;line-height:1.2}.viewer-tooltip-row small{color:#d1d5dbbd;font-size:10px;line-height:1.2}.viewer-tooltip-position-select{width:140px;min-width:140px}.viewer-trend-timebar{border:1px solid var(--glass-border);background:#ffffff12;border-radius:10px;align-items:center;gap:6px;padding:4px 6px;display:inline-flex}.viewer-trend-timebar span{color:#e2e8f0d1;font-size:10px;font-weight:800}.viewer-trend-range-select{width:86px;min-width:86px;padding:4px 7px;font-size:10px}.monitoring-page{gap:10px}.monitoring-layout{flex:auto;grid-template-columns:minmax(320px,1fr) minmax(360px,1.1fr);gap:10px;min-height:0;display:grid;overflow:hidden}.monitoring-panel{border:1px solid var(--glass-border);background:#ffffff12;border-radius:18px;min-height:0;padding:10px;overflow:auto}.monitoring-point-list,.monitoring-selection-list,.monitoring-saved-list{gap:6px;margin-top:10px;display:grid}.monitoring-point-row,.monitoring-selection-row,.monitoring-saved-row{background:#0f172a6b;border:1px solid #ffffff24;border-radius:12px;padding:8px}.monitoring-point-row{color:#fff;text-align:left;cursor:pointer;width:100%}.monitoring-point-row.is-selected{background:#2563eb42;border-color:#60a5fac7}.monitoring-point-row strong,.monitoring-selection-row strong{color:#f8fafcf2;font-size:11px;display:block}.monitoring-point-row span,.monitoring-selection-row span{color:#cbd5e1b8;margin-top:3px;font-size:10px;display:block}.monitoring-selection-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.monitoring-selection-row,.monitoring-saved-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.monitoring-export-layout{grid-template-columns:minmax(360px,1.15fr) minmax(320px,.85fr);gap:10px;display:grid}.monitoring-export-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.monitoring-export-head h2{margin:4px 0 0;font-size:18px}.monitoring-job-list,.monitoring-file-list{gap:8px;margin-top:10px;display:grid}.monitoring-job-row,.monitoring-file-row{background:linear-gradient(135deg,#0f172a8f,#1e293b57),#ffffff08;border:1px solid #94a3b833;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.monitoring-job-row strong,.monitoring-file-row strong{color:#f8fafcf2;font-size:12px;display:block}.monitoring-job-row span,.monitoring-file-row span{color:#cbd5e1c2;margin-top:4px;font-size:10px;line-height:1.45;display:block}.monitoring-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.monitoring-row-actions .mini-btn{text-decoration:none}.monitoring-job-form{background:radial-gradient(circle at 100% 0,#22c55e14,#0000 42%),linear-gradient(#0f172a80,#0f172a47);border:1px solid #60a5fa2e;border-radius:18px;gap:10px;margin-top:12px;padding:12px;display:grid}.monitoring-weekdays{flex-wrap:wrap;gap:8px;display:flex}.monitoring-weekday{color:#e2e8f0d1;cursor:pointer;background:#0f172a5c;border:1px solid #94a3b838;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.monitoring-weekday input{accent-color:#38bdf8;margin:0}.monitoring-weekday.is-selected{color:#f0f9fffa;background:#0e749047;border-color:#38bdf8b3}.monitoring-job-meta{color:#bfdbfed6;flex-wrap:wrap;gap:10px 16px;font-size:11px;display:flex}.danger-text{color:#fca5a5f5}@media (width<=1200px){.monitoring-export-layout{grid-template-columns:1fr}}@media (width<=960px){.monitoring-layout,.monitoring-selection-head,.monitoring-job-row,.monitoring-file-row{grid-template-columns:1fr}.monitoring-job-row,.monitoring-file-row,.monitoring-selection-row,.monitoring-saved-row{flex-direction:column;align-items:flex-start}.monitoring-row-actions{justify-content:flex-start;width:100%}}.shape-svg{width:100%;height:100%;overflow:visible}.instrument-svg{pointer-events:none;width:100%;height:100%;overflow:visible}.instrument-rail,.instrument-range,.instrument-fill{fill:none;stroke-width:15px;stroke-linecap:butt}.instrument-fill{stroke-linecap:round}.instrument-dial-rail,.instrument-dial-range,.instrument-dial-fill{fill:none;stroke-width:16px;stroke-linecap:butt}.instrument-dial-fill{stroke-linecap:round}.instrument-major,.instrument-minor{stroke:#e2e8f0;stroke-width:2px}.instrument-minor{stroke:#94a3b8;stroke-width:1.4px}.instrument-label{fill:#e2e8f0;text-anchor:middle;-webkit-user-select:none;user-select:none;font-weight:700}.instrument-label.end{text-anchor:end}.instrument-value{fill:#fff;text-anchor:middle;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;font-weight:900}.instrument-needle{stroke-width:4px;stroke-linecap:round}.instrument-needle.slim{stroke-width:2px}.instrument-pointer-line{stroke-width:3px;stroke-linecap:round}.shape-flow-line{pointer-events:none;animation-name:shape-flow;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes shape-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-64px}}.poly-point{fill:#bbf7d0;stroke:#15803d;stroke-width:3px;cursor:grab}.draft-line-layer{pointer-events:none;z-index:999998;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.asset-bottom-bar{border:1px solid var(--glass-border);background:#ffffff0f;border-radius:22px;flex-direction:column;flex:none;height:215px;margin-top:8px;padding:8px;display:flex;overflow:hidden}.asset-bottom-head{flex:none;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.asset-bottom-head strong{color:#fff}.asset-bottom-actions{align-items:center;gap:8px;display:flex}.asset-bottom-actions .btn{flex:0 0 96px;width:96px}.asset-search{flex:0 0 192px;width:192px;min-width:192px}.asset-category-strip{gap:10px;padding-bottom:4px;display:flex;overflow:auto hidden}.asset-category-strip.full{flex:auto;min-height:0}.asset-category{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:16px;min-width:245px;max-width:245px;padding:8px;overflow:visible}.asset-category-title{color:#fff;margin-bottom:8px;font-size:12px;font-weight:900}.asset-row-scroll{flex-wrap:wrap;align-content:flex-start;gap:8px;height:118px;padding-bottom:6px;display:flex;overflow:hidden auto}.asset-tile{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;flex:0 0 72px;min-height:104px;padding:5px;overflow:visible}.asset-tile-main span{white-space:nowrap;text-overflow:ellipsis;white-space:nowrap;min-height:14px;margin-top:5px;font-size:10px;font-weight:800;display:block;overflow:hidden}.asset-preview,.state-image{background:#ffffff0f;border-radius:12px;place-items:center;width:44px;height:44px;margin:0 auto;display:grid;overflow:hidden}.asset-preview img,.state-image img{max-width:100%;max-height:100%}.state-image span{color:#e2e8f0ad;text-align:center;font-size:8px;font-weight:900;line-height:1.1}.asset-icon-actions{justify-content:center;gap:4px;min-height:24px;margin-top:6px;display:flex}.asset-icon-actions button,.icon-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;padding:3px 5px;font-size:11px;line-height:1}.danger-icon{background:#7f1d1db8}.asset-bottom-bar{height:170px;margin-top:10px;padding:8px}.asset-bottom-head{margin-bottom:8px}.asset-search{width:192px;padding:6px 9px}.asset-category-strip{scrollbar-width:thin;align-items:stretch;gap:9px;padding:0 2px 5px 0}.asset-category{background:#ffffff0a;border-radius:15px;flex-direction:column;flex:0 0 185px;min-width:185px;max-width:none;height:100%;padding:6px;display:flex;overflow:hidden}.asset-category-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;font-size:10px;font-weight:800;line-height:1.1;display:flex}.asset-category-title span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.asset-category-title em{color:#bfdbfe;text-align:center;background:#2563eb47;border-radius:999px;min-width:18px;height:17px;padding:1px 5px;font-size:9px;font-style:normal}.asset-row-scroll{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:5px;height:auto;min-height:0;padding:0;display:grid;overflow:hidden auto}.asset-tile{flex-direction:column;gap:3px;min-width:0;height:72px;min-height:0;padding:4px;display:flex;overflow:hidden}.asset-tile-main{color:#fff;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:auto;align-items:center;gap:3px;width:100%;min-height:0;padding:0;display:flex}.asset-tile-main strong{white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;font-size:8px;font-weight:800;line-height:1.1;display:block;overflow:hidden}.asset-tile .asset-preview{width:28px;height:28px}.asset-context-menu{width:150px}.asset-bottom-bar{z-index:30;background:#ffffff0b;border-color:#ffffff1f;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;height:42px;margin-top:6px;padding:5px 8px;display:grid;position:relative;overflow:visible}.asset-bottom-head{margin:0;display:contents}.asset-bottom-head>div:first-child{white-space:nowrap;opacity:.86;grid-area:1/1;align-items:center;gap:4px;display:flex}.asset-bottom-head strong{letter-spacing:.01em;font-size:10px}.asset-bottom-head span{color:#d1d5db8c;font-size:8px}.asset-bottom-actions{grid-area:1/3;gap:6px}.asset-bottom-actions .btn{flex-basis:78px;width:78px;padding-inline:7px}.asset-search{border-radius:9px;flex-basis:160px;width:160px;min-width:160px;height:26px;padding:4px 8px}.asset-category-strip,.asset-category-strip.full{flex:none;grid-area:1/2;justify-content:flex-start;align-items:center;gap:5px;min-width:0;min-height:0;padding:0;display:flex;overflow:visible}.asset-category{background:0 0;border:0;flex:none;width:auto;min-width:0;height:auto;padding:0;position:relative;overflow:visible}.asset-category:after{content:"";pointer-events:auto;width:min(420px,70vw);height:12px;position:absolute;bottom:100%;left:0}.asset-category-title{cursor:default;white-space:nowrap;background:linear-gradient(#ffffff1b,#ffffff0e);border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:4px;min-height:22px;margin:0;padding:2px 5px 2px 6px;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 1px 5px #00000029}.asset-category-title:before{content:attr(data-icon);background:#ffffff17;border-radius:999px;place-items:center;width:16px;height:16px;font-size:10px;line-height:1;display:inline-grid}.asset-category-title span{color:#f8fafcd1;max-width:126px;font-size:8px;font-weight:800;line-height:1}.asset-category-title em{color:#dbeafee0;background:#60a5fa3d;min-width:15px;height:15px;padding:1px 4px;font-size:8px}.asset-category:hover .asset-category-title,.asset-category:focus-within .asset-category-title{background:linear-gradient(#bfdbfe38,#93c5fd1f);border-color:#bfdbfe5c;transform:translateY(-1px)}.asset-category .asset-row-scroll{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;visibility:hidden;pointer-events:none;z-index:50;background:linear-gradient(135deg,#2a323ddb,#111827d1);border-radius:18px;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:6px;width:min(390px,70vw);height:auto;max-height:260px;padding:10px;transition:opacity .12s,transform .12s,visibility .12s;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;overflow:auto;transform:translateY(6px);box-shadow:0 18px 46px #0000006b}.asset-category:hover .asset-row-scroll,.asset-category:focus-within .asset-row-scroll{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.asset-category:nth-last-child(-n+2) .asset-row-scroll{left:auto;right:0}.asset-category .asset-tile{background:#ffffff13;border-color:#ffffff21;border-radius:12px;height:74px;min-height:0;transition:transform .12s,background .12s,border-color .12s}.asset-category .asset-tile:hover{background:#bfdbfe24;border-color:#bfdbfe52;transform:translateY(-1px)}.asset-category .asset-tile .asset-preview{background:#02061747;border-radius:10px;width:32px;height:32px}.asset-category .asset-tile-main strong{color:#f8fafce6;font-size:8px;line-height:1.15}.modal-backdrop{z-index:9999999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0206179e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.asset-modal{background:linear-gradient(135deg,#0f172af5,#1e293beb);border:1px solid #60a5fa6b;border-radius:28px;width:min(920px,96vw);max-height:min(860px,92vh);padding:18px;overflow:auto;box-shadow:0 28px 90px #0000008c}.image-library-modal{width:min(980px,96vw)}.image-library-drop{color:#f1f5f9f0;text-align:center;background:#0f172a57;border:1px dashed #93c5fd8c;border-radius:16px;place-items:center;gap:6px;margin-bottom:12px;padding:18px;display:grid}.image-library-drop span{color:#cbd5e1b8;font-size:11px}.image-library-drop input{max-width:260px;font-size:11px}.image-library-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.image-library-card{background:#0f172a47;border:1px solid #94a3b838;border-radius:14px;gap:7px;padding:8px;display:grid}.image-library-card.is-selected{border-color:#60a5fad9;box-shadow:0 0 0 1px #3b82f647}.image-library-preview{cursor:pointer;background-color:#0000;background-image:linear-gradient(45deg,#ffffff12 25%,#0000 25%),linear-gradient(-45deg,#ffffff12 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff12 75%),linear-gradient(-45deg,#0000 75%,#ffffff12 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #94a3b838;border-radius:12px;height:96px;padding:6px}.image-library-preview img{object-fit:contain;width:100%;height:100%}.image-library-info{gap:2px;min-width:0;display:grid}.image-library-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.image-library-info span{color:#cbd5e1b8;font-size:10px}.state-image-picker{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.state-image-picker-preview{background:#0f172a61;border:1px solid #94a3b857;border-radius:12px;width:54px;height:54px;padding:4px}.state-image-picker-preview img{object-fit:contain;width:100%;height:100%}.state-image-picker-actions{flex-wrap:wrap;gap:6px;display:flex}.modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.icon-close{color:#fff;cursor:pointer;background:#1f2937b8;border:1px solid #4b5563d1;border-radius:14px;width:38px;height:38px;font-weight:900}.asset-modal-form{gap:12px;margin-bottom:14px;display:grid}.modal-grid{grid-template-columns:1.4fr 220px 150px;align-items:end;gap:12px;display:grid}.modal-wide{grid-column:1/-1}.modal-check{padding-bottom:9px}.modal-actions{flex-wrap:wrap;gap:8px;display:flex}.template-map-row{background:#0f172a5c;border:1px solid #94a3b83d;border-radius:16px;grid-template-columns:minmax(150px,.7fr) minmax(220px,1.3fr);align-items:start;gap:12px;padding:10px;display:grid}.template-binding-field{gap:7px;display:grid}.segmented{background:#0f172a3d;border:1px solid #94a3b838;border-radius:999px;gap:4px;padding:3px;display:inline-flex}.segmented button{color:#e2e8f0c2;cursor:pointer;background:0 0;border:0;border-radius:999px;font-weight:900}.segmented.tiny button{padding:5px 9px;font-size:10px}.segmented button.active{color:#fff;background:#60a5fa7a}.compact-field{margin:0}.asset-form-grid,.rule-grid,.prop-grid-2,.settings-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.prop-grid-3{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.range-input-row{grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:8px;display:grid}.z-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.check-line{color:#d1d5dbc7;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.properties .check-line{justify-content:flex-start;align-items:center;gap:7px;margin:0;display:flex}.properties .check-line input[type=checkbox]{accent-color:#3b82f6;flex:none;width:auto;margin:0;padding:0}.states-editor{background:#02061752;border:1px solid #4b5563b8;border-radius:16px;gap:10px;padding:10px;display:grid}.state-form{background:#02061761;border:1px solid #4b5563b8;border-radius:16px;gap:8px;padding:10px;display:grid}.state-form.compact,.states-editor.compact{padding:8px}.state-list{gap:8px;display:grid}.state-row{border:1px solid #4b55639e;border-radius:14px;grid-template-columns:46px 1fr auto auto;align-items:center;gap:8px;padding:8px;display:grid}.state-info strong{color:#fff;font-size:12px;display:block}.state-info span{color:#d1d5db9e;font-size:10px;display:block}.properties{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:6px;height:100%;max-height:100%;padding:8px;display:flex;overflow:hidden auto}.properties-scroll{flex:none;align-content:start;gap:6px;min-height:auto;padding-right:0;display:grid;overflow:hidden visible}.properties-footer{flex:none;padding-top:2px}.properties-footer .btn{width:100%}.properties h3{margin-bottom:5px;font-size:11px}.property-section{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;min-height:0;overflow:hidden}.property-section summary{cursor:pointer;color:#e5e7eb;-webkit-user-select:none;user-select:none;padding:8px 32px 8px 9px;font-size:11px;font-weight:900;list-style:none;position:relative}.property-section summary::-webkit-details-marker{display:none}.property-section summary:after{content:"+";color:#e2e8f0c2;font-size:18px;line-height:1;position:absolute;top:5px;right:10px}.property-section[open] summary{background:#ffffff0f;border-bottom:1px solid #ffffff1a}.property-section[open] summary:after{content:"-"}.property-section-body{gap:7px;min-height:0;max-height:none;padding:7px;display:grid;overflow:visible}.properties .field{gap:4px}.properties .field label,.properties .small-title,.properties .small-muted,.properties .check-line,.properties .rule-footer,.properties .state-form label,.properties .success-notice{font-size:10px}.properties .form-input,.properties .field input,.properties .field select,.properties input,.properties select{border-radius:9px;padding:6px 8px;font-size:11px}.property-section-body .rules-editor,.property-section-body .attached-editor{border-top:0;padding-top:0}.properties .color-pair-editor{grid-template-columns:1fr}.properties .color-copy-buttons{justify-content:center;gap:6px;padding-top:0;display:flex}.rotation-editor{gap:8px;display:grid}.rotation-input-row{color:#d1d5dbcc;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;font-weight:800;display:grid}.rotation-jumps{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.arrow-rotation-jumps .btn{min-width:0;padding-inline:0}.rules-editor,.attached-editor{border-top:1px solid #4b5563b8;gap:7px;padding-top:8px;display:grid}.rule-box,.attached-editor-row{background:#02061757;border:1px solid #4b5563b8;border-radius:11px;gap:6px;padding:7px;display:grid}.trend-editor{gap:8px;display:grid}.trend-series-list{border-top:1px solid #4b5563b8;gap:7px;padding-top:8px;display:grid}.trend-series-row{background:#02061747;border:1px solid #4b5563b8;border-radius:11px;gap:6px;padding:7px;display:grid}.rule-footer{color:#d1d5dba6;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.color-pair-editor{grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;display:grid}.color-editor{gap:4px;min-width:0;display:grid}.color-main-row{grid-template-columns:42px 1fr;gap:6px;display:grid}.color-main-row input[type=color]{height:34px;padding:2px}.rgb-row{grid-template-columns:1fr 1fr 1fr;gap:4px;display:grid}.rgb-row input{text-align:center;padding:5px 4px;font-size:11px}.color-copy-buttons{gap:6px;padding-top:21px;display:grid}.color-copy-buttons button{color:#fff;cursor:pointer;background:#1f2937b8;border:1px solid #4b5563d1;border-radius:10px;width:30px;height:30px;font-weight:900}.gradient-origin-picker{background:#02061752;border:1px solid #4b5563b8;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:5px;width:108px;padding:5px;display:grid}.gradient-origin-picker button{cursor:pointer;background:#1f2937b8;border:1px solid #4b5563d1;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.gradient-origin-picker button.active{background:#2563eb8c;border-color:#60a5faeb}.gradient-origin-picker button span{background:#93c5fd;border-radius:50%;width:9px;height:9px}.instrument-editor,.instrument-ranges{gap:7px;display:grid}.instrument-colors{grid-template-columns:1fr;align-items:start}.instrument-range-row{grid-template-columns:1fr 1fr 38px 32px;align-items:center;gap:5px;display:grid}.instrument-range-row input[type=color]{height:32px;padding:2px}.instrument-range-row .mini-btn{padding:6px 4px}.success-notice{color:#dcfce7;background:#16653485;border:1px solid #4ade8094;border-radius:11px;padding:8px 10px;font-size:12px;font-weight:800}.context-menu{z-index:9999999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff24,#0f172a8f);border:1px solid #ffffff2e;border-radius:12px;width:186px;padding:4px;position:fixed;box-shadow:0 14px 34px #00000057}.context-menu button{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;width:100%;padding:7px 8px;font-size:10px;font-weight:800;line-height:1.2}.context-menu button:hover{background:#ffffff1a}.context-menu button.danger-row:hover{background:#b91c1c47}@media (width<=1500px){.designer-layout{grid-template-columns:270px minmax(0,1fr)}.properties{grid-column:1/-1;max-height:320px}.project-visu-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}}@media (width<=1100px){.viewer-layout{grid-template-columns:1fr}.viewer-tree{max-height:220px}.viewer-tree-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (width<=1000px){body.visu-page{overflow:auto}body:has(#root .visu-workspace){overflow:auto}body:has(#root .viewer-full){overflow:auto}body:has(#root .overview-full){overflow:auto}#root{height:auto;max-height:none;overflow:visible}.page-shell.full,.overview-full{height:auto;overflow:auto}.form-grid,.designer-layout,.modal-grid{grid-template-columns:1fr}.form-wide,.modal-wide{grid-column:auto}.toolbox,.properties{height:auto;max-height:none}.canvas-scroll,.viewer-scroll{height:70vh}.asset-bottom-bar{height:auto;max-height:360px;overflow:auto}.color-pair-editor{grid-template-columns:1fr}.color-copy-buttons{grid-template-columns:1fr 1fr;padding-top:0}.overview-head-actions{flex-wrap:wrap;justify-content:stretch;width:100%;min-width:0}.overview-search{flex:1;min-width:0}.project-visu-grid,.project-page-grid{grid-template-columns:1fr}}.viewer-tree{border:1px solid var(--glass-border);background:#ffffff0f;border-radius:22px;min-height:0;padding:10px;position:relative;overflow:auto}.viewer-tree-title{color:#fff;margin-bottom:8px;font-size:11px;font-weight:900}.viewer-tree-search{margin-bottom:8px}.viewer-tree-project-list{gap:8px;padding-bottom:28px;display:grid}.viewer-tree-project-block{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:16px;overflow:hidden}.viewer-tree-project-block.has-current-page{background:#bfdbfe1f;border-color:#e2e8f047}.viewer-tree-project-toggle{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:start;gap:6px;width:100%;padding:8px;display:grid}.viewer-tree-project-toggle:hover{background:#ffffff14}.viewer-tree-arrow{color:#e2e8f0c2;padding-top:1px;font-size:12px;line-height:1.2}.viewer-tree-project-text{gap:2px;min-width:0;display:grid}.viewer-tree-project-text strong{color:#f1f5f9f5;font-size:11px;line-height:1.25}.viewer-tree-project-text small{color:#e2e8f0c7;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25;overflow:hidden}.viewer-tree-customer{color:#d1d5db8c!important}.viewer-tree-project-toggle em{color:#f1f5f9eb;background:#ffffff1a;border-radius:999px;place-items:center;min-width:24px;height:20px;font-size:10px;font-style:normal;font-weight:900;display:grid}.viewer-tree-list{gap:6px;padding:0 6px 6px 24px;display:grid}.viewer-tree-row{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:6px;display:grid;overflow:hidden}.viewer-tree-row.active{background:#bfdbfe24;border-color:#e2e8f04d}.viewer-tree-row a{color:#fff;min-width:0;padding:7px 8px;text-decoration:none;display:grid}.viewer-tree-row a span{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:800;overflow:hidden}.viewer-tree-row a small{color:#d1d5db99;margin-top:2px;font-size:9px}.viewer-tree-edit{border-left:1px solid #4b556394;place-items:center;width:30px;height:100%;padding:0!important;display:grid!important}.viewer-tree-collapse{color:#f1f5f9e0;cursor:pointer;z-index:2;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:900;display:grid;position:absolute;bottom:10px;left:10px}.viewer-tree-collapse-floating{bottom:10px;left:10px}.viewer-focus-toggle{color:#f1f5f9e0;cursor:pointer;z-index:2;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:900;display:grid;position:absolute;top:10px;right:10px}.sankey-chart{border:1px solid #94a3b861;border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden}.sankey-chart svg{width:100%;height:100%;display:block}.sankey-chart-head{color:#e2e8f0db;pointer-events:none;justify-content:space-between;gap:12px;font-size:11px;display:flex;position:absolute;top:10px;left:12px;right:12px}.sankey-chart-head strong{color:#f8fafc;font-size:12px}.sankey-legend{color:#e2e8f0d6;pointer-events:none;flex-wrap:wrap;gap:8px 14px;font-size:10px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.sankey-legend span{align-items:center;gap:6px;display:inline-flex}.sankey-legend i{border-radius:999px;width:10px;height:10px;display:inline-block}.sankey-node-label,.sankey-link-label{font-size:11px;font-weight:700}.sankey-link-label{paint-order:stroke;stroke:#0f172a80;stroke-width:4px;stroke-linejoin:round}.sankey-editor,.vdp-editor-panel{gap:14px;display:grid}.sankey-overview-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.sankey-overview-card,.sankey-control-card{background:#0f172a38;border:1px solid #94a3b82e;border-radius:16px;gap:8px;padding:14px;display:grid}.sankey-overview-card span{color:#bfdbfec7;font-size:11px}.sankey-overview-card strong{color:#f8fafc;font-size:24px}.sankey-control-grid{gap:12px;display:grid}.sankey-section-head,.vdp-formula-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sankey-node-list,.sankey-link-list,.vdp-formula-editor{background:#0f172a38;border:1px solid #94a3b82e;border-radius:16px;gap:10px;padding:14px;display:grid}.sankey-node-row,.sankey-link-row,.vdp-token-card,.vdp-preview-card{background:#1e293b80;border:1px solid #94a3b824;border-radius:14px;gap:10px;padding:12px;display:grid}.vdp-layout{grid-template-columns:280px minmax(0,1fr);gap:16px;min-height:0;display:grid}.vdp-sidebar{align-content:start;gap:12px;display:grid}.vdp-point-list{gap:8px;max-height:62vh;display:grid;overflow:auto}.vdp-point-row{text-align:left;color:#e2e8f0;background:#0f172a4d;border:1px solid #94a3b829;border-radius:14px;gap:3px;padding:10px 12px;display:grid}.vdp-point-row.is-selected{background:#0ea5e92e;border-color:#38bdf87a}.vdp-point-row span{color:#bfdbfec7;font-size:11px}.vdp-token-toolbar{flex-wrap:wrap;gap:8px;display:flex}.vdp-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.vdp-flow-badge{color:#bae6fd;background:#38bdf824;border:1px solid #38bdf838;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.vdp-token-card{cursor:grab;gap:10px;width:280px;min-height:170px;display:grid}.vdp-token-head{justify-content:space-between;align-items:start;gap:10px;display:flex}.vdp-token-actions{justify-content:flex-end;gap:8px;margin-top:auto;display:flex}.vdp-token-live{justify-content:space-between;align-items:end;gap:12px;margin-top:auto;padding-top:6px;display:flex}.vdp-token-live span,.vdp-flow-target-value span{color:#bfdbfec7;letter-spacing:.04em;text-transform:uppercase;font-size:11px}.vdp-token-live strong,.vdp-flow-target-value strong{color:#f8fafc;font-size:22px;line-height:1}.vdp-flow-stage{padding:10px 0 2px;position:relative;overflow:hidden}.vdp-flow-scroll{padding-bottom:8px;overflow:auto hidden}.vdp-flow-list{align-items:stretch;gap:0;min-width:100%;display:inline-flex}.vdp-flow-item,.vdp-flow-target-wrap{flex:none;align-items:center;gap:12px;display:flex}.vdp-flow-link{flex:0 0 46px;justify-content:center;align-items:center;width:46px;display:flex}.vdp-flow-link span{background:linear-gradient(90deg,#38bdf81f,#38bdf8bf);width:100%;height:2px;display:block;position:relative}.vdp-flow-link span:after{content:"";border-top:2px solid #38bdf8bf;border-right:2px solid #38bdf8bf;width:9px;height:9px;position:absolute;top:50%;right:-1px;transform:translateY(-50%)rotate(45deg)}.vdp-flow-item:first-child .vdp-flow-link{flex-basis:16px;width:16px}.vdp-flow-item:first-child .vdp-flow-link span{opacity:.28}.vdp-flow-target{background:linear-gradient(135deg,#082f49e6,#0e7490a3);border:1px solid #7dd3fc52;border-radius:18px;gap:8px;min-width:220px;padding:18px 16px;display:grid}.vdp-flow-target strong{color:#f8fafc;font-size:18px}.vdp-flow-target span{color:#e0f2fed1;font-size:12px}.vdp-flow-target-value{border-top:1px solid #7dd3fc29;gap:4px;margin-top:8px;padding-top:10px;display:grid}.vdp-formula-preview{color:#e2e8f0e0;background:#02061775;border-radius:12px;padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:12px}.vdp-preview-card strong{color:#bfdbfedb;font-size:12px}.vdp-preview-card span{color:#f8fafc;font-size:18px;font-weight:800}.compact-field label{font-size:11px}@media (width<=1100px){.sankey-overview-strip,.vdp-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vdp-layout{grid-template-columns:1fr}}
|