@import url('common.css');

/* Toolful v5 · split editor template */
.code-panel .k { color: var(--c-code-key); }    /* 键：品牌深蓝 */
.code-panel .s { color: var(--c-code-string); } /* 字符串：克制绿 */
.code-panel .n { color: var(--c-code-number); } /* 数字：克制琥珀 */
.code-panel .b { color: var(--c-code-bool); }   /* 布尔/Null：品牌蓝（替代原紫色 #6D28D9） */
.code-panel .p { color: var(--c-code-symbol); }  /* 符号：中性弱灰 */

/* 文本域与代码面板等高观感 */
.textarea { font-family: var(--font-mono); font-size: var(--fs-sm); line-height: var(--lh-dense); }

/* The editor is the primary task surface. */
.tool-main .textarea { min-height: 400px; }
.tool-main .code-panel { min-height: 400px; }
@media (max-width: 767px) {
  .tool-main .textarea { min-height: 260px; }
  .tool-main .code-panel { min-height: 260px; }

  /* Keep five operations predictable: 3 primary transforms + 2 utilities. */
  .tool-toolbar .btn { flex: 1 1 calc(33.333% - 8px); }
  .tool-toolbar #btnSample,
  .tool-toolbar #btnClear { flex-basis: calc(50% - 8px); }
  .tool-toolbar .spacer { display: none; }
  .tool-toolbar .opt {
    width: 100%;
    min-height: 44px;
    justify-content: flex-end;
    padding-top: 10px;
    border-top: 1px solid var(--c-border);
  }
}