@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&family=IBM+Plex+Mono:wght@400;450;500&display=swap";:root{color:#e5e8e6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101312;--surface:#171b19;--border:#2b302d;--muted:#89928c;--mint:#b2ebbd;--mono:"IBM Plex Mono", monospace;--heading:"Manrope", sans-serif;background:#101312;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:360px;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent;outline-offset:4px}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.35}button,input,select{border-radius:6px}:focus-visible{outline:2px solid var(--mint)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}::selection{color:#f1fff3;background:#b2ebbd40}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#424b44;border-radius:6px}::-webkit-scrollbar-track{background:0 0}.app-shell{min-height:100vh}.app-header{border-bottom:1px solid var(--border);background:#151917;align-items:center;gap:23px;height:76px;padding:0 30px;display:flex}.brand{font:750 24px var(--heading);letter-spacing:-1.15px;align-items:center;display:flex}.brand-mark{width:32px;height:25px;margin-right:10px;position:relative}.brand-mark span{border:2px solid var(--mint);border-radius:3px;width:19px;height:15px;position:absolute;top:1px;left:0}.brand-mark span+span{background:#151917;top:9px;left:11px}.brand-dot{color:var(--mint)}.brand-divider{background:#343b36;width:1px;height:23px}.brand-description{color:#8d978f;font-size:14px}.header-right{align-items:center;gap:27px;margin-left:auto;display:flex}.lua-badge{color:#b7ccbb;font:12px var(--mono);letter-spacing:.5px;background:#1d2820;border:1px solid #364237;border-radius:5px;align-items:center;gap:7px;padding:7px 9px;display:flex}.tiny-dot{background:var(--mint);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.docs-link{color:#bac2bc;align-items:center;gap:8px;font-size:14px;display:flex}.docs-link:hover{color:var(--mint)}.app-body{grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 76px);display:grid}.sidebar{border-right:1px solid var(--border);background:#141815;flex-direction:column;padding:30px 18px 0;display:flex}.workspace-label{align-items:center;gap:9px;padding:0 4px;font-size:14px;font-weight:550;display:flex}.workspace-icon{color:#aeb9b0;border:1px solid #3b423d;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.local-tag{font:10px var(--mono);letter-spacing:.4px;color:#8d978e;border:1px solid #343c35;border-radius:3px;margin-left:auto;padding:3px 5px}.sidebar-section-title{font:11px var(--mono);letter-spacing:1.2px;color:#929d93;justify-content:space-between;margin:35px 7px 13px;display:flex}.sidebar-section-title>span:last-child{color:#b4bcb5;letter-spacing:0}.monitor-list{flex-direction:column;gap:8px;display:flex}.color-mint{--display:#b2ebbd;--display-rgb:178, 235, 189}.color-lavender{--display:#b8aae3;--display-rgb:184, 170, 227}.color-peach{--display:#edb994;--display-rgb:237, 185, 148}.color-blue{--display:#96c4e9;--display-rgb:150, 196, 233}.color-pink{--display:#eaa9c3;--display-rgb:234, 169, 195}.color-yellow{--display:#e1ce89;--display-rgb:225, 206, 137}.monitor-list-item{text-align:left;border:1px solid #0000;align-items:center;gap:10px;width:100%;min-height:73px;padding:13px 10px;display:flex}.monitor-list-item:hover{background:#ffffff05}.monitor-list-item.active{background:#253028;border-color:#3d5942}.mini-screen{width:28px;height:21px;font:12px var(--mono);border:1px solid var(--display);color:var(--display);background:rgba(var(--display-rgb), .07);border-radius:3px;flex-shrink:0;place-items:center;display:grid;position:relative}.mini-screen:after{content:"";background:var(--display);opacity:.5;width:11px;height:1px;position:absolute;bottom:-5px;left:8px}.monitor-list-text{flex-direction:column;gap:6px;min-width:0;display:flex}.monitor-list-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.monitor-list-text>span{font:12px var(--mono);color:#93a196;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-dot{margin:0 7px}.monitor-list-item>svg{color:#9bb39f;margin-left:auto}.monitor-list-item:not(.active)>svg{opacity:0}.add-monitor{color:#b4c1b6;border:1px dashed #414c43;justify-content:center;align-items:center;gap:8px;margin-top:15px;padding:13px 0;font-size:13px;display:flex}.add-monitor:hover{border-color:var(--mint);color:var(--mint);background:#b2ebbd08}.sidebar-caption{color:#7b867d;text-align:center;margin-top:13px;font-size:11px}.sidebar-bottom{margin-top:auto;padding-top:70px}.tip-card{background:#1a211b;border:1px solid #313b32;border-radius:7px;padding:17px 14px 15px}.tip-icon{color:#a9baad}.tip-card h3{margin-top:12px;font-size:13px;font-weight:500}.tip-card p{color:#929e95;margin-top:8px;font-size:12px;line-height:1.8}.tip-card button{color:#c1d8c5;justify-content:space-between;align-items:center;width:100%;padding:13px 0 0;font-size:12px;display:flex}.reset-button{color:#929e95;align-items:center;gap:8px;padding:21px 5px;font-size:12px;display:flex}.reset-button:hover{color:var(--mint)}.sidebar-status{color:#839287;border-top:1px solid var(--border);align-items:center;gap:8px;margin:0 -1px;padding:19px 5px;font-size:11px;display:flex}.sidebar-status .tiny-dot{background:#8cb094}.warning-dot{background:#e7b67e!important}main{width:100%;min-width:0;max-width:1800px;margin:0 auto;padding:34px 32px 0}.workspace-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.breadcrumb{font:10px var(--mono);letter-spacing:1.25px;color:#87958b;align-items:center;gap:12px;display:flex}.breadcrumb span{color:#4c5850}h1{font:600 clamp(23px, 2.12vw, 34px)/1.3 var(--heading);letter-spacing:-1.1px;margin-top:13px}h1>span{color:var(--mint)}.workspace-heading p{color:#8c9990;margin-top:9px;font-size:13px}.button{border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:13px;display:inline-flex}.secondary{color:#c4cdc6;background:#1a201c;border:1px solid #3a443d}.secondary:hover{background:#242d27;border-color:#748979}.guide-button{white-space:nowrap;align-self:flex-end;margin-bottom:2px}.editor-grid{grid-template-columns:minmax(0,1fr) 284px;align-items:start;gap:19px;display:grid}.editor-main{flex-direction:column;gap:20px;min-width:0;display:flex}.layout-panel,.config-panel,.inspector{border:1px solid var(--border);background:#171b19;border-radius:9px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:12px;min-height:57px;padding:0 19px;display:flex}.heading-label{align-items:center;gap:10px;display:flex}.step-label{font:11px var(--mono);color:#9aa69d;border:1px solid #3e4840;border-radius:3px;padding:3px 4px}.panel-heading h2{font-family:var(--heading);letter-spacing:-.1px;font-size:14px;font-weight:600}.history-actions{align-items:center;gap:5px;display:flex}.icon-button{color:#9faaa2;justify-content:center;align-items:center;width:29px;height:29px;display:inline-flex}.icon-button:hover:not(:disabled){color:#e3ebe5;background:#ffffff08}.canvas-toolbar{border-block:1px solid var(--border);background:#191f1b;justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding:0 16px;display:flex}.view-tabs{background:#101612;border:1px solid #2b352d;border-radius:5px;gap:3px;padding:3px;display:flex}.view-tabs button{color:#8e9b92;border-radius:3px;align-items:center;gap:7px;padding:6px 9px;font-size:11px;display:flex}.view-tabs button.active{color:#d5e2d8;background:#2a352d;box-shadow:0 1px 3px #0003}.snap-button{color:#849188;align-items:center;gap:7px;padding:6px 0;font-size:11px;display:flex}.snap-button.on{color:#afc2b3}.toggle-track{background:#3b463f;border-radius:10px;width:23px;height:13px;padding:3px}.toggle-track>span{background:#99a79d;border-radius:50%;width:7px;height:7px;transition:transform .15s;display:block}.on .toggle-track{background:#4e7157}.on .toggle-track>span{background:#c8e7ce;transform:translate(10px)}.canvas{touch-action:none;isolation:isolate;cursor:grab;background-color:#111713;background-image:radial-gradient(#495d493d 1px,#0000 1px);background-size:18px 18px;height:366px;position:relative;overflow:hidden}.canvas.dragging{cursor:grabbing}.canvas-mode-label{pointer-events:none;z-index:3;font:10px var(--mono);letter-spacing:1px;color:#7f9586;align-items:center;gap:7px;display:flex;position:absolute;top:20px;left:20px}.canvas-mode-label .tiny-dot{background:#69856f;width:4px;height:4px}.axis-line{pointer-events:none;opacity:.7;z-index:-1;position:absolute}.axis-x{background:#4b624c35;width:100%;height:1px}.axis-y{background:#4b624c35;width:1px;height:100%}.origin-label{pointer-events:none;color:#718476;font:10px var(--mono);position:absolute}.screen{border:1px solid rgba(var(--display-rgb), .62);background:linear-gradient(150deg, rgba(var(--display-rgb), .17), rgba(var(--display-rgb), .065)), #151b17;color:var(--display);touch-action:none;cursor:grab;text-align:center;border-radius:5px;min-width:1px;min-height:1px;padding:0;position:absolute;box-shadow:0 8px 20px #0002}.screen.selected{border-color:var(--display);box-shadow:0 0 0 3px rgba(var(--display-rgb), .05), 0 10px 25px #0003;z-index:2}.screen:hover{filter:brightness(1.1)}.screen.overlap{border-color:#f6a095;box-shadow:0 0 0 2px #f6a09540}.dragging .screen{cursor:grabbing}.screen-top{font:10px var(--mono);letter-spacing:.6px;opacity:.9;white-space:nowrap;justify-content:space-between;display:flex;position:absolute;top:9px;left:11px;right:10px;overflow:hidden}.screen-top>span{text-overflow:ellipsis;overflow:hidden}.screen-content{flex-direction:column;justify-content:center;align-items:center;gap:5px;height:100%;display:flex}.screen-number{font:10px var(--mono);border:1px solid rgba(var(--display-rgb), .3);border-radius:3px;margin-bottom:0;padding:3px 4px}.screen-content>strong{font:550 32px/1.1 var(--heading);letter-spacing:-1.4px}.screen-content>strong>span{color:rgba(var(--display-rgb), .7);font-weight:400}.screen-resolution{font:12px var(--mono);margin-top:1px}.screen-details{font:10px var(--mono);opacity:.58}.screen-coordinates{font:10px var(--mono);letter-spacing:.5px;opacity:.55;position:absolute;bottom:9px;left:0;right:0}.corner{border:1px solid var(--display);background:#1c2c20;border-radius:1px;width:5px;height:5px;position:absolute}.tl{top:-3px;left:-3px}.tr{top:-3px;right:-3px}.bl{bottom:-3px;left:-3px}.br{bottom:-3px;right:-3px}.compact .screen-details,.compact .screen-resolution,.compact .screen-number{display:none}.compact .screen-content>strong{font-size:21px}.compact .screen-top{font-size:10px;top:5px;left:5px;right:5px}.compact .screen-coordinates{font-size:10px;bottom:5px}.physical-view .screen{cursor:pointer}.canvas-bottom{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;bottom:16px;left:18px;right:16px}.canvas-hint{color:#7f9386;align-items:center;gap:7px;font-size:10px;display:flex}.zoom-control{pointer-events:auto;color:#b8c8bd;background:#1b251e;border:1px solid #35473a;border-radius:5px;align-items:center;gap:3px;height:29px;padding:0 4px;display:flex}.zoom-control>span:not(.divider){font:11px var(--mono);text-align:center;min-width:28px}.zoom-control button{place-items:center;width:24px;height:25px;padding:0;display:grid}.zoom-control button:hover{color:var(--mint);background:#ffffff08}.divider{background:#3a483e;width:1px;height:14px;margin:0 3px}.canvas-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;min-height:43px;padding:10px 16px;display:flex}.canvas-footer>span{color:#95a298;align-items:center;gap:7px;font-size:10px;line-height:1.6;display:flex}.legend-square{border:1px solid #8c9f90;flex-shrink:0;width:5px;height:5px;display:inline-block}.canvas-footer button{color:#bfcdc3;white-space:nowrap;align-items:center;gap:6px;padding:4px 0;font-size:10px;display:flex}.canvas-footer button:hover{color:var(--mint)}.config-panel .panel-heading{min-height:57px}.file-badge{font:10px var(--mono);color:#909e95;background:#29322d;border-radius:3px;padding:3px 5px}.config-status{color:#a7c6af;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.config-status .tiny-dot{width:4px;height:4px}.config-status.has-error{color:#e7a99c}.has-error .tiny-dot{background:#e7a99c}.config-status.has-warning{color:#dcb888}.has-warning .tiny-dot{background:#dcb888}.code-toolbar{border-block:1px solid var(--border);background:#1d231f;justify-content:space-between;align-items:center;gap:8px;min-height:41px;padding:0 14px 0 19px;display:flex}.code-toolbar>div{color:#93a297;align-items:center;gap:9px;display:flex}.code-toolbar>div>span{font:11px var(--mono);color:#c0ccc4}.code-toolbar>div>.code-language{color:#7e9084;margin-left:8px;font:10px DM Sans,sans-serif}.copy-button{color:#1b2d1f;background:var(--mint);border:1px solid #b2ebbd;border-radius:4px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:650;display:flex}.copy-button:hover:not(:disabled){background:#c5f4cf}.code-preview{height:218px;font:12px/1.9 var(--mono);color:#c3ccc5;tab-size:4;background:#121713;margin:0;padding:17px 17px 19px 0;overflow:auto}.code-line{white-space:pre;min-height:19px;display:block}.line-number{text-align:right;color:#526557;-webkit-user-select:none;user-select:none;width:48px;padding-right:20px;font-size:11px;display:inline-block}.syntax-comment{color:#728477}.syntax-string{color:#b5d295}.syntax-function{color:#a8c7e1}.syntax-number{color:#d7bda0}.config-footer{border-top:1px solid var(--border);color:#83968a;align-items:center;gap:8px;padding:13px 17px;font-size:10px;line-height:1.8;display:flex}.config-footer code{font:10px var(--mono);color:#b0bfb5}.inspector{overflow:visible}.inspector-heading{border-bottom:1px solid var(--border);align-items:center;gap:11px;min-height:77px;padding:18px;display:flex}.monitor-symbol{color:var(--display);background:rgba(var(--display-rgb), .075);border:1px solid rgba(var(--display-rgb), .2);border-radius:6px;place-items:center;width:37px;height:35px;display:grid}.eyebrow{color:#879b8d;font:10px var(--mono);letter-spacing:1.3px}.inspector-heading h2{font:550 15px var(--heading);text-overflow:ellipsis;max-width:160px;margin-top:5px;overflow:hidden}.color-dot{background:var(--display);border-radius:50%;width:6px;height:6px;margin-left:auto}.inspector-fields{padding:19px 18px 0}.field{flex-direction:column;flex:1;gap:8px;min-width:0;margin-bottom:16px;display:flex}.field>span:first-child:not(.input-wrap):not(.select-wrap){color:#a8b5ac;justify-content:space-between;align-items:center;font-size:12px;display:flex}.field-tag{font:10px var(--mono);letter-spacing:.7px;color:#72887a}.field input,.field select{color:#ced8d1;outline-offset:2px;background:#111613;border:1px solid #333d36;width:100%;min-width:0;height:39px;padding:9px 10px;font-size:13px}.field input:focus,.field select:focus{border-color:#7fa48a}.field input:invalid{border-color:#a87767}.field input.mono-input{font:12px var(--mono);letter-spacing:.25px}.input-wrap,.select-wrap{display:block;position:relative}.input-wrap input{font:12px var(--mono);padding-right:38px}.input-suffix{color:#718879;pointer-events:none;font-size:10px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field-help{color:#84988b;margin-top:-7px;font-size:10px;line-height:1.7}.field-help code{color:#b1beb5;font:10px var(--mono)}.field-separator{background:var(--border);height:1px;margin:19px 0}.section-label{color:#c5d0c9;align-items:center;gap:7px;margin-bottom:16px;font-size:12px;display:flex}.section-label>svg{color:#95aa9c}.section-label>span{color:#73877a;font:10px var(--mono);margin-left:auto}.field-row{gap:12px;display:flex}.select-wrap select{appearance:none;padding-right:25px;font-size:11px}.select-wrap svg{pointer-events:none;color:#819c8a;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.resolution-fields{align-items:center;gap:8px;margin-top:-8px;display:flex}.resolution-fields>span{color:#758a7c;padding-bottom:14px;font-size:14px}.resolution-fields .field>span:first-child:not(.input-wrap){display:none}.density-stat{flex:1;padding-left:2px}.density-stat>span{color:#8d9d92;font-size:11px}.density-stat strong{font:13px var(--mono);color:#c0cec4;margin-top:15px;display:block}.density-stat small{color:#768c7e;font-size:10px}.logical-size{color:#80978a;align-items:center;gap:6px;margin-top:-2px;font-size:10px;display:flex}.logical-size strong{font:10px var(--mono);color:#b3c6b9;margin:0 4px}.origin-button{color:#a9bfb1;align-items:center;gap:7px;width:100%;margin-top:-3px;padding:6px 0;font-size:11px;display:flex}.origin-button:hover{color:var(--mint)}.origin-button>span{font:10px var(--mono);color:#768e7f;margin-left:auto}.inspector-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:17px;padding:15px 0;display:flex}.inspector-bottom>span{color:#7d9386;font:10px var(--mono)}.remove-button{color:#ab9b93;align-items:center;gap:5px;padding:3px 0;font-size:10px;display:flex}.remove-button:hover{color:#ffc0ad}.workspace-footer{color:#6b8072;justify-content:space-between;align-items:center;gap:12px;padding:22px 1px;display:flex}.workspace-footer>span:first-child{font:10px var(--mono);letter-spacing:1.2px}.workspace-footer>span:last-child{font:10px var(--mono);align-items:center;gap:12px;display:flex}.footer-divider{color:#44564a}.validation-messages{color:#d7b6a4;background:#392b2360;border-top:1px solid #584338;align-items:flex-start;gap:10px;padding:13px 18px;font-size:12px;line-height:1.7;display:flex}.validation-messages.errors{color:#e3b2a3;background:#35232260}.validation-messages p+p{margin-top:6px}.validation-messages svg{margin-top:2px}.code-empty{color:#83968a;text-align:center;background:#121713;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:170px;padding:20px;font-size:12px;display:flex}.canvas-empty{pointer-events:none;color:#8ca495;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.canvas-empty h3{font:500 17px var(--heading);color:#c8d8cd}.canvas-empty p{font-size:12px}.inspector-empty{color:#8ea795;text-align:center;padding:40px 25px}.inspector-empty h2{font:500 16px var(--heading);color:#d0dcd4;margin:18px 0 10px}.inspector-empty p{font-size:13px;line-height:1.8}.help-dialog{color:#d3dfd7;background:#1a211c;border:1px solid #455c4c;border-radius:12px;width:calc(100vw - 40px);max-width:560px;max-height:calc(100svh - 60px);padding:26px 32px 30px;box-shadow:0 30px 100px #0008}.help-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050b08b5}.dialog-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.help-dialog h2{font:600 24px/1.4 var(--heading);letter-spacing:-.6px;margin-bottom:10px}.help-dialog p{color:#a4b7aa;font-size:14px;line-height:1.8}.help-dialog ol{flex-direction:column;gap:20px;margin:28px 0;padding-left:22px;display:flex}.help-dialog li{padding-left:6px;font-size:14px}.help-dialog li::marker{color:#a1c6ad;font:14px var(--mono)}.help-dialog li strong{font-weight:500}.help-dialog li p{margin-top:5px}.help-dialog code{color:#c7dfcb;font:12px var(--mono);overflow-wrap:anywhere}.guide-note{background:#b2ebbd08;border:1px solid #344d3c;border-radius:6px;align-items:flex-start;gap:11px;margin-bottom:24px;padding:13px;display:flex}.guide-note svg{color:#a0c5ac;margin-top:3px}.guide-note p{font-size:13px}.toast{opacity:0;pointer-events:none;color:#d7ecdd;z-index:20;background:#2d4133;border:1px solid #658570;border-radius:7px;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 32px);padding:13px 17px;font-size:13px;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%,12px);box-shadow:0 10px 35px #0005}.toast.visible{opacity:1;transform:translate(-50%)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width>=1600px){.canvas{height:435px}.code-preview{height:240px}main{padding-inline:42px}.editor-grid{grid-template-columns:minmax(0,1fr) 310px;gap:24px}.screen-content>strong{font-size:42px}.screen-content{gap:9px}}@media (width<=1250px){.app-body{grid-template-columns:204px minmax(0,1fr)}.sidebar{padding-inline:13px}main{padding:28px 22px 0}.editor-grid{grid-template-columns:minmax(0,1fr) 258px;gap:14px}.guide-button{display:none}.canvas-toolbar{padding-inline:10px}.canvas-footer{flex-direction:column;align-items:flex-start;gap:3px}.snap-button>span:not(.toggle-track){display:none}.panel-heading{padding-inline:14px}.canvas-hint{max-width:140px;font-size:10px;line-height:1.6}.code-language{display:none}}@media (width<=1050px){.app-body{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding-inline:10px}.local-tag{display:none}.workspace-label{font-size:13px}.monitor-list-item{gap:8px;padding-inline:7px}.monitor-list-text strong{font-size:13px}.monitor-list-text>span{font-size:10px}.mini-screen{width:23px;height:18px}.mini-screen:after{left:5px}.brand-description,.brand-divider{display:none}.editor-grid{grid-template-columns:minmax(0,1fr) 235px;gap:12px}main{padding-inline:17px}.inspector-fields{padding-inline:13px}.canvas-toolbar{flex-wrap:wrap;padding:8px 10px}.view-tabs button{gap:4px;padding:6px;font-size:10px}.view-tabs button svg{display:none}.config-status{font-size:10px}.panel-heading h2{font-size:13px}.heading-label{gap:7px}.file-badge{display:none}.workspace-footer>span:first-child{letter-spacing:.5px;font-size:10px}.workspace-footer>span:last-child{gap:6px;font-size:10px}}@media (width<=900px){.app-body{grid-template-columns:185px minmax(0,1fr)}.editor-grid{grid-template-columns:minmax(0,1fr)}.inspector{order:-1}.inspector-fields{grid-template-columns:1fr 1fr;column-gap:20px;padding:17px;display:grid}.inspector-heading{min-height:65px;padding-block:12px}.inspector-fields>.field-help{grid-area:2/2}.inspector-fields>.field-separator,.inspector-fields>.section-label{grid-column:1/-1}.inspector-fields>.field-separator{margin:5px 0 16px}.inspector-fields>.section-label,.inspector-fields>.logical-size{margin-bottom:15px}.inspector-bottom{grid-column:1/-1;margin-top:0}.resolution-fields{align-self:end}.field-row{gap:8px}.canvas{height:360px}.canvas-footer{flex-direction:row;align-items:center}.canvas-hint{max-width:none;font-size:10px}.workspace-heading h1{max-width:340px;font-size:26px}.workspace-heading p{max-width:310px;line-height:1.7}.workspace-footer{flex-wrap:wrap}.sidebar-bottom{margin-top:45px;padding-top:0;position:sticky;top:15px}.config-status{font-size:10px}}@media (width<=650px){.app-header{height:65px;padding:0 18px}.brand{font-size:21px}.brand-mark{margin-right:6px;transform:scale(.9)}.header-right{gap:12px}.docs-link{gap:4px;font-size:12px}.lua-badge{display:none}.app-body{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--border);padding:16px 18px}.workspace-label,.sidebar-section-title,.sidebar-bottom,.sidebar-caption{display:none}.monitor-list{flex-direction:row;padding-bottom:4px;overflow-x:auto}.monitor-list-item{flex:1;gap:10px;min-width:210px;min-height:60px;padding:8px 12px}.monitor-list-text strong{font-size:13px}.monitor-list-text>span{font-size:11px}.add-monitor{margin-top:10px;padding:9px}main{padding:26px 18px 0}.workspace-heading{margin-bottom:23px}.workspace-heading h1{max-width:330px;font-size:28px}.workspace-heading p{max-width:310px;font-size:13px}.editor-grid{flex-direction:column;gap:20px;display:flex}.editor-main,.inspector{width:100%}.inspector{order:0}.editor-main{display:contents}.layout-panel{order:-1;width:100%}.config-panel{order:1;width:100%}.inspector-fields{gap:0 14px}.input-wrap input{padding-left:8px;padding-right:27px;font-size:11px}.input-suffix{font-size:10px;right:7px}.field input{font-size:12px}.canvas{height:310px}.canvas-footer{flex-direction:column;align-items:flex-start;gap:7px}.view-tabs button{padding:6px 9px;font-size:11px}.canvas-mode-label{font-size:10px;left:14px}.canvas-hint{max-width:125px;font-size:10px}.canvas-bottom{left:13px;right:13px}.code-preview{height:280px;font-size:11px}.line-number{width:35px;padding-right:12px;font-size:10px}.config-footer{align-items:flex-start;font-size:10px}.config-footer svg{margin-top:2px}.config-footer code{font-size:10px}.workspace-footer{gap:12px;padding-block:24px}.help-dialog{padding:21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.panel-heading h2{font-size:15px}.workspace-heading p{font-size:14px}.monitor-list-text strong{font-size:15px}.monitor-list-text>span,.field>span:first-child:not(.input-wrap):not(.select-wrap){font-size:13px}.field input,.field select{font-size:14px}.field input.mono-input,.input-wrap input{font-size:13px}.select-wrap select{font-size:12px}.section-label{font-size:13px}.field-help,.field-help code,.logical-size,.logical-size strong{font-size:11px}.code-preview{font-size:13px}.code-toolbar>div>span,.copy-button,.view-tabs button{font-size:12px}@media (width<=1050px) and (width>=651px){.monitor-list-text strong{font-size:13px}.monitor-list-text>span,.view-tabs button{font-size:11px}}@media (width<=650px){.inspector-fields{padding:20px 18px 0;display:block}.inspector-fields>.field-separator{margin:20px 0}.field{margin-bottom:18px}.field input,.field select{height:40px;font-size:15px}.field input.mono-input,.input-wrap input{padding-left:11px;font-size:14px}.input-suffix{font-size:12px;right:11px}.input-wrap input{padding-right:43px}.select-wrap select,.field>span:first-child:not(.input-wrap):not(.select-wrap){font-size:14px}.field-row{gap:14px}.field-help,.field-help code,.logical-size,.logical-size strong{font-size:12px}.density-stat>span,.density-stat strong{font-size:14px}.density-stat strong{margin-top:18px}.origin-button{padding-block:10px;font-size:13px}.remove-button{padding-block:8px;font-size:12px}.inspector-bottom>span{font-size:11px}.inspector-bottom{margin-top:16px}.view-tabs button{min-height:30px}.panel-heading h2{font-size:14px}.code-preview{font-size:12px}}.mobile-guide{display:none}@media (width<=650px){.mobile-guide{display:inline-flex}}@media (width>=651px) and (width<=900px){.editor-grid{flex-direction:column;gap:20px;display:flex}.editor-main{display:contents}.layout-panel,.config-panel,.inspector{width:100%}.layout-panel{order:-1}.inspector{order:0}.config-panel{order:1}.inspector-fields{display:block}.inspector-fields>.field-separator{margin:20px 0}}.import-monitors-button{color:#1b2d1f;background:#b2ebbd;border:1px solid #64816c;justify-content:center;align-items:center;gap:8px;margin-top:17px;padding:12px 8px;font-size:14px;font-weight:600;display:flex}.import-monitors-button:hover{background:#c5f4cf}.import-monitors-button+.add-monitor{margin-top:8px;font-size:12px}.import-dialog{max-width:730px;padding:24px 30px}.import-command{background:#101813;border:1px solid #3b5242;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin:20px 0;padding:12px 14px;display:flex}.import-command code{font-size:15px}.import-command .button{padding:8px 10px}.import-input-label{color:#c9d9ce;margin-bottom:9px;font-size:14px;display:block}.import-textarea{resize:vertical;color:#d0dfd4;width:100%;min-height:190px;max-height:360px;font:13px/1.7 var(--mono);white-space:pre;background:#101612;border:1px solid #3f5546;border-radius:7px;padding:14px;display:block}.import-textarea::placeholder{color:#768e7e}.import-textarea:focus{border-color:#9dc9a8;outline:1px solid #9dc9a8}.import-selection-note{align-items:flex-start;gap:8px;margin:13px 0 18px;display:flex}.import-selection-note svg{color:#b2ebbd;margin-top:3px}.import-results{background:#141d17;border:1px solid #364a3d;border-radius:7px;margin-bottom:15px;overflow:hidden}.import-result-heading{color:#a8bfaf;font:11px var(--mono);letter-spacing:.8px;border-bottom:1px solid #34443a;justify-content:space-between;gap:15px;padding:12px 15px;display:flex}.import-results ul{margin:0;padding:0;list-style:none}.import-results li{border-bottom:1px solid #293a2f;align-items:center;gap:10px;padding:13px 15px;display:flex}.import-results li:last-child{border-bottom:0}.import-results li>span:not(.monitor-symbol){flex-direction:column;gap:5px;min-width:0;display:flex}.import-results li>span>strong{font-size:14px;font-weight:500}.import-results li>span>span{color:#8fa696;overflow-wrap:anywhere;font-size:12px}.import-mode{text-align:right;flex-shrink:0;margin-left:auto}.import-mode strong{font-family:var(--mono);color:#cae3ca;font-size:13px!important}.import-mode strong>span{color:#b2ebbd}.import-problems,.import-notes{padding:12px 15px}.import-dialog .import-problems p,.import-dialog .import-feedback{color:#efb2a2}.import-dialog .import-notes p{color:#cbb59a;font-size:12px}.import-notes{background:#25271a50;border-top:1px solid #3a3f32}.import-problems p+p,.import-notes p+p{margin-top:6px}.import-dialog .import-layout-note{font-size:13px}.import-actions{justify-content:space-between;align-items:center;gap:14px;margin-top:20px;display:flex}.import-skip{color:#9eafa4;text-align:left;padding:10px 0;font-size:13px}.import-skip:hover{color:#d3e8d9}.import-submit{background:var(--mint);color:#1b2d1f;padding:12px 15px;font-size:14px;font-weight:600}.import-submit:hover:not(:disabled){background:#c5f4cf}.import-dialog .import-replace-note{color:#85978b;margin-top:12px;font-size:12px}.physical-missing{z-index:3;color:#c4c4ac;pointer-events:none;align-items:center;gap:8px;font-size:12px;line-height:1.6;display:flex;position:absolute;top:42px;left:20px;right:20px}.physical-missing.all-missing{text-align:center;flex-direction:column;justify-content:center;font-size:15px;inset:50px 35px}@media (width<=650px){.import-monitors-button{margin-top:10px}.import-dialog{width:calc(100vw - 24px);max-height:calc(100svh - 28px);padding:18px}.import-dialog h2{font-size:23px}.import-command{flex-wrap:wrap;gap:10px;padding:10px}.import-command code{font-size:14px}.import-command .button{padding:7px;font-size:12px}.import-textarea{min-height:170px;font-size:12px}.import-results li{flex-wrap:wrap;padding:12px}.import-mode{text-align:left;flex-shrink:1;width:100%;margin-left:47px}.import-mode strong>span{white-space:nowrap}.import-submit{padding:11px;font-size:13px}.import-actions{gap:10px}.import-skip{font-size:12px}}.advanced-settings{border-top:1px solid var(--border);grid-column:1/-1;margin-top:21px;padding-top:21px}.advanced-settings>.section-label{margin-bottom:8px}.advanced-intro,.option-help{color:#92a699;margin:0 0 15px;font-size:12px;line-height:1.7}.option-group{border-top:1px solid var(--border)}.option-group summary{cursor:pointer;color:#d1dbd5;align-items:center;gap:6px;padding:15px 0;font-size:13px;list-style:none;display:flex}.option-group summary::-webkit-details-marker{display:none}.option-group summary>span{color:#8dbca0;margin-left:auto;font-size:11px}.option-group summary>svg{color:#829d8b;flex-shrink:0;transition:transform .15s}.option-group[open] summary>svg{transform:rotate(180deg)}.option-group fieldset{border:0;min-width:0;margin:0;padding:0}.option-group .option-group-content{padding-bottom:15px}.option-group fieldset:disabled{opacity:.5}.advanced-field>span:first-child{flex-wrap:wrap;gap:3px 8px;display:flex}.advanced-field code,.option-toggle code{color:#799486;font:10px var(--mono);overflow-wrap:anywhere}.option-toggle{cursor:pointer;align-items:center;gap:9px;margin-bottom:10px;font-size:13px;display:flex}.option-toggle input{accent-color:#a1e3ba;flex-shrink:0;width:15px;height:15px}.option-toggle>span{flex-direction:column;gap:4px;display:flex}.reserved-fields{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.clear-options,.options-docs{color:#a6c7b3;background:0 0;padding:4px 0;font-size:12px}.clear-options:hover,.options-docs:hover{color:#d0f9df}.options-docs{align-items:center;gap:6px;padding-top:15px;display:flex}.output-status{margin-top:12px}.field input:disabled{opacity:.5;cursor:not-allowed}@media (width<=650px){.option-group summary,.option-toggle{font-size:15px}.advanced-intro,.option-help,.options-docs,.clear-options{font-size:13px}.advanced-field code,.option-toggle code{font-size:11px}}