* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.container-kotlin-editor {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  background: #1e1e1e;
  color: #cccccc;
  /* height: 100vh; */
  overflow: hidden;
  transition: background-color 0.3s, color 0.3s;
}
body.light-theme .container-kotlin-editor {
  background: #ffffff;
  color: #333333;
}
.container-kotlin-editor .editor-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.container-kotlin-editor .header {
  background: #2d2d30;
  padding: 10px 20px;
  border-bottom: 1px solid #3e3e42;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background-color 0.3s;
}
body.light-theme .header {
  background: #f3f3f3;
  border-bottom: 1px solid #e1e1e1;
}
.container-kotlin-editor .logo {
  font-size: 18px;
  font-weight: bold;
  color: #de9406;
}
.container-kotlin-editor .header-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.container-kotlin-editor .btn {
  background: #de9406;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.2s;
  white-space: nowrap;
}
.container-kotlin-editor .btn:hover {
  background: #c78305;
}
.container-kotlin-editor .btn-secondary {
  background: #5a5a5a;
}
.container-kotlin-editor .btn-secondary:hover {
  background: #6a6a6a;
}
.container-kotlin-editor .btn-success {
  background: #de9406;
}
.container-kotlin-editor .btn-success:hover {
  background: #b97a05;
}
.container-kotlin-editor .main-content {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.container-kotlin-editor .sidebar {
  width: 250px;
  background: #252526;
  border-right: 1px solid #3e3e42;
  display: flex;
  flex-direction: column;
  transition: background-color 0.3s;
}
body.light-theme .sidebar {
  background: #f8f8f8;
  border-right: 1px solid #e1e1e1;
}
.container-kotlin-editor .sidebar-header {
  padding: 15px;
  border-bottom: 1px solid #3e3e42;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: border-color 0.3s;
}
body.light-theme .sidebar-header {
  border-bottom: 1px solid #e1e1e1;
}
.container-kotlin-editor .sidebar-title {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #cccccc;
  transition: color 0.3s;
}
body.light-theme .sidebar-title {
  color: #333333;
}
.container-kotlin-editor .add-file-btn {
  background: transparent;
  border: none;
  color: #cccccc;
  cursor: pointer;
  padding: 4px;
  border-radius: 3px;
  font-size: 16px;
  transition: background-color 0.2s, color 0.3s;
}
.container-kotlin-editor .add-file-btn:hover {
  background: #3e3e42;
}
body.light-theme .add-file-btn {
  color: #333333;
}
body.light-theme .add-file-btn:hover {
  background: #e1e1e1;
}
.container-kotlin-editor .file-list {
  flex: 1;
  overflow-y: auto;
}
.container-kotlin-editor .file-item {
  padding: 8px 15px;
  cursor: pointer;
  border-bottom: 1px solid #3e3e42;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.2s, border-color 0.3s;
}
.container-kotlin-editor .file-item:hover {
  background: #2a2d2e;
}
.container-kotlin-editor .file-item.active {
  background: #094771;
  border-left: 3px solid #de9406;
}
body.light-theme .file-item {
  border-bottom: 1px solid #e1e1e1;
}
body.light-theme .file-item:hover {
  background: #f0f0f0;
}
body.light-theme .file-item.active {
  background: #f3e8ff;
  border-left: 3px solid #de9406;
}
.container-kotlin-editor .file-name {
  font-size: 14px;
  color: #cccccc;
  transition: color 0.3s;
}
body.light-theme .file-name {
  color: #333333;
}
.container-kotlin-editor .file-actions {
  display: flex;
  gap: 5px;
  opacity: 0;
  transition: opacity 0.2s;
}
.container-kotlin-editor .file-item:hover .file-actions {
  opacity: 1;
}
.container-kotlin-editor .file-action-btn {
  background: transparent;
  border: none;
  color: #cccccc;
  cursor: pointer;
  padding: 2px;
  border-radius: 2px;
  font-size: 12px;
  transition: background-color 0.2s, color 0.3s;
}
.container-kotlin-editor .file-action-btn:hover {
  background: #3e3e42;
}
body.light-theme .file-action-btn {
  color: #333333;
}
body.light-theme .file-action-btn:hover {
  background: #e1e1e1;
}
.container-kotlin-editor .editor-area {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-x: auto;
}
.container-kotlin-editor .editor-tabs {
  background: #2d2d30;
  border-bottom: 1px solid #3e3e42;
  display: flex;
  overflow-x: auto;
  min-height: 35px;
  transition: background-color 0.3s, border-color 0.3s;
}
body.light-theme .editor-tabs {
  background: #f3f3f3;
  border-bottom: 1px solid #e1e1e1;
}
.container-kotlin-editor .editor-tab {
  background: #2d2d30;
  border: none;
  color: #cccccc;
  padding: 8px 16px;
  cursor: pointer;
  border-right: 1px solid #3e3e42;
  font-size: 13px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background 0.2s, color 0.3s, border-color 0.3s;
}
.container-kotlin-editor .editor-tab:hover {
  background: #3e3e42;
}
.container-kotlin-editor .editor-tab.active {
  background: #1e1e1e;
  color: white;
  border-bottom: 2px solid #de9406;
}
body.light-theme .editor-tab {
  background: #f3f3f3;
  color: #333333;
  border-right: 1px solid #e1e1e1;
}
body.light-theme .editor-tab:hover {
  background: #e1e1e1;
}
body.light-theme .editor-tab.active {
  background: #ffffff;
  color: #333333;
  border-bottom: 2px solid #de9406;
}
.container-kotlin-editor .tab-close {
  background: transparent;
  border: none;
  color: #cccccc;
  cursor: pointer;
  padding: 0;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition: background-color 0.2s, color 0.3s;
}
.container-kotlin-editor .tab-close:hover {
  background: #e81123;
  color: white;
}
body.light-theme .tab-close {
  color: #333333;
}
.container-kotlin-editor .monaco-container {
  /* flex: 1; */
  position: relative;
}
.container-kotlin-editor #monaco-editor {
  width: 100%;
  height: 100%;
}
.container-kotlin-editor .status-bar {
  background: #de9406;
  color: white;
  padding: 5px 15px;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container-kotlin-editor .status-left,
.container-kotlin-editor .status-right {
  display: flex;
  gap: 15px;
}
.container-kotlin-editor .welcome-screen {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #1e1e1e;
  color: #cccccc;
  transition: background-color 0.3s, color 0.3s;
  padding: 20px;
  min-height: 100%;
}
body.light-theme .welcome-screen {
  background: #ffffff;
  color: #333333;
}
.container-kotlin-editor .welcome-title {
  font-size: 24px;
  margin-bottom: 10px;
  color: #de9406;
}
.container-kotlin-editor .welcome-subtitle {
  font-size: 16px;
  margin-bottom: 30px;
  opacity: 0.8;
}
.container-kotlin-editor .modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.container-kotlin-editor .modal-content {
  background-color: #2d2d30;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #3e3e42;
  border-radius: 6px;
  width: 450px;
  color: #cccccc;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
body.light-theme .modal-content {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #e1e1e1;
}
.container-kotlin-editor .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.container-kotlin-editor .modal-title {
  font-size: 18px;
  font-weight: 600;
}
.container-kotlin-editor .close {
  background: transparent;
  border: none;
  color: #cccccc;
  font-size: 24px;
  cursor: pointer;
  transition: color 0.3s;
}
.container-kotlin-editor .close:hover {
  color: #e81123;
}
body.light-theme .close {
  color: #333333;
}
.container-kotlin-editor .form-group {
  margin-bottom: 15px;
}
.container-kotlin-editor .form-label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
}
.container-kotlin-editor .form-input {
  width: 100%;
  padding: 8px 12px;
  background: #3c3c3c;
  border: 1px solid #5a5a5a;
  border-radius: 4px;
  color: #cccccc;
  font-size: 14px;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
.container-kotlin-editor .form-input:focus {
  outline: none;
  border-color: #de9406;
}
body.light-theme .form-input {
  background: #ffffff;
  color: #333333;
  border: 1px solid #cccccc;
}
.container-kotlin-editor .modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}
.container-kotlin-editor ::-webkit-scrollbar {
  width: 8px;
}
.container-kotlin-editor ::-webkit-scrollbar-track {
  background: #2d2d30;
}
.container-kotlin-editor ::-webkit-scrollbar-thumb {
  background: #5a5a5a;
  border-radius: 4px;
}
.container-kotlin-editor ::-webkit-scrollbar-thumb:hover {
  background: #6a6a6a;
}
body.light-theme ::-webkit-scrollbar-track {
  background: #f8f8f8;
}
body.light-theme ::-webkit-scrollbar-thumb {
  background: #cccccc;
}
body.light-theme ::-webkit-scrollbar-thumb:hover {
  background: #999999;
}
.container-kotlin-editor .kotlin-feature-highlight {
  background: linear-gradient(45deg, #de9406, #bb7b04);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: bold;
}
.container-kotlin-editor .syntax-error {
  border-bottom: 2px wavy #ff4444;
}
.container-kotlin-editor .syntax-warning {
  border-bottom: 2px wavy #de9406;
}
.container-kotlin-editor .syntax-info {
  border-bottom: 2px wavy #de9406;
}
.container-kotlin-editor .monaco-editor .suggest-widget {
  border: 1px solid #de9406 !important;
}
.container-kotlin-editor .monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused {
  background-color: #f3e8ff !important;
}
.container-kotlin-editor .editor-container:-webkit-full-screen {
  background: #1e1e1e;
}
.container-kotlin-editor .editor-container:-moz-full-screen {
  background: #1e1e1e;
}
.container-kotlin-editor .editor-container:fullscreen {
  background: #1e1e1e;
}
@media (max-width: 1024px) {
  .container-kotlin-editor .header-actions {
    gap: 8px;
  }
  .container-kotlin-editor .btn {
    padding: 6px 12px;
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .container-kotlin-editor .sidebar {
    width: 200px;
  }
  .container-kotlin-editor .header-actions {
    flex-wrap: wrap;
    gap: 5px;
  }
  .container-kotlin-editor .btn {
    padding: 6px 10px;
    font-size: 12px;
  }
  .container-kotlin-editor .modal-content {
    width: 90%;
    margin: 10% auto;
  }
  .container-kotlin-editor .logo {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .container-kotlin-editor .sidebar {
    width: 180px;
  }
  .container-kotlin-editor .header {
    padding: 8px 15px;
  }
  .container-kotlin-editor .header-actions {
    gap: 4px;
  }
  .container-kotlin-editor .btn {
    padding: 5px 8px;
    font-size: 11px;
  }
}
@media (max-width: 480px) {
  .container-kotlin-editor .sidebar {
    width: 150px;
  }
  .container-kotlin-editor .logo {
    font-size: 14px;
  }
  .container-kotlin-editor .welcome-title {
    font-size: 20px;
  }
  .container-kotlin-editor .welcome-subtitle {
    font-size: 14px;
  }
  .container-kotlin-editor .header-actions {
    flex-direction: column;
    gap: 3px;
  }
  .container-kotlin-editor .btn {
    padding: 4px 6px;
    font-size: 10px;
  }
}
@media (max-width: 768px) and (orientation: landscape) {
  .container-kotlin-editor .sidebar {
    width: 180px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container-kotlin-editor .sidebar {
    width: 220px;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.container-kotlin-editor .file-item,
.container-kotlin-editor .editor-tab {
  animation: fadeIn 0.2s ease-in-out;
}
.container-kotlin-editor .btn:focus,
.container-kotlin-editor .file-action-btn:focus,
.container-kotlin-editor .add-file-btn:focus,
.container-kotlin-editor .tab-close:focus {
  outline: 2px solid #de9406;
  outline-offset: 2px;
}
@media (prefers-contrast: high) {
  .container-kotlin-editor .header {
    border-bottom: 2px solid #de9406;
  }
  .container-kotlin-editor .sidebar {
    border-right: 2px solid #de9406;
  }
  .container-kotlin-editor .file-item.active {
    border-left: 4px solid #de9406;
  }
}
@media print {
  .container-kotlin-editor .header,
  .container-kotlin-editor .sidebar,
  .container-kotlin-editor .status-bar,
  .container-kotlin-editor .editor-tabs {
    display: none;
  }
  .container-kotlin-editor .main-content {
    flex-direction: column;
  }
  .container-kotlin-editor .editor-area {
    width: 100%;
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light-theme) .container-kotlin-editor {
    background: #1e1e1e;
    color: #cccccc;
  }
}
@media (prefers-color-scheme: light) {
  body.light-theme .container-kotlin-editor {
    background: #ffffff;
    color: #333333;
  }
}
@media (prefers-reduced-motion: reduce) {
  .container-kotlin-editor * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
@media (hover: none) and (pointer: coarse) {
  .container-kotlin-editor .file-actions {
    opacity: 1;
  }
  .container-kotlin-editor .btn {
    min-height: 44px;
    min-width: 44px;
  }
  .container-kotlin-editor .file-action-btn {
    min-height: 32px;
    min-width: 32px;
  }
  .container-kotlin-editor .add-file-btn {
    min-height: 32px;
    min-width: 32px;
  }
  .container-kotlin-editor .tab-close {
    min-height: 24px;
    min-width: 24px;
  }
}
@supports (-webkit-touch-callout: none) {
  .container-kotlin-editor .editor-container {
    height: -webkit-fill-available;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .container-kotlin-editor .monaco-container {
    height: calc(100vh - 120px);
  }
}
.container-kotlin-editor .file-list::-webkit-scrollbar,
.container-kotlin-editor .editor-tabs::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.container-kotlin-editor .file-list::-webkit-scrollbar-track,
.container-kotlin-editor .editor-tabs::-webkit-scrollbar-track {
  background: transparent;
}
.container-kotlin-editor .file-list::-webkit-scrollbar-thumb,
.container-kotlin-editor .editor-tabs::-webkit-scrollbar-thumb {
  background: #5a5a5a;
  border-radius: 3px;
}
.container-kotlin-editor .file-list::-webkit-scrollbar-thumb:hover,
.container-kotlin-editor .editor-tabs::-webkit-scrollbar-thumb:hover {
  background: #6a6a6a;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.container-kotlin-editor .loading {
  animation: spin 1s linear infinite;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.container-kotlin-editor .success-animation {
  animation: pulse 0.3s ease-in-out;
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
}
.container-kotlin-editor .error-animation {
  animation: shake 0.5s ease-in-out;
}
.container-kotlin-editor .notification {
  position: fixed;
  top: 20px;
  right: 20px;
  background: #2d2d30;
  color: #cccccc;
  padding: 12px 20px;
  border-radius: 6px;
  border-left: 4px solid #de9406;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  z-index: 10000;
  animation: slideIn 0.3s ease-out;
}
@keyframes slideIn {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.container-kotlin-editor .notification.success {
  border-left-color: #28a745;
}
.container-kotlin-editor .notification.error {
  border-left-color: #dc3545;
}
.container-kotlin-editor .notification.warning {
  border-left-color: #ffc107;
}
body.light-theme .notification {
  background: #ffffff;
  color: #333333;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.container-kotlin-editor .monaco-editor .folding-decoration {
  color: #de9406 !important;
}
.container-kotlin-editor .monaco-editor .minimap {
  background: rgba(45, 45, 48, 0.8) !important;
}
body.light-theme .monaco-editor .minimap {
  background: rgba(248, 248, 248, 0.8) !important;
}
.container-kotlin-editor .monaco-editor .selected-text {
  background-color: rgba(237, 189, 58, 0.3) !important;
}
.container-kotlin-editor .monaco-editor .current-line {
  background-color: rgba(237, 204, 58, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .bracket-match {
  background-color: rgba(237, 204, 58, 0.2) !important;
  border: 1px solid #de9406 !important;
}
.container-kotlin-editor .monaco-editor .find-widget {
  border: 1px solid #de9406 !important;
}
.container-kotlin-editor .monaco-menu {
  border: 1px solid #de9406 !important;
}
.container-kotlin-editor .monaco-editor .monaco-hover {
  border: 1px solid #de9406 !important;
}
.container-kotlin-editor .monaco-editor .parameter-hints-widget {
  border: 1px solid #de9406 !important;
}
.container-kotlin-editor .monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-highlighted-label .highlight {
  color: #de9406 !important;
}
.container-kotlin-editor .monaco-editor .squiggly-error {
  border-bottom: 2px wavy #ff4444 !important;
}
.container-kotlin-editor .monaco-editor .squiggly-warning {
  border-bottom: 2px wavy #ffaa00 !important;
}
.container-kotlin-editor .monaco-editor .squiggly-info {
  border-bottom: 2px wavy #00aaff !important;
}
.container-kotlin-editor .monaco-editor .margin {
  background-color: #252526 !important;
}
body.light-theme .monaco-editor .margin {
  background-color: #f8f8f8 !important;
}
.container-kotlin-editor .monaco-editor .line-numbers {
  color: #858585 !important;
}
body.light-theme .monaco-editor .line-numbers {
  color: #999999 !important;
}
.container-kotlin-editor .monaco-editor .current-line ~ .line-numbers {
  color: #de9406 !important;
}
.container-kotlin-editor .monaco-editor .cursor {
  background-color: #de9406 !important;
}
.container-kotlin-editor .monaco-editor .selected-text {
  background-color: rgba(237, 189, 58, 0.3) !important;
}
.container-kotlin-editor .monaco-editor .wordHighlight {
  background-color: rgba(237, 189, 58, 0.2) !important;
}
.container-kotlin-editor .monaco-editor .wordHighlightStrong {
  background-color: rgba(237, 189, 58, 0.4) !important;
}
.container-kotlin-editor .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.container-kotlin-editor .btn:focus-visible,
.container-kotlin-editor .file-action-btn:focus-visible,
.container-kotlin-editor .add-file-btn:focus-visible,
.container-kotlin-editor .tab-close:focus-visible {
  outline: 2px solid #de9406;
  outline-offset: 2px;
}
@media (prefers-contrast: high) {
  .container-kotlin-editor .btn {
    border: 2px solid currentColor;
  }
  .container-kotlin-editor .file-item {
    border: 1px solid currentColor;
  }
  .container-kotlin-editor .editor-tab {
    border: 1px solid currentColor;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .container-kotlin-editor .modal {
    background-color: rgba(0, 0, 0, 0.9);
  }
  .container-kotlin-editor .notification {
    background: #2d2d30;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.8);
  }
  body.light-theme .notification {
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  }
}
@media print {
  .container-kotlin-editor * {
    background: white !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .container-kotlin-editor .monaco-editor {
    font-family: "Courier New", monospace !important;
    font-size: 12pt !important;
    line-height: 1.4 !important;
  }
}
.container-kotlin-editor .kotlin-keyword {
  color: #de9406 !important;
}
.container-kotlin-editor .kotlin-string {
  color: #22c55e !important;
}
.container-kotlin-editor .kotlin-comment {
  color: #6b7280 !important;
  font-style: italic;
}
.container-kotlin-editor .kotlin-function {
  color: #3b82f6 !important;
}
.container-kotlin-editor .kotlin-variable {
  color: #f59e0b !important;
}
.container-kotlin-editor .kotlin-type {
  color: #06b6d4 !important;
}
.container-kotlin-editor .monaco-editor .token.keyword.kotlin {
  color: #de9406 !important;
}
.container-kotlin-editor .monaco-editor .token.string.kotlin {
  color: #22c55e !important;
}
.container-kotlin-editor .monaco-editor .token.comment.kotlin {
  color: #6b7280 !important;
  font-style: italic;
}
.container-kotlin-editor .monaco-editor .token.identifier.kotlin {
  color: #f59e0b !important;
}
.container-kotlin-editor .monaco-editor .token.type.kotlin {
  color: #06b6d4 !important;
}
.container-kotlin-editor .monaco-editor .token.operator.safe-call.kotlin {
  color: #10b981 !important;
  font-weight: bold;
}
.container-kotlin-editor .monaco-editor .token.operator.not-null.kotlin {
  color: #ef4444 !important;
  font-weight: bold;
}
.container-kotlin-editor .monaco-editor .token.lambda.kotlin {
  background-color: rgba(124, 58, 237, 0.1) !important;
  border-radius: 2px;
}
.container-kotlin-editor .monaco-editor .token.extension.kotlin {
  color: #de9406 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.data-class.kotlin {
  color: #06b6d4 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.companion.kotlin {
  color: #f97316 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.suspend.kotlin,
.container-kotlin-editor .monaco-editor .token.async.kotlin,
.container-kotlin-editor .monaco-editor .token.await.kotlin {
  color: #ec4899 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .smart-cast-highlight {
  background-color: rgba(34, 197, 94, 0.2) !important;
  border-radius: 2px;
}
.container-kotlin-editor .monaco-editor .nullable-indicator {
  color: #fbbf24 !important;
  font-weight: bold;
}
.container-kotlin-editor .monaco-editor .kotlin-null-pointer-warning {
  border-bottom: 2px wavy #f59e0b !important;
}
.container-kotlin-editor .monaco-editor .kotlin-type-mismatch-error {
  border-bottom: 2px wavy #ef4444 !important;
}
.container-kotlin-editor .monaco-editor .kotlin-unused-variable {
  opacity: 0.6;
  text-decoration: line-through;
}
.container-kotlin-editor .monaco-editor .token.dsl.kotlin {
  background-color: rgba(168, 85, 247, 0.1) !important;
  border-left: 2px solid #de9406;
  padding-left: 2px;
}
.container-kotlin-editor .monaco-editor .token.annotation.kotlin {
  color: #84cc16 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.sealed.kotlin {
  color: #0ea5e9 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.inline.kotlin {
  color: #f472b6 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.reified.kotlin {
  color: #14b8a6 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.operator-overload.kotlin {
  color: #f97316 !important;
  font-weight: bold;
}
.container-kotlin-editor .monaco-editor .token.delegate.kotlin {
  color: #de9406 !important;
  font-style: italic;
}
.container-kotlin-editor .monaco-editor .token.destructuring.kotlin {
  background-color: rgba(59, 130, 246, 0.1) !important;
  border-radius: 2px;
}
.container-kotlin-editor .monaco-editor .token.when-branch.kotlin {
  border-left: 2px solid #de9406;
  padding-left: 4px;
}
.container-kotlin-editor .monaco-editor .token.range.kotlin {
  color: #059669 !important;
  font-weight: bold;
}
.container-kotlin-editor .monaco-editor .token.elvis.kotlin {
  color: #dc2626 !important;
  font-weight: bold;
}
.container-kotlin-editor .monaco-editor .token.scope-function.kotlin {
  color: #7c2d12 !important;
  font-weight: 600;
  background-color: rgba(251, 191, 36, 0.1) !important;
  border-radius: 2px;
}
.container-kotlin-editor .monaco-editor .token.higher-order.kotlin {
  color: #be185d !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.tailrec.kotlin {
  color: #0d9488 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.crossinline.kotlin,
.container-kotlin-editor .monaco-editor .token.noinline.kotlin {
  color: #7c2d12 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.vararg.kotlin {
  color: #b45309 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.variance.kotlin {
  color: #0369a1 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.contract.kotlin {
  color: #7c2d12 !important;
  font-style: italic;
}
.container-kotlin-editor .monaco-editor .token.expect.kotlin,
.container-kotlin-editor .monaco-editor .token.actual.kotlin {
  color: #be123c !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.external.kotlin {
  color: #de9406 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.lateinit.kotlin {
  color: #dc2626 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.const.kotlin {
  color: #059669 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.inner.kotlin {
  color: #0891b2 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.open.kotlin {
  color: #65a30d !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.final.kotlin {
  color: #dc2626 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.abstract.kotlin {
  color: #7c2d12 !important;
  font-weight: 500;
  font-style: italic;
}
.container-kotlin-editor .monaco-editor .token.override.kotlin {
  color: #0369a1 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.super.kotlin {
  color: #be185d !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.this.kotlin {
  color: #0891b2 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.return.kotlin {
  color: #dc2626 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.break.kotlin,
.container-kotlin-editor .monaco-editor .token.continue.kotlin {
  color: #ea580c !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.throw.kotlin {
  color: #dc2626 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.try.kotlin,
.container-kotlin-editor .monaco-editor .token.catch.kotlin,
.container-kotlin-editor .monaco-editor .token.finally.kotlin {
  color: #0369a1 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.import.kotlin {
  color: #6b7280 !important;
  font-style: italic;
}
.container-kotlin-editor .monaco-editor .token.package.kotlin {
  color: #6b7280 !important;
  font-style: italic;
}
.container-kotlin-editor .monaco-editor .token.as.kotlin,
.container-kotlin-editor .monaco-editor .token.is.kotlin {
  color: #de9406 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.in.kotlin {
  color: #059669 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.typealias.kotlin {
  color: #0891b2 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.interface.kotlin {
  color: #0369a1 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.enum.kotlin {
  color: #059669 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.object.kotlin {
  color: #7c2d12 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.by.kotlin {
  color: #de9406 !important;
  font-weight: 500;
  font-style: italic;
}
.container-kotlin-editor .monaco-editor .token.where.kotlin {
  color: #0369a1 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.dynamic.kotlin {
  color: #dc2626 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.field.kotlin {
  color: #f59e0b !important;
}
.container-kotlin-editor .monaco-editor .token.get.kotlin,
.container-kotlin-editor .monaco-editor .token.set.kotlin {
  color: #0891b2 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.param.kotlin {
  color: #f59e0b !important;
  font-style: italic;
}
.container-kotlin-editor .monaco-editor .token.setparam.kotlin {
  color: #f59e0b !important;
  font-style: italic;
}
.container-kotlin-editor .monaco-editor .token.delegate.kotlin {
  color: #de9406 !important;
  font-style: italic;
}
.container-kotlin-editor .monaco-editor .token.file.kotlin {
  color: #6b7280 !important;
  font-style: italic;
}
.container-kotlin-editor .monaco-editor .token.property.kotlin {
  color: #f59e0b !important;
}
.container-kotlin-editor .monaco-editor .token.receiver.kotlin {
  color: #0891b2 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.constructor.kotlin {
  color: #0369a1 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.init.kotlin {
  color: #0369a1 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.val.kotlin {
  color: #059669 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.var.kotlin {
  color: #dc2626 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.fun.kotlin {
  color: #de9406 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.class.kotlin {
  color: #0369a1 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.data.kotlin {
  color: #06b6d4 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.sealed.kotlin {
  color: #0ea5e9 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.inline.kotlin {
  color: #f472b6 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.value.kotlin {
  color: #06b6d4 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.annotation-class.kotlin {
  color: #84cc16 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.operator-fun.kotlin {
  color: #f97316 !important;
  font-weight: bold;
}
.container-kotlin-editor .monaco-editor .token.infix.kotlin {
  color: #de9406 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.suspend-fun.kotlin {
  color: #ec4899 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.extension-property.kotlin {
  color: #de9406 !important;
  font-weight: 500;
  text-decoration: underline;
}
.container-kotlin-editor .monaco-editor .token.generic.kotlin {
  color: #06b6d4 !important;
  font-style: italic;
}
.container-kotlin-editor .monaco-editor .token.star-projection.kotlin {
  color: #fbbf24 !important;
  font-weight: bold;
}
.container-kotlin-editor .monaco-editor .token.platform-type.kotlin {
  color: #f59e0b !important;
  background-color: rgba(251, 191, 36, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.nothing.kotlin {
  color: #dc2626 !important;
  font-weight: bold;
}
.container-kotlin-editor .monaco-editor .token.unit.kotlin {
  color: #6b7280 !important;
}
.container-kotlin-editor .monaco-editor .token.any.kotlin {
  color: #059669 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.boolean.kotlin {
  color: #de9406 !important;
  font-weight: bold;
}
.container-kotlin-editor .monaco-editor .token.null.kotlin {
  color: #6b7280 !important;
  font-weight: bold;
}
.container-kotlin-editor .monaco-editor .token.number.kotlin {
  color: #0891b2 !important;
}
.container-kotlin-editor .monaco-editor .token.character.kotlin {
  color: #22c55e !important;
}
.container-kotlin-editor .monaco-editor .token.string-template.kotlin {
  background-color: rgba(34, 197, 94, 0.1) !important;
  border-radius: 2px;
}
.container-kotlin-editor .monaco-editor .token.template-expression.kotlin {
  color: #f59e0b !important;
  font-weight: 500;
  background-color: rgba(251, 191, 36, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.raw-string.kotlin {
  color: #22c55e !important;
  background-color: rgba(34, 197, 94, 0.05) !important;
}
.container-kotlin-editor .monaco-editor .token.regex.kotlin {
  color: #dc2626 !important;
  background-color: rgba(220, 38, 38, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.label.kotlin {
  color: #f97316 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.labeled-jump.kotlin {
  color: #ea580c !important;
  font-weight: 600;
  text-decoration: underline;
}
.container-kotlin-editor .monaco-editor .token.labeled-return.kotlin {
  color: #dc2626 !important;
  font-weight: 600;
  text-decoration: underline;
}
.container-kotlin-editor .monaco-editor .token.lambda-parameter.kotlin {
  color: #f59e0b !important;
  font-style: italic;
}
.container-kotlin-editor .monaco-editor .token.lambda-arrow.kotlin {
  color: #de9406 !important;
  font-weight: bold;
}
.container-kotlin-editor .monaco-editor .token.function-type.kotlin {
  color: #de9406 !important;
  font-style: italic;
}
.container-kotlin-editor .monaco-editor .token.suspend-function-type.kotlin {
  color: #ec4899 !important;
  font-style: italic;
}
.container-kotlin-editor .monaco-editor .token.type-projection.kotlin {
  color: #0369a1 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.variance-annotation.kotlin {
  color: #0369a1 !important;
  font-weight: 600;
}
.container-kotlin-editor .monaco-editor .token.backing-field.kotlin {
  color: #f59e0b !important;
  text-decoration: underline;
}
.container-kotlin-editor .monaco-editor .token.smart-cast.kotlin {
  background-color: rgba(34, 197, 94, 0.2) !important;
  border-radius: 2px;
  border: 1px solid #22c55e;
}
.container-kotlin-editor .monaco-editor .token.unsafe-cast.kotlin {
  color: #dc2626 !important;
  font-weight: bold;
  background-color: rgba(220, 38, 38, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.safe-cast.kotlin {
  color: #059669 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.type-check.kotlin {
  color: #de9406 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.negated-type-check.kotlin {
  color: #dc2626 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.collection-literal.kotlin {
  background-color: rgba(59, 130, 246, 0.1) !important;
  border-radius: 2px;
}
.container-kotlin-editor .monaco-editor .token.array-access.kotlin {
  color: #0891b2 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.callable-reference.kotlin {
  color: #de9406 !important;
  font-weight: 500;
  text-decoration: underline;
}
.container-kotlin-editor .monaco-editor .token.class-reference.kotlin {
  color: #0369a1 !important;
  font-weight: 500;
  text-decoration: underline;
}
.container-kotlin-editor .monaco-editor .token.property-reference.kotlin {
  color: #f59e0b !important;
  font-weight: 500;
  text-decoration: underline;
}
.container-kotlin-editor .monaco-editor .token.function-reference.kotlin {
  color: #de9406 !important;
  font-weight: 500;
  text-decoration: underline;
}
.container-kotlin-editor .monaco-editor .token.constructor-reference.kotlin {
  color: #0369a1 !important;
  font-weight: 600;
  text-decoration: underline;
}
.container-kotlin-editor .monaco-editor .token.spread.kotlin {
  color: #f97316 !important;
  font-weight: bold;
}
.container-kotlin-editor .monaco-editor .token.named-argument.kotlin {
  color: #0891b2 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.default-parameter.kotlin {
  color: #6b7280 !important;
  font-style: italic;
}
.container-kotlin-editor .monaco-editor .token.deprecated.kotlin {
  text-decoration: line-through;
  opacity: 0.7;
  color: #6b7280 !important;
}
.container-kotlin-editor .monaco-editor .token.experimental.kotlin {
  background-color: rgba(251, 191, 36, 0.2) !important;
  border-radius: 2px;
  border: 1px dashed #fbbf24;
}
.container-kotlin-editor .monaco-editor .token.internal.kotlin {
  color: #f59e0b !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.private.kotlin {
  color: #dc2626 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.protected.kotlin {
  color: #ea580c !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.public.kotlin {
  color: #059669 !important;
  font-weight: 500;
}
.container-kotlin-editor .monaco-editor .token.multiplatform-expect.kotlin {
  color: #be123c !important;
  font-weight: 600;
  background-color: rgba(190, 18, 60, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.multiplatform-actual.kotlin {
  color: #be123c !important;
  font-weight: 600;
  background-color: rgba(190, 18, 60, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.coroutine-context.kotlin {
  color: #ec4899 !important;
  background-color: rgba(236, 72, 153, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.flow.kotlin {
  color: #06b6d4 !important;
  font-weight: 500;
  background-color: rgba(6, 182, 212, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.channel.kotlin {
  color: #de9406 !important;
  font-weight: 500;
  background-color: rgba(139, 92, 246, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.deferred.kotlin {
  color: #f472b6 !important;
  font-weight: 500;
  background-color: rgba(244, 114, 182, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.job.kotlin {
  color: #0891b2 !important;
  font-weight: 500;
  background-color: rgba(8, 145, 178, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.scope.kotlin {
  color: #059669 !important;
  font-weight: 500;
  background-color: rgba(5, 150, 105, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.dispatcher.kotlin {
  color: #dc2626 !important;
  font-weight: 500;
  background-color: rgba(220, 38, 38, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.serializable.kotlin {
  color: #84cc16 !important;
  font-weight: 500;
  background-color: rgba(132, 204, 22, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.parcelize.kotlin {
  color: #f97316 !important;
  font-weight: 500;
  background-color: rgba(249, 115, 22, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.jvm-static.kotlin {
  color: #7c2d12 !important;
  font-weight: 500;
  background-color: rgba(124, 45, 18, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.jvm-overloads.kotlin {
  color: #de9406 !important;
  font-weight: 500;
  background-color: rgba(162, 28, 175, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.jvm-field.kotlin {
  color: #be185d !important;
  font-weight: 500;
  background-color: rgba(190, 24, 93, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.jvm-name.kotlin {
  color: #0369a1 !important;
  font-weight: 500;
  background-color: rgba(3, 105, 161, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.throws.kotlin {
  color: #dc2626 !important;
  font-weight: 500;
  background-color: rgba(220, 38, 38, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.synchronized.kotlin {
  color: #f59e0b !important;
  font-weight: 500;
  background-color: rgba(245, 158, 11, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.volatile.kotlin {
  color: #ef4444 !important;
  font-weight: 500;
  background-color: rgba(239, 68, 68, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.transient.kotlin {
  color: #6b7280 !important;
  font-weight: 500;
  background-color: rgba(107, 114, 128, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.strictfp.kotlin {
  color: #7c2d12 !important;
  font-weight: 500;
  background-color: rgba(124, 45, 18, 0.1) !important;
}
.container-kotlin-editor .monaco-editor .token.native.kotlin {
  color: #de9406 !important;
  font-weight: 500;
  background-color: rgba(162, 28, 175, 0.1) !important;
}


@media (max-width: 600px) {
.container-kotlin-editor .header{
    flex-direction: column ;
    gap: 20px;
}

.container-kotlin-editor .header-actions{
  flex-wrap: wrap;
  gap: 10px;
  flex-direction: row;
}
.container-kotlin-editor .main-content{
  flex-direction: column;

}
.container-kotlin-editor .sidebar {
  width: 100%;
  max-height: 200px;
}

.container-kotlin-editor {
  max-height: 150vh;
  height: auto;
}
.container-kotlin-editor .editor-container{
  height: auto;
}
.container-kotlin-editor .monaco-container{
  flex:unset;
}

}