.l2c-app{margin-bottom:2rem;}
.l2c-workspace{background:var(--surface,#fff);border-radius:20px;border:1px solid var(--border,rgba(0,0,0,.06));box-shadow:0 1px 3px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);overflow:hidden;}
.l2c-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 18px;background:linear-gradient(180deg,var(--surface-muted,rgba(0,0,0,.02)) 0%,var(--surface,#fff) 100%);border-bottom:1px solid var(--border,rgba(0,0,0,.06));}
.l2c-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;line-height:1;border:none;border-radius:12px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent;}
.l2c-btn:active{transform:scale(.97);}
.l2c-btn-convert{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:#fff;box-shadow:0 2px 8px rgba(99,102,241,.35);}
.l2c-btn-convert:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);box-shadow:0 4px 14px rgba(99,102,241,.4);}
.l2c-btn-icon{flex-shrink:0;}
.l2c-btn-icon-only{padding:10px;background:var(--surface,#fff);color:var(--text-main,#111);border:1px solid var(--border,rgba(0,0,0,.1));}
.l2c-btn-icon-only:hover{background:var(--surface-muted,rgba(0,0,0,.04));border-color:var(--border,rgba(0,0,0,.15));}
.l2c-actions-right{display:flex;align-items:center;gap:6px;}
@media (max-width:479px){.l2c-btn-label{display:none;}.l2c-btn-convert{padding:12px 16px;}}
.l2c-status{min-height:1.5em;padding:0 18px;font-size:13px;color:var(--text-muted);}
.l2c-status.success{color:#059669;}
.l2c-status.error{color:#dc2626;}
.l2c-panels{display:flex;flex-direction:column;}
@media (min-width:768px){.l2c-panels{flex-direction:row;}}
.l2c-panel{display:flex;flex-direction:column;flex:1;min-height:0;}
.l2c-panel-in{border-bottom:1px solid var(--border,rgba(0,0,0,.08));}
@media (min-width:768px){.l2c-panel-in{border-bottom:none;border-right:1px solid var(--border,rgba(0,0,0,.08));}}
.l2c-panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--surface-muted,rgba(0,0,0,.02));border-bottom:1px solid var(--border,rgba(0,0,0,.06));}
.l2c-panel-tag{display:inline-block;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:8px;}
.l2c-panel-tag-out{background:linear-gradient(135deg,#64748b 0%,#475569 100%);}
.l2c-panel-meta{font-size:12px;color:var(--text-muted);}
.l2c-editor-wrap{flex:1;min-height:280px;position:relative;background:#1a1b26;}
@media (min-width:768px){.l2c-editor-wrap{min-height:360px;}}
.l2c-editor{position:absolute;top:0;left:0;right:0;bottom:0;}
.l2c-editor-readonly .ace_cursor{display:none !important;}
.ace_editor.l2c-editor{font-size:13px;line-height:1.6;}
.l2c-editor-wrap .ace_scroller,.l2c-editor-wrap .ace_gutter{background:#1a1b26 !important;}
.l2c-editor-wrap .ace_gutter{border-right:1px solid #323645 !important;color:#6b7280 !important;}
.l2c-editor-wrap .ace_marker-layer .ace_active-line{background:rgba(255,255,255,.04) !important;}