.editor-shell{height:100svh;min-height:600px;display:flex;flex-direction:column;overflow:hidden}.editor-header{min-height:72px;display:flex;align-items:center;gap:24px;padding:16px 24px;background:#fff;border-bottom:1px solid var(--line)}.editor-header>a{color:inherit;text-decoration:none}.editor-header>span{font-size:12px;color:var(--muted)}.editor-header b{font-weight:500;font-size:10px;letter-spacing:.5px;color:#315991;border:1px solid #c9d7ec;border-radius:4px;padding:4px 7px;margin-left:9px;background:#f0f5fc}.editor-header>a:last-child{font-size:11px;color:var(--accent)}.editor-connection{margin-left:auto;font-size:11px;display:flex;align-items:center;gap:7px;white-space:nowrap}.editor-connection i{width:7px;height:7px;border-radius:50%;background:#a3adba}.editor-connection i.ready{background:#0b8276}.editor-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:12px 24px;border-bottom:1px solid var(--line);background:#f9fbfd}.toolbar-history{display:flex;gap:5px}.unavailable-tools{display:flex;gap:6px;margin-left:auto}.unavailable-tools button{background:transparent;border-color:transparent;color:#8c98a8;font-size:11px}.profile-workbench{display:grid;grid-template-columns:215px minmax(0,1fr) 310px;min-height:0;height:auto;flex:1;grid-template-rows:minmax(0,1fr)}.profile-browser{background:#fff;border-right:1px solid var(--line);padding:24px 14px;overflow:auto}.profile-browser h2{font-size:13px;margin:0 7px 22px;display:flex;justify-content:space-between;gap:8px}.profile-browser h2>span{font-size:10px;color:var(--muted);font-weight:400}.profile-browser>p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 7px 18px}.profile-list{display:flex;flex-direction:column;gap:7px}.profile-list button{justify-content:flex-start;text-align:left;min-width:0;width:100%;padding:11px 9px;border-color:transparent;background:#f5f7fa;gap:9px}.profile-list button[aria-pressed=true]{background:var(--selected);border-color:#adc6ee}.profile-number{font-size:10px;color:var(--muted);align-self:flex-start;padding-top:3px}.profile-list strong{display:block;font-size:12px;font-weight:550;overflow-wrap:anywhere}.profile-list small{display:block;font-size:10px;color:var(--muted);font-weight:400;line-height:1.6;margin-top:5px}.profile-browser .profile-browser-note{font-size:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:28px}.profile-canvas{min-width:0;position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:350px;background:#f3f5f7}.canvas-tools{position:relative;z-index:2;display:flex;align-items:center;padding:12px 16px;gap:10px;background:#f7f9fc;border-bottom:1px solid var(--line);flex-wrap:wrap}.canvas-tools>div{display:flex;align-items:center;gap:5px}.canvas-tools button{font-size:11px;min-height:40px;padding:8px 10px}.canvas-tools output{font-size:10px;min-width:40px;text-align:center}.canvas-tools>span{font-size:10px;color:var(--muted);margin-left:auto}.profile-drawing{display:block;width:100%;height:0;flex:1 1 0;min-height:0;touch-action:none;-webkit-user-select:none;user-select:none}.profile-drawing [data-profile]{cursor:pointer;outline:none}.profile-drawing [data-profile]:focus-visible polygon{stroke:#7249cb;stroke-width:3}.profile-empty{position:absolute;top:42%;left:20px;right:20px;pointer-events:none;text-align:center}.profile-empty h1{font-size:27px;line-height:1.2;letter-spacing:-.7px;margin:0 0 16px}.profile-empty p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.canvas-caption{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:var(--muted);padding:15px 18px;border-top:1px solid var(--line);background:#f9fbfd}.canvas-caption>span{display:flex;align-items:center;gap:6px}.canvas-caption>span:last-child{margin-left:auto}.canvas-caption i{display:inline-block;width:12px;height:2px}.blue-key{background:#2763d6}.teal-key{background:#007e78}.canvas-layout-note{font-size:9px;color:var(--muted);padding:0 18px 12px;background:#f9fbfd;margin:0}.profile-inspector{background:#fff;border-left:1px solid var(--line);padding:25px 24px;overflow:auto}.editor-panel-heading>p{margin:0 0 8px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.editor-panel-heading h2{font-size:22px;line-height:1.3;letter-spacing:-.5px;margin:0 0 25px;overflow-wrap:anywhere}.profile-inspector label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:11px;margin:0 0 17px}.profile-inspector input,.profile-inspector select{min-width:0;min-height:44px;width:100%;border:1px solid #bdcadd;border-radius:5px;background:#fff;padding:9px}.dimension-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-primary{background:#1e55b2;color:#fff;border-color:#1e55b2}.editor-primary:hover:not(:disabled){background:#174795;color:#fff}.editor-help{font-size:10px;line-height:1.7;color:var(--muted);margin:13px 0 17px}.vertex-unavailable{font-size:10px;min-height:36px;background:#fafbfc}.profile-offset{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.profile-offset h2{font-size:15px;margin:0 0 11px}.profile-offset>p{font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 20px}.offset-proposal{margin-top:18px;padding:16px 13px;border:1px solid #9ac8c2;border-radius:6px;background:#eff8f6}.offset-proposal strong{font-size:12px}.offset-proposal>p{font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0 12px}.offset-proposal button+button{margin-top:7px}.profile-offset .applied-note{font-size:10px;line-height:1.7;background:#f0f5fc;padding:12px;margin-top:15px}.delete-profile{font-size:11px;color:#99514c;background:#fff}.editor-status{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:36px;padding:11px 24px;font-size:10px;border-top:1px solid var(--line);color:var(--muted);background:#f9fbfd}.editor-error{padding:15px 24px;background:#fff0e8;border-top:1px solid #e8bea6;color:#8c462e;font-size:12px;line-height:1.7}@media(max-width:1050px){.profile-workbench{grid-template-columns:170px minmax(0,1fr) 275px}.profile-inspector{padding:24px 18px}.editor-header{gap:16px}.editor-header>a:last-child{font-size:10px}.editor-toolbar{padding:10px 16px}.canvas-tools{padding:10px}.canvas-caption{gap:9px}.canvas-caption>span:last-child{flex-basis:100%;margin-left:0}.unavailable-tools{gap:0}}@media(max-width:800px){.profile-workbench{grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto minmax(0,1fr);min-height:0;height:auto}.profile-browser{grid-column:1/-1;padding:10px 16px;border-right:0;border-bottom:1px solid var(--line);overflow:auto}.profile-browser h2{margin:0 0 8px;font-size:11px}.profile-browser>p{margin:0;font-size:11px}.profile-browser .profile-browser-note{display:none}.profile-list{flex-direction:row;gap:7px}.profile-list button{width:auto;flex-shrink:0;min-width:145px;padding:9px 12px}.profile-list strong{font-size:11px}.profile-list small{font-size:9px;margin-top:3px}.editor-header>a:last-child{display:none}.editor-connection{font-size:10px}.editor-header>span{font-size:11px}.unavailable-tools{width:100%;margin-left:0;border-top:1px solid var(--line);padding-top:4px}.unavailable-tools button{min-height:30px;padding:6px 9px;font-size:10px}}@media(max-width:600px){.editor-shell{height:auto;min-height:100svh;overflow:visible}.editor-header{min-height:68px;padding:14px 18px;gap:12px;flex-wrap:wrap}.editor-header .wordmark{font-size:23px}.editor-header>span{font-size:11px}.editor-header b{font-size:9px;margin-left:5px;padding:3px 5px}.editor-connection{flex-basis:100%;margin-left:0;font-size:10px}.editor-toolbar{gap:7px;padding:10px 12px}.editor-toolbar button{font-size:11px;padding:8px 10px;min-height:42px}.unavailable-tools{gap:7px}.unavailable-tools button{font-size:9px;min-height:26px;padding:5px}.profile-workbench{display:flex;flex-direction:column;height:auto;min-height:0}.profile-browser{padding:12px 16px;flex-shrink:0}.profile-browser h2{margin-bottom:8px}.profile-canvas{height:53svh;min-height:390px;max-height:580px;flex:none}.canvas-tools{padding:10px 12px;gap:8px}.canvas-tools>span{display:none}.canvas-tools button{min-height:40px;font-size:10px}.canvas-caption{font-size:9px;padding:12px 15px;gap:9px 16px}.profile-empty h1{font-size:24px}.profile-inspector{padding:26px 22px;overflow:visible;border-left:0;border-top:1px solid var(--line)}.profile-inspector label{font-size:12px}.profile-inspector button{min-height:46px}.editor-panel-heading h2{font-size:25px}.profile-inspector .editor-help{font-size:11px}.profile-offset>p{font-size:12px}.profile-offset h2{font-size:17px}.editor-status{padding:12px 18px;font-size:10px}.editor-status>span:last-child{flex-basis:100%}.editor-error{padding:14px 18px}.profile-browser-note{display:none}}
