.editor-container{display:flex;height:calc(100dvh - 64px);min-height:620px;flex-direction:column;padding:20px 28px 28px;color:var(--tc-ink-1);background:var(--tc-bg-base)}.editor-header{justify-content:space-between;gap:20px;padding:0 0 16px}.editor-header,.editor-heading{display:flex;align-items:center}.editor-heading{min-width:0;gap:12px}.editor-heading__icon{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;color:var(--tc-accent);border:1px solid color-mix(in srgb,var(--tc-accent) 22%,var(--tc-border));border-radius:var(--tc-radius-md);background:var(--tc-accent-soft)}.editor-heading h1{margin:0;color:var(--tc-ink-1);font-size:19px;font-weight:680;letter-spacing:-.025em;line-height:1.25}.editor-heading p{margin:4px 0 0;overflow:hidden;color:var(--tc-ink-4);font-size:12px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.editor-header__actions{display:flex;flex:0 0 auto;gap:8px}.format-validate-button{min-height:36px;padding-inline:15px!important;overflow:hidden;color:#fff!important;border:1px solid color-mix(in srgb,var(--tc-accent) 72%,#fff)!important;background:linear-gradient(135deg,var(--tc-accent),#7767f5)!important;box-shadow:0 5px 14px color-mix(in srgb,var(--tc-accent) 28%,transparent);font-weight:650;letter-spacing:.01em;transform:translateY(0);transition:transform var(--tc-duration-fast) var(--tc-ease-spring),box-shadow var(--tc-duration-fast) var(--tc-ease),filter var(--tc-duration-fast) var(--tc-ease)!important}.format-validate-button:hover{box-shadow:0 9px 20px color-mix(in srgb,var(--tc-accent) 42%,transparent);filter:brightness(1.06);transform:translateY(-2px)}.format-validate-button:active{box-shadow:0 3px 9px color-mix(in srgb,var(--tc-accent) 22%,transparent);transform:translateY(0) scale(.98)}.format-validate-button:focus-visible{outline:3px solid var(--tc-accent-soft);outline-offset:2px}.format-validate-button:hover .format-validate-button__icon{animation:formatValidateBolt .52s var(--tc-ease-spring)}@keyframes formatValidateBolt{0%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 0 rgba(255,255,255,0))}42%{transform:translateY(-2px) scale(1.16) rotate(-7deg);filter:drop-shadow(0 0 6px rgba(255,255,255,.72))}to{transform:translateY(0) scale(1) rotate(0);filter:drop-shadow(0 0 0 rgba(255,255,255,0))}}.editor-layout{overflow:hidden;border:1px solid var(--tc-border);border-radius:var(--tc-radius-lg);background:var(--tc-surface-1);box-shadow:var(--tc-shadow-sm)}.editor-layout,.editor-pane{display:flex;min-height:0;flex:1}.editor-pane{min-width:300px;flex-direction:column}.editor-pane--source{flex:0 0 auto;min-width:300px}.editor-pane--view{min-width:300px}.editor-pane__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--tc-border);background:var(--tc-surface-2)}.editor-pane__header div{display:grid;min-width:0;gap:3px}.editor-pane__header strong{overflow:hidden;color:var(--tc-ink-2);font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.editor-pane__header span:not(.editor-pane__tag){overflow:hidden;color:var(--tc-ink-4);font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.editor-pane__tag{flex:0 0 auto;padding:4px 7px;color:var(--tc-ink-4);border:1px solid var(--tc-border);border-radius:4px;background:var(--tc-surface-1);font-family:var(--tc-font-mono);font-size:10px;font-weight:600;letter-spacing:.08em}.editor-main-wrapper,.view-container{min-height:0;flex:1}.editor-main-wrapper{overflow:hidden;background:var(--tc-code-bg)}.editor-main{border:0!important}.view-container{overflow:auto;background:var(--tc-surface-1)}.editor-resizer{position:relative;width:9px;flex:0 0 9px;cursor:col-resize;background:var(--tc-surface-1);transition:background-color var(--tc-duration-fast) var(--tc-ease)}.editor-resizer:after{position:absolute;top:50%;left:3px;width:3px;height:28px;border-radius:var(--tc-radius-pill);background:var(--tc-border-strong);content:"";transform:translateY(-50%);transition:background-color var(--tc-duration-fast) var(--tc-ease),height var(--tc-duration-fast) var(--tc-ease)}.editor-resizer:active,.editor-resizer:hover{background:var(--tc-accent-soft)}.editor-resizer:active:after,.editor-resizer:hover:after{height:44px;background:var(--tc-accent)}.editor-bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;margin-top:10px;padding:9px 10px;border:1px solid var(--tc-border);border-radius:var(--tc-radius-md);background:var(--tc-surface-1)}.editor-bottom-bar__section{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.editor-bottom-bar__section--settings{justify-content:flex-end}.editor-bottom-bar__label{margin-right:2px;color:var(--tc-ink-4);font-size:11px;font-weight:600}.editor-autosave{display:inline-flex;align-items:center;gap:4px;color:var(--tc-ink-3);font-size:12px}.editor-error-panel{margin-top:10px;overflow:hidden;border:1px solid color-mix(in srgb,var(--tc-danger) 26%,var(--tc-border));border-radius:var(--tc-radius-md);background:var(--tc-surface-1);box-shadow:var(--tc-shadow-sm)}.editor-error-panel__heading{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;color:var(--tc-danger);border-bottom:1px solid color-mix(in srgb,var(--tc-danger) 18%,var(--tc-border));background:var(--tc-danger-soft)}.editor-error-panel__heading div{display:grid;gap:3px}.editor-error-panel__heading strong{font-size:13px;line-height:1.35}.editor-error-panel__heading span{color:var(--tc-ink-3);font-size:12px;line-height:1.45}.editor-error-list{display:grid;max-height:156px;overflow:auto}.editor-error-item{display:grid;width:100%;grid-template-columns:24px auto minmax(0,1fr) auto;gap:9px;align-items:baseline;padding:10px 14px;color:inherit;border:0;border-bottom:1px solid var(--tc-border-subtle);background:rgba(0,0,0,0);cursor:pointer;font:inherit;text-align:left;transition:background-color var(--tc-duration-fast) var(--tc-ease),transform var(--tc-duration-fast) var(--tc-ease)}.editor-error-item:hover{background:var(--tc-danger-soft)}.editor-error-item.is-active{background:var(--tc-accent-soft);box-shadow:inset 3px 0 0 var(--tc-accent)}.editor-error-item.is-active em{color:var(--tc-accent);background:color-mix(in srgb,var(--tc-accent) 18%,var(--tc-surface-1))}.editor-error-item:active{transform:scale(.997)}.editor-error-item:focus-visible{position:relative;z-index:1;outline:2px solid var(--tc-accent);outline-offset:-2px;background:var(--tc-accent-soft)}.editor-error-item:last-child{border-bottom:0}.editor-error-item>span{display:grid;width:21px;height:21px;place-items:center;color:var(--tc-danger);border-radius:50%;background:var(--tc-danger-soft);font-family:var(--tc-font-mono);font-size:11px;font-weight:700}.editor-error-item strong{color:var(--tc-ink-3);font-family:var(--tc-font-mono);font-size:11px;font-weight:600}.editor-error-item p{margin:0;color:var(--tc-ink-3);font-size:12px;line-height:1.45}.editor-error-item em{align-self:center;padding:3px 7px;color:var(--tc-danger);border-radius:var(--tc-radius-pill);background:var(--tc-danger-soft);font-size:10px;font-style:normal;font-weight:650;line-height:1.35;transition:color var(--tc-duration-fast) var(--tc-ease),background-color var(--tc-duration-fast) var(--tc-ease),transform var(--tc-duration-fast) var(--tc-ease)}.editor-error-item:hover em{color:var(--tc-accent);background:var(--tc-accent-soft);transform:translateX(-2px)}@media(max-width:900px){.editor-container{height:auto;min-height:calc(100dvh - 64px);padding:18px 16px 24px}.editor-layout{min-height:720px;flex-direction:column;overflow:visible}.editor-pane,.editor-pane--source,.editor-pane--view{width:100%!important;min-width:0;min-height:340px;flex:1 1 340px}.editor-resizer{display:none}.editor-pane--source{border-bottom:1px solid var(--tc-border)}.editor-bottom-bar{align-items:flex-start;flex-direction:column}.editor-bottom-bar__section--settings{justify-content:flex-start}}@media(max-width:600px){.editor-container{padding:14px 12px 20px}.editor-header{align-items:stretch;flex-direction:column}.editor-heading__icon{width:36px;height:36px}.editor-header__actions{display:flex;gap:8px}.editor-header__actions .ant-btn:first-child{min-height:44px;flex:0 0 82px}.editor-header__actions .format-validate-button{min-height:44px;flex:1 1 auto;font-size:14px;font-weight:700}.editor-heading h1{font-size:18px}.editor-heading p{display:none}.editor-layout{min-height:664px}.editor-pane,.editor-pane--source,.editor-pane--view{min-height:260px;flex-basis:260px}.editor-pane--source{min-height:390px;flex-basis:390px}.editor-pane__header{min-height:46px;padding-block:8px}.editor-bottom-bar__section{width:100%}.editor-error-item{grid-template-columns:24px minmax(0,1fr) auto}.editor-error-item p{grid-column:2/-1}}