.sunpath-tool-root{display:flex!important;opacity:1!important;visibility:visible!important}.app-shell{display:grid;grid-template:"toolbar  toolbar  toolbar" 48px "left     canvas   right  " 1fr "status   status   status " 36px / 450px 1fr 450px;width:100vw;height:100vh;overflow:hidden;background:#f8fafc;font-family:Inter,-apple-system,sans-serif;color:#111827}.toolbar-zone{grid-area:toolbar;height:48px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100}.left-panel-zone{grid-area:left;border-right:1px solid #e5e7eb;background:#fff;display:flex;flex-direction:column;overflow:hidden;width:450px;min-width:450px;flex-shrink:0}.canvas-zone{grid-area:canvas;position:relative;background:radial-gradient(ellipse at 50% 30%,#daeef9,#b8d9ee 40%,#8fbdd9);overflow:hidden}.right-panel-zone{grid-area:right;border-left:1px solid #e5e7eb;background:#fff;display:flex;flex-direction:column;width:450px;min-width:450px;flex-shrink:0;overflow-y:auto;overflow-x:hidden}.status-bar{grid-area:status;background:#111827;display:flex;align-items:center;padding:0 16px;gap:16px;font-size:11px;font-weight:500;color:#ffffffbf;z-index:100}.icon-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:6px;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:all .12s cubic-bezier(.4,0,.2,1);position:relative;flex-shrink:0}.icon-btn:hover{background:#f3f4f6;color:#111827}.icon-btn.active{background:#fef3c7;color:#f59e0b}.icon-btn.active svg{stroke-width:2}.icon-btn:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#111827;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:1000;box-shadow:0 4px 6px -1px #0000001a}.icon-btn:hover:after{opacity:1}.glass-card{background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);border-radius:12px;box-shadow:0 4px 24px #00000014}.glass-dark{background:#0d1b2ae0;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:12px}.live-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:#16a34a;text-transform:uppercase;letter-spacing:.1em}.live-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#16a34a;animation:aec-pulse 1.5s ease-in-out infinite}@keyframes aec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}@keyframes aec-pulse-slow{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.7;filter:brightness(1.2)}}.animate-pulse-slow{animation:aec-pulse-slow 3s ease-in-out infinite}.btn-primary{background:#f59e0b;color:#fff;border:none;border-radius:6px;padding:0 14px;height:32px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #0000001a}.btn-primary:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.btn-primary:active{transform:translateY(0)}.divider-v{width:1px;height:24px;background:#e5e7eb;margin:0 12px}.right-section-header{padding:12px 16px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#9ca3af;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fcfcfc}.aec-scrollbar::-webkit-scrollbar{width:5px}.aec-scrollbar::-webkit-scrollbar-track{background:transparent}.aec-scrollbar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.aec-scrollbar::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.geometry-row{display:grid;grid-template-columns:90px 1fr;gap:4px 8px;padding:5px 12px;font-size:11px;align-items:center}.left-panel-footer{margin-top:auto;padding:10px 12px;border-top:1px solid #e5e7eb;display:flex;gap:6px;background:#fcfcfc}.solar-vector-card{position:absolute;top:16px;left:16px;background:#ffffffeb;backdrop-filter:blur(12px);border-radius:10px;border:1px solid rgba(0,0,0,.08);padding:12px 16px;min-width:200px;z-index:50;box-shadow:0 10px 25px -5px #0000001a}.scrubber-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 20px;width:100%}.sunrise-label,.sunset-label{font-size:11px;white-space:nowrap;display:flex;gap:6px;align-items:center;font-weight:700;color:#64748b}.sunpath-renderer,.sunpath-canvas,#sunpath-svg{position:absolute;inset:0;width:100%!important;height:100%!important}