.ucf-root{margin-bottom:1.5rem;-webkit-tap-highlight-color:transparent;}
.ucf-sheet{background:var(--surface,#fff);border:1px solid var(--border,rgba(0,0,0,.08));border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft,0 2px 16px rgba(0,0,0,.06));}
.ucf-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px 16px;background:var(--surface-muted,rgba(0,0,0,.02));border-bottom:1px solid var(--border,rgba(0,0,0,.08));}
.ucf-lang-wrap{flex:1;min-width:0;}
.ucf-lang-label{display:block;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-muted,#6b7280);margin-bottom:6px;}
.ucf-lang{width:100%;max-width:220px;padding:10px 12px;font-size:0.9375rem;font-family:inherit;color:var(--text-main,#111);background:var(--surface,#fff);border:1px solid var(--border,rgba(0,0,0,.12));border-radius:10px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent;}
.ucf-lang:hover{border-color:var(--primary,#2563eb);}
.ucf-lang:focus{outline:none;border-color:var(--primary,#2563eb);box-shadow:0 0 0 3px rgba(37,99,235,.15);}
.ucf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.ucf-btn{font-size:0.875rem;font-weight:500;padding:10px 16px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease;display:inline-flex;align-items:center;-webkit-tap-highlight-color:transparent;}
.ucf-btn:active{transform:scale(0.98);}
.ucf-btn-primary{background:var(--primary,#2563eb);color:#fff;border-color:var(--primary,#2563eb);}
.ucf-btn-primary:hover{background:var(--primary-dark,#1d4ed8);border-color:var(--primary-dark,#1d4ed8);box-shadow:0 4px 14px rgba(37,99,235,.25);}
.ucf-btn-secondary{background:var(--surface,#fff);color:var(--text-main,#111);border:1px solid var(--border,rgba(0,0,0,.12));}
.ucf-btn-secondary:hover{background:var(--surface-muted,rgba(0,0,0,.04));border-color:var(--primary,#2563eb);color:var(--primary,#2563eb);}
.ucf-btn-ghost{background:transparent;color:var(--text-muted,#6b7280);}
.ucf-btn-ghost:hover{background:var(--surface-muted,rgba(0,0,0,.04));color:var(--text-main,#111);}
.ucf-panes{display:grid;grid-template-columns:1fr;gap:0;}
.ucf-pane{padding:14px 16px;border-bottom:1px solid var(--border,rgba(0,0,0,.08));}
.ucf-pane:last-child{border-bottom:none;}
.ucf-pane-label{display:block;font-size:0.8125rem;font-weight:600;color:var(--text-muted,#6b7280);margin-bottom:8px;}
.ucf-editor-wrap{min-height:280px;border:1px solid var(--border,rgba(0,0,0,.1));border-radius:10px;overflow:hidden;background:var(--surface-muted,rgba(0,0,0,.02));}
.ucf-editor{width:100%;min-height:260px;}
*:focus-visible{outline:2px solid var(--primary,#2563eb);outline-offset:2px;}
@media (min-width:480px){.ucf-bar{padding:16px 18px;gap:14px;}.ucf-btn{padding:10px 18px;}.ucf-pane{padding:16px 18px;}.ucf-editor-wrap{min-height:320px;}.ucf-editor{min-height:300px;}}
@media (min-width:768px){.ucf-root{max-width:1200px;margin-left:auto;margin-right:auto;}.ucf-bar{flex-wrap:nowrap;align-items:flex-end;}.ucf-lang-wrap{flex:0 0 auto;}.ucf-actions{margin-left:auto;}.ucf-panes{grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--border,rgba(0,0,0,.08));}.ucf-pane{border-bottom:none;border-right:1px solid var(--border,rgba(0,0,0,.08));padding:16px 18px;}
.ucf-pane:last-child{border-right:none;}.ucf-editor-wrap{min-height:400px;}.ucf-editor{min-height:380px;}}