/* --- App Layout --- */
    .app{
      display: grid;
      width: 100vw;
      height: 100vh;
      grid-template-rows: 48px 76px 32px 1fr 40px;
      background-color: var(--bg-base);
    }#fileInput{ display: none; }/* --- Drawing Tabs --- */
    .drawing-tabs{
      display: flex;
      align-items: flex-end;
      padding: 0 12px;
      background-color: var(--bg-base);
      border-bottom: 1px solid var(--border);
      gap: 4px;
      overflow-x: auto;
    }.drawing-tab{
      height: 28px;
      min-width: 140px;
      max-width: 200px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 10px;
      background-color: var(--bg-surface);
      border: 1px solid var(--border);
      border-bottom: none;
      border-radius: var(--radius-md) var(--radius-md) 0 0;
      color: var(--text-muted);
      cursor: pointer;
      font-size: 12px;
    }.drawing-tab:hover{
      background-color: var(--bg-surface-hover);
      color: var(--text-main);
    }.drawing-tab.active{
      background-color: var(--bg-canvas);
      color: var(--text-bright);
      border-color: var(--border);
      border-top: 2px solid var(--accent);
    }.drawing-tab-name{
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }.drawing-tab-close{
      font-size: 14px;
      font-weight: bold;
      width: 20px;
      height: 20px;
      display: grid;
      place-items: center;
      border-radius: 4px;
    }.drawing-tab-close:hover{
      background-color: rgba(209, 105, 105, 0.2);
      color: var(--danger);
    }/* --- Command Bar (Bottom Footer) --- */
    .commandbar{
      display: grid;
      grid-template-columns: 1fr auto auto;
      align-items: center;
      gap: 16px;
      padding: 0 16px;
      background-color: var(--bg-panel);
      border-top: 1px solid var(--border);
      z-index: 20;
    }.command-zone{
      display: flex;
      align-items: center;
      gap: 12px;
    }.command-label{
      font-weight: bold;
      color: var(--text-bright);
      text-transform: uppercase;
      font-size: 12px;
    }.command-input{
      flex: 1;
      max-width: 500px;
      background-color: var(--bg-base);
      border: 1px solid var(--border);
      color: var(--text-bright);
      padding: 6px 10px;
      font-family: var(--font-mono);
      font-size: 13px;
      border-radius: var(--radius-sm);
      outline: none;
    }.command-input:focus{
      border-color: var(--border-focus);
      background-color: var(--input-focus-bg, #000);
    }.command-hint{
      color: var(--text-muted);
      font-size: 12px;
      white-space: nowrap;
    }.statusbar{
      display: flex;
      gap: 6px;
    }.status-toggle{
      background: transparent;
      border: 1px solid transparent;
      color: var(--text-main);
      padding: 4px 8px;
      font-size: 11px;
      font-weight: bold;
      border-radius: var(--radius-sm);
      cursor: pointer;
    }.status-toggle:hover{ background-color: var(--bg-surface); }.status-toggle.active{
      background-color: var(--accent);
      color: var(--text-bright);
    }.mini-status{
      font-family: var(--font-mono);
      color: var(--text-muted);
      font-size: 12px;
      padding-left: 10px;
      border-left: 1px solid var(--border);
    }/* Command Log Lines */
    .cmd-log-line{
      font-family: var(--font-mono);
      font-size: 12px;
      color: var(--text-main);
      padding: 4px 0;
      border-bottom: 1px solid rgba(255,255,255,0.05);
    }.cmd-log-line b{ color: var(--accent); }/* Structural helpers kept outside the baseline stylesheet. */
.tc-image-input{ display: none; }.layer-list{ margin-top: 10px; }.form-grid-spaced{ margin-top: 10px; }.help-version{ color: var(--text-muted); font-size: 13px; font-weight: 300; }.help-paragraph-spaced{ margin-top: 6px; }.tc20-guide-card-spaced{ margin-top: 12px; }