.site-planner-loaded{margin-top:24px}.site-planner-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.site-planner-add-button,.site-planner-secondary-button{cursor:pointer;border-radius:999px;min-height:44px;padding:10px 16px;font-weight:800}.site-planner-add-button{color:#fff;background:#9d0000;border:1px solid #9d0000}.site-planner-secondary-button{color:#1f1f1f;background:#fff;border:1px solid #c9c9c9}.site-planner-secondary-button:disabled{opacity:.42;cursor:not-allowed}.site-planner-toolbar-divider{background:#ddd;width:1px;height:30px;margin:0 2px}.site-planner-zoom-status{color:#444;background:#f4f4f4;border:1px solid #ddd;border-radius:999px;padding:8px 12px;font-weight:800}.site-planner-help{color:#4b5563;background:#f8f4f4;border:1px solid #9d000024;border-radius:12px;margin-bottom:14px;padding:12px 14px;line-height:1.5}.site-planner-workspace{grid-template-columns:290px minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.site-planner-sidebar{background:#fff;border:1px solid #9d00002e;border-radius:16px;flex-direction:column;min-width:0;height:700px;display:flex;overflow:hidden}.site-planner-sidebar-header{background:snow;border-bottom:1px solid #e6e6e6;flex:none;padding:18px}.site-planner-sidebar-header h3{color:#1f1f1f;margin:0 0 6px}.site-planner-sidebar-header p{color:#4b5563;margin:0;font-size:.92rem;line-height:1.45}.site-planner-camera-list{flex:auto;min-height:0;padding:12px;overflow-y:auto}.site-planner-empty{color:#4b5563;background:#f8f4f4;border-radius:12px;padding:14px}.site-planner-empty p{margin-bottom:0}.site-planner-camera-card{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:12px;margin-bottom:10px;padding:14px}.site-planner-camera-card:last-child{margin-bottom:0}.site-planner-camera-card--selected{background:#fff7f7;border:2px solid #9d0000;box-shadow:0 6px 18px #9d00001a}.site-planner-camera-card-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.site-planner-remove-button{color:#650000;cursor:pointer;background:#fff;border:1px solid #c9c9c9;border-radius:999px;flex:none;min-height:32px;padding:6px 10px;font-weight:700}.site-planner-camera-card label{color:#333;font-size:.9rem;display:block}.site-planner-camera-card label span{color:#777;font-size:.82rem;font-weight:400}.site-planner-camera-card input[type=range]{width:100%;margin-top:9px;display:block}.site-planner-control-label{color:#333;margin-top:14px;font-size:.9rem;font-weight:600}.site-planner-text-input,.site-planner-notes-input{color:#1f1f1f;width:100%;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #cfcfcf;border-radius:8px;margin-top:6px;padding:9px 10px}.site-planner-text-input:focus,.site-planner-notes-input:focus{border-color:#9d0000;outline:3px solid #9d00002e}.site-planner-notes-input{resize:vertical;min-height:72px;line-height:1.4}.site-planner-equipment-select-label{color:#333;font-weight:800}.site-planner-equipment-select{color:#1f1f1f;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #c9c9c9;border-radius:10px;padding:8px 36px 8px 12px;font-weight:700}.site-planner-equipment-select:focus{border-color:#9d0000;outline:3px solid #9d00002e}.site-planner-equipment-card-title{align-items:center;gap:9px;min-width:0;display:flex}.site-planner-equipment-card-title>div{flex-direction:column;gap:2px;min-width:0;display:flex}.site-planner-equipment-card-title small{color:#6b7280;font-size:.78rem;font-weight:600}.site-planner-equipment-card-icon{color:#9d0000;background:#f6eaea;border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.site-planner-equipment-icon{width:21px;height:21px;display:block}.site-planner-equipment-note{color:#5b5b5b;background:#f5f5f5;border-radius:8px;margin-top:14px;padding:9px 10px;font-size:.84rem;line-height:1.4}.site-planner-fov-options{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px;display:grid}.site-planner-fov-option{color:#333;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;padding:7px 8px;font-size:.82rem;font-weight:700}.site-planner-fov-option:hover{border-color:#9d0000}.site-planner-fov-option--selected{color:#fff;background:#9d0000;border-color:#9d0000}.site-planner-viewport{cursor:grab;touch-action:none;background:#ececec;border:1px solid #9d00002e;border-radius:16px;width:100%;min-width:0;height:700px;position:relative;overflow:hidden}.site-planner-viewport--panning{cursor:grabbing}.site-planner-stage{transform-origin:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.site-planner-surface{max-width:100%;max-height:100%;line-height:0;display:inline-block;position:relative}.site-planner-image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;max-height:698px;display:block}.site-planner-camera-position{line-height:normal;position:absolute;transform:translate(-50%,-50%)}.site-planner-fov{transform-origin:0;pointer-events:none;z-index:1;background:#9d000038;border-right:2px solid #9d00008c;width:170px;height:170px;position:absolute;top:50%;left:50%}.site-planner-fov--narrow{clip-path:polygon(0 45%,100% 22%,100% 78%,0 55%);height:105px}.site-planner-fov--medium{clip-path:polygon(0 42%,100% 8%,100% 92%,0 58%);height:170px}.site-planner-fov--wide{clip-path:polygon(0 38%,100% 0,100% 100%,0 62%);height:230px}.site-planner-fov-depth--short{width:110px}.site-planner-fov-depth--medium{width:170px}.site-planner-fov-depth--long{width:240px}.site-planner-ptz-coverage{pointer-events:none;z-index:1;background:#9d00001f;border:2px solid #9d00006b;border-radius:50%;width:150px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-planner-camera-marker{z-index:2;color:#fff;cursor:grab;width:38px;height:38px;transform:scale(calc(1 / var(--planner-zoom,1)));transform-origin:50%;background:#9d0000;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px 12px #00000059}.site-planner-camera-marker--selected{background:#650000;border-width:4px;box-shadow:0 0 0 3px #9d000059,0 4px 12px #00000059}.site-planner-camera-marker .site-planner-equipment-icon{width:20px;height:20px}.site-planner-equipment-number{color:#fff;background:#1f1f1f;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:800;line-height:1;display:flex;position:absolute;top:-7px;right:-7px}.site-planner-export{background:snow;border:1px solid #9d000029;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:18px;display:flex}.site-planner-export h3{color:#1f1f1f;margin:0 0 5px}.site-planner-export p{color:#5f6368;margin:0}.site-planner-export-actions{flex-wrap:wrap;flex:none;gap:9px;display:flex}.site-planner-preview-overlay{z-index:9999;background:#000000b8;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.site-planner-preview-dialog{background:#fff;border-radius:18px;flex-direction:column;width:min(1100px,100%);max-height:calc(100vh - 60px);display:flex;overflow:hidden;box-shadow:0 24px 80px #00000059}.site-planner-preview-header{border-bottom:1px solid #e4e4e4;flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 20px;display:flex}.site-planner-preview-header h3{margin:0 0 5px}.site-planner-preview-header p{color:#666;margin:0}.site-planner-preview-close{color:#333;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:50%;flex:none;width:42px;height:42px;font-size:1.7rem;line-height:1}.site-planner-preview-body{background:#efefef;min-height:0;padding:20px;overflow:auto}.site-planner-preview-body img{background:#fff;border:1px solid #d3d3d3;width:auto;max-width:100%;height:auto;margin:0 auto;display:block}.site-planner-preview-actions{background:#fff;border-top:1px solid #e4e4e4;flex-wrap:wrap;flex:none;justify-content:flex-end;gap:10px;padding:15px 20px;display:flex}@media (max-width:900px){.site-planner-workspace{grid-template-columns:1fr}.site-planner-sidebar{height:auto;max-height:380px}.site-planner-viewport{height:560px}.site-planner-image{max-height:558px}.site-planner-export{flex-direction:column;align-items:flex-start}.site-planner-toolbar-divider{display:none}}@media (max-width:600px){.site-planner-viewport{height:440px}.site-planner-image{max-height:438px}.site-planner-preview-overlay{padding:12px}.site-planner-preview-dialog{max-height:calc(100vh - 24px)}.site-planner-preview-header{padding:15px}.site-planner-preview-body{padding:10px}.site-planner-preview-actions{padding:12px 15px}}