{"version":3,"file":"swk.min.css","mappings":"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","sources":["webpack://SWK/SenangStartIcons/src/style.css","webpack://SWK/./node_modules/@bookklik/senangstart-icons/dist/senangstart.min.css","webpack://SWK/./src/css/swk.css"],"sourcesContent":[".ss {\r\n  display: inline-block;\r\n  width: 1em;\r\n  height: 1em;\r\n  vertical-align: middle;\r\n}\r\n\r\n.ss svg {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n",".ss{display:inline-block;height:1em;vertical-align:middle;width:1em}.ss svg{display:block;height:100%;width:100%}\n/*# sourceMappingURL=senangstart.min.css.map*/","/**\r\n * SenangWebs Kiln (SWK) - UI Styles\r\n * Styles for all UI panels and components\r\n */\r\n\r\n/* Import SenangStart Icons */\r\n@import \"~@bookklik/senangstart-icons/dist/senangstart.min.css\";\r\n\r\n/* ====================\r\n   Container & Layout\r\n   ==================== */\r\n\r\n.swk-ui-container {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.swk-ui-wrapper {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.swk-ui-wrapper > * {\r\n  pointer-events: auto;\r\n}\r\n\r\n/* ====================\r\n   Sidebars\r\n   ==================== */\r\n\r\n.swk-sidebar {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 40px;\r\n  width: 320px;\r\n  background: rgba(255, 255, 255, 0.95);\r\n  border: 1px solid #e2e8f0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n}\r\n\r\n.swk-sidebar-left {\r\n  left: 8px;\r\n  top: 8px;\r\n  border-radius: 12px;\r\n  max-height: 646px;\r\n}\r\n\r\n.swk-sidebar-right {\r\n  right: 8px;\r\n  top: 8px;\r\n  border-radius: 12px;\r\n  max-height: min-content;\r\n}\r\n\r\n/* Hide property panel by default - shown when objects selected */\r\n.swk-sidebar-right.swk-hidden {\r\n  display: none;\r\n}\r\n\r\n/* ====================\r\n   Tab Switching\r\n   ==================== */\r\n\r\n.swk-tab-header {\r\n  display: flex;\r\n  gap: 6px;\r\n  background: #f8fafc;\r\n  border-bottom: 1px solid #e2e8f0;\r\n  padding: 6px;\r\n}\r\n\r\n.swk-tab-button {\r\n  flex: 1;\r\n  padding: 8px 12px;\r\n  background: transparent;\r\n  border: none;\r\n  border-radius: 6px;\r\n  color: #64748b;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.swk-tab-button:hover {\r\n  background: #e2e8f0;\r\n  color: #334155;\r\n}\r\n\r\n.swk-tab-button.active {\r\n  background: #10b981;\r\n  color: white;\r\n}\r\n\r\n/* Hide inactive panels in left sidebar */\r\n.swk-sidebar-left .swk-panel {\r\n  display: none;\r\n}\r\n\r\n.swk-sidebar-left .swk-panel.active {\r\n  display: block;\r\n}\r\n\r\n/* ====================\r\n   Toolbar\r\n   ==================== */\r\n\r\n#swk-controls-panel {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 48px;\r\n  padding: 6px;\r\n}\r\n\r\n.swk-toolbar {\r\n  position: absolute;\r\n  left: 0px;\r\n  right: 0px;\r\n  background: rgba(255, 255, 255, 0.95);\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n}\r\n\r\n.swk-toolbar-bottom {\r\n  bottom: 8px;\r\n  width: max-content;\r\n  margin: 0 auto;\r\n}\r\n\r\n.swk-controls-toolbar {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  flex-wrap: wrap;\r\n  height: 36px;\r\n}\r\n\r\n.swk-control-group {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: start;\r\n  gap: 4px;\r\n}\r\n\r\n.swk-control-label {\r\n  font-size: 0.75rem;\r\n  font-weight: 600;\r\n  color: #64748b;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n/* ====================\r\n   Panels\r\n   ==================== */\r\n\r\n.swk-panel {\r\n  background: white;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.swk-panel-header {\r\n  padding: 12px;\r\n  border-bottom: 1px solid #e2e8f0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  background: #f8fafc;\r\n  height: 40px;\r\n}\r\n\r\n.swk-panel-header h3 {\r\n  margin: 0;\r\n  font-size: 0.875rem;\r\n  font-weight: 600;\r\n  color: #1e293b;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.swk-panel-content {\r\n  padding: 12px;\r\n  max-height: 600px;\r\n  overflow-y: auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.swk-panel-button {\r\n  background: none;\r\n  border: none;\r\n  padding: 4px 8px;\r\n  cursor: pointer;\r\n  font-size: 1rem;\r\n  color: #64748b;\r\n  border-radius: 4px;\r\n}\r\n\r\n.swk-panel-button:hover {\r\n  background: #e2e8f0;\r\n  color: #1e293b;\r\n}\r\n\r\n/* ====================\r\n   Shapes Panel\r\n   ==================== */\r\n\r\n.swk-shapes-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 8px;\r\n}\r\n\r\n.swk-shape-button {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 12px 8px;\r\n  background: #f8fafc;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.swk-shape-button:hover {\r\n  background: #10b981;\r\n  border-color: #10b981;\r\n  color: white;\r\n}\r\n\r\n.swk-shape-icon {\r\n  font-size: 2.4rem;\r\n  margin-bottom: 6px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 48px;\r\n  height: 48px;\r\n}\r\n\r\n.swk-shape-icon svg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.swk-shape-label {\r\n  font-size: 0.75rem;\r\n  font-weight: 500;\r\n}\r\n\r\n/* ====================\r\n   Property Panel\r\n   ==================== */\r\n\r\n.swk-property-empty {\r\n  text-align: center;\r\n  padding: 40px 20px;\r\n  color: #94a3b8;\r\n}\r\n\r\n.swk-property-empty p {\r\n  margin: 0 0 8px 0;\r\n  font-weight: 500;\r\n  color: #64748b;\r\n}\r\n\r\n.swk-property-empty small {\r\n  font-size: 0.75rem;\r\n}\r\n\r\n.swk-property-section {\r\n  margin-bottom: 0px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.swk-property-section-title {\r\n  font-size: 0.75rem;\r\n  font-weight: 600;\r\n  color: #64748b;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n  margin: 0 0 0 0;\r\n  padding-bottom: 4px;\r\n  border-bottom: 1px solid #e2e8f0;\r\n}\r\n\r\n.swk-property-group {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n.swk-property-label {\r\n  display: block;\r\n  font-size: 0.75rem;\r\n  font-weight: 500;\r\n  color: #475569;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.swk-property-input {\r\n  width: 100%;\r\n  padding: 6px 8px;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 4px;\r\n  font-size: 0.875rem;\r\n  font-family: inherit;\r\n}\r\n\r\n.swk-property-input:focus {\r\n  outline: none;\r\n  border-color: #10b981;\r\n  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);\r\n}\r\n\r\n.swk-property-input[readonly] {\r\n  background: #f8fafc;\r\n  color: #64748b;\r\n}\r\n\r\n.swk-property-vector {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 4px;\r\n}\r\n\r\n.swk-property-color-inputs {\r\n  display: flex;\r\n  gap: 4px;\r\n}\r\n\r\n.swk-property-color {\r\n  height: 32px;\r\n  width: 32px;\r\n  padding: 0 1px;\r\n  cursor: pointer;\r\n}\r\n\r\n.swk-property-color-inputs #prop-color-hex {\r\n  width: 80px;\r\n}\r\n\r\n.swk-property-checkbox {\r\n  width: auto;\r\n  margin: 0;\r\n}\r\n\r\n.swk-property-note {\r\n  font-size: 0.75rem;\r\n  color: #64748b;\r\n  margin: 0;\r\n  line-height: 1.5;\r\n}\r\n\r\n.swk-property-range-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.swk-property-input.swk-property-range-value {\r\n  width: 32px;\r\n  text-align: center;\r\n  padding: 6px 0px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #475569;\r\n}\r\n\r\n/* ====================\r\n   Outliner Panel\r\n   ==================== */\r\n\r\n.swk-outliner-empty {\r\n  text-align: center;\r\n  padding: 40px 20px;\r\n  color: #94a3b8;\r\n}\r\n\r\n.swk-outliner-empty p {\r\n  margin: 0 0 8px 0;\r\n  font-weight: 500;\r\n  color: #64748b;\r\n}\r\n\r\n.swk-outliner-empty small {\r\n  font-size: 0.75rem;\r\n}\r\n\r\n.swk-outliner-tree {\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.swk-outliner-item {\r\n  margin-bottom: 2px;\r\n}\r\n\r\n.swk-outliner-item-content {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 6px 8px;\r\n  cursor: pointer;\r\n  border-radius: 4px;\r\n  transition: background 0.15s;\r\n}\r\n\r\n.swk-outliner-item-content:hover {\r\n  background: #f1f5f9;\r\n}\r\n\r\n.swk-outliner-item-selected .swk-outliner-item-content {\r\n  background: #dbeafe;\r\n  /* font-weight: 500; */\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.swk-outliner-toggle {\r\n  cursor: pointer;\r\n  user-select: none;\r\n  font-size: 0.75rem;\r\n  color: #64748b;\r\n  width: 16px;\r\n  text-align: center;\r\n}\r\n\r\n.swk-outliner-icon {\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n  width: 16px;\r\n  text-align: center;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.swk-outliner-name {\r\n  flex: 1;\r\n  color: #1e293b;\r\n}\r\n\r\n.swk-outliner-type {\r\n  font-size: 0.75rem;\r\n  color: #94a3b8;\r\n  text-transform: uppercase;\r\n}\r\n\r\n/* ====================\r\n   Controls Panel\r\n   ==================== */\r\n\r\n.swk-button-group {\r\n  display: flex;\r\n  gap: 0;\r\n}\r\n\r\n.swk-button-group > * {\r\n  border-radius: 0;\r\n  margin: 0;\r\n}\r\n\r\n.swk-button-group > *:first-child {\r\n  border-radius: 6px 0 0 6px;\r\n}\r\n\r\n.swk-button-group > *:last-child {\r\n  border-radius: 0 6px 6px 0;\r\n}\r\n\r\n.swk-control-button {\r\n  padding: 8px;\r\n  background: #f8fafc;\r\n  border: 1px solid #e2e8f0;\r\n  cursor: pointer;\r\n  font-size: 0.875rem;\r\n  transition: all 0.15s;\r\n  color: #475569;\r\n  font-weight: 500;\r\n  height: 36px;\r\n  min-width: 36px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.swk-control-button ss-icon {\r\n  font-size: 1.2rem;\r\n}\r\n\r\n.swk-control-button:hover {\r\n  background: #e2e8f0;\r\n  color: #1e293b;\r\n}\r\n\r\n.swk-control-button:active {\r\n  transform: scale(0.98);\r\n}\r\n\r\n.swk-control-button.active {\r\n  background: #10b981;\r\n  border-color: #10b981;\r\n  color: white;\r\n}\r\n\r\n.swk-control-button:disabled {\r\n  opacity: 0.5;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.swk-control-button-danger {\r\n  color: #ef4444;\r\n}\r\n\r\n.swk-control-button-danger:hover {\r\n  background: #fef2f2;\r\n  border-color: #fecaca;\r\n}\r\n\r\n.swk-control-select {\r\n  padding: 6px 8px;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 6px;\r\n  font-size: 0.875rem;\r\n  background: #f8fafc;\r\n  cursor: pointer;\r\n  font-family: inherit;\r\n  height: 36px;\r\n  min-width: 36px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.swk-control-select:focus {\r\n  outline: none;\r\n  border-color: #10b981;\r\n  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);\r\n}\r\n\r\n/* ====================\r\n   Scrollbars\r\n   ==================== */\r\n\r\n.swk-panel-content::-webkit-scrollbar,\r\n.swk-sidebar::-webkit-scrollbar {\r\n  width: 8px;\r\n}\r\n\r\n.swk-panel-content::-webkit-scrollbar-track,\r\n.swk-sidebar::-webkit-scrollbar-track {\r\n  background: #f1f5f9;\r\n}\r\n\r\n.swk-panel-content::-webkit-scrollbar-thumb,\r\n.swk-sidebar::-webkit-scrollbar-thumb {\r\n  background: #cbd5e1;\r\n  border-radius: 4px;\r\n}\r\n\r\n.swk-panel-content::-webkit-scrollbar-thumb:hover,\r\n.swk-sidebar::-webkit-scrollbar-thumb:hover {\r\n  background: #94a3b8;\r\n}\r\n\r\n/* ====================\r\n   Responsive\r\n   ==================== */\r\n\r\n@media (max-width: 1024px) {\r\n  .swk-sidebar {\r\n    width: 300px;\r\n  }\r\n\r\n  .swk-control-label {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .swk-sidebar {\r\n    width: 280px;\r\n  }\r\n\r\n  .swk-shapes-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n"],"names":[],"sourceRoot":""}