:root{color:#15202b;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{height:100%}body{margin:0;overflow:hidden}button{border:1px solid #b5c0ca;border-radius:6px;background:#fff;color:#15202b;font:inherit;padding:8px 12px}button:disabled{color:#7a8794;background:#eef2f5}input,select{width:100%;box-sizing:border-box;border:1px solid #b5c0ca;border-radius:6px;background:#fff;color:#15202b;font:inherit;min-height:36px;padding:7px 9px}.app-shell{height:100vh;height:100dvh;max-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.top-bar,.status-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:#fff;border-bottom:1px solid #d8dee5}.top-bar div{display:flex;gap:14px;align-items:baseline}.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.status-link{border:0;background:transparent;color:#2563eb;padding:0;text-decoration:underline}.language-select{display:flex;align-items:center;gap:6px;color:#536171;font-size:13px}.language-select select{min-width:112px}.help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#15202b94}.help-panel{width:min(960px,100%);max-height:min(86vh,900px);overflow:auto;border:1px solid #b5c0ca;border-radius:10px;background:#fff;box-shadow:0 18px 50px #15202b47}.help-header{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #d8dee5;background:#fff}.help-header h2{margin:0;font-size:20px}.help-header p{margin:4px 0 0;color:#536171}.help-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.help-section{padding:12px;border:1px solid #d8dee5;border-radius:6px;background:#f8fafc}.help-section h3{margin:0 0 8px;font-size:14px}.help-section ul{margin:0;padding-left:18px;color:#536171}.help-section li{margin-bottom:6px}.project-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.action-row{display:flex;gap:8px;align-items:center}.file-button{border:1px solid #b5c0ca;border-radius:6px;background:#fff;color:#15202b;font:inherit;padding:8px 12px;cursor:pointer}.file-button input{display:none}.workspace{display:grid;grid-template-columns:minmax(340px,440px) 1fr;height:100%;min-height:0;overflow:hidden}.parameters{height:100%;max-height:100%;min-height:0;box-sizing:border-box;padding:18px;background:#f8fafc;border-right:1px solid #d8dee5;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}.connector-form{display:grid;gap:14px}.form-section{display:grid;gap:10px;padding-bottom:14px;border-bottom:1px solid #d8dee5}.form-section h2,.details-panel h2{font-size:15px;margin:0}.two-columns{grid-template-columns:1fr 1fr}.two-columns h2{grid-column:1 / -1}.subsection-title{grid-column:1 / -1;margin:4px 0 0;font-size:13px;color:#15202b}.field,.checkbox-field{display:grid;gap:6px;font-size:13px;color:#536171}.field-invalid{color:#8a1f1f}.field-invalid input,.field-invalid select{border-color:#c24141;background:snow;box-shadow:0 0 0 2px #c241411f}.field-error{color:#8a1f1f;font-size:12px;line-height:1.35}.checkbox-field{grid-template-columns:auto 1fr;align-items:center;color:#15202b}.checkbox-field .field-error{grid-column:2}.checkbox-field input{width:18px;min-height:18px}.unit-input{display:grid;grid-template-columns:1fr auto;align-items:center}.unit-input input{border-radius:6px 0 0 6px}.unit-input span{min-height:34px;display:grid;place-items:center;padding:0 9px;border:1px solid #b5c0ca;border-left:0;border-radius:0 6px 6px 0;background:#eef2f5;color:#536171}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.segmented-control button[aria-pressed=true]{border-color:#006d77;background:#dff4f2;color:#07484c;font-weight:700}.segmented-control button:disabled{border-color:#d8dee5;background:#eef2f5;color:#8b98a5;cursor:not-allowed}.validation-box{border:1px solid #e0a4a4;border-radius:6px;background:#fff5f5;padding:12px}.validation-box ul{margin:0;padding-left:18px;color:#8a1f1f}.form-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.work-area{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(320px,1fr) auto auto;overflow:auto}.parameters dt,.details-panel dt{color:#536171}.parameters dd,.details-panel dd{margin:0;font-weight:600}.preview{padding:18px;min-height:420px}.preview-grid{min-height:100%;display:grid;place-items:center;border:1px solid #c8d0d8;background:linear-gradient(#dce3ea 1px,transparent 1px),linear-gradient(90deg,#dce3ea 1px,transparent 1px),#fff;background-size:32px 32px;color:#536171}.three-preview{min-height:420px;height:100%;position:relative;border:1px solid #c8d0d8;background:#f8fafc}.three-canvas{min-height:420px;height:100%}.three-canvas canvas{display:block}.preview-error{position:absolute;left:18px;right:18px;bottom:18px;border:1px solid #e0a4a4;border-radius:6px;background:#fff5f5;color:#8a1f1f;padding:10px}.preview-placeholder{display:grid;gap:6px;text-align:center}.preview-placeholder strong{color:#15202b}.details-panel{padding:18px;border-top:1px solid #d8dee5;background:#fff}.analytics-panel{padding:16px 18px;border-top:1px solid #d8dee5;background:#fff}.analytics-page{grid-template-rows:auto 1fr}.analytics-page-content{display:grid;gap:16px;align-content:start;overflow:auto;padding:18px;background:#f8fafc}.analytics-access{display:flex;align-items:end;gap:10px;padding:16px 18px;border:1px solid #d8dee5;border-radius:8px;background:#fff}.analytics-counters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.analytics-counters div{display:grid;gap:4px;padding:10px;border:1px solid #d8dee5;border-radius:6px;background:#f8fafc}.analytics-counters strong{font-size:24px}.analytics-breakdowns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analytics-breakdowns h3{margin:0 0 8px;font-size:13px}.analytics-breakdowns ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.analytics-breakdowns li{display:flex;justify-content:space-between;gap:10px}.details-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.metrics-grid div{border:1px solid #d8dee5;border-radius:6px;padding:10px;background:#f8fafc}.status-bar{border-top:1px solid #d8dee5;border-bottom:0;justify-content:flex-start}@media(max-width:768px){body{overflow:auto}.app-shell{height:auto;min-height:100dvh;max-height:none;overflow:visible}.workspace{grid-template-columns:1fr;height:auto;overflow:visible}.parameters{height:auto;max-height:none;border-right:0;border-bottom:1px solid #d8dee5;overflow:visible}.status-bar{flex-wrap:wrap}.two-columns,.help-content,.analytics-breakdowns,.metrics-grid{grid-template-columns:1fr}.help-backdrop{padding:12px}.help-panel{max-height:90vh}}