.online-udf-editor-scope{--ed-line:rgba(15,23,42,0.1);--ed-muted:#64748b;--ed-text:#0f172a;--ed-surface:#ffffff;--ed-surface2:#f8fafc;--ed-primary:#f59e0b;--ed-primary-dark:#f97316;--ed-shadow:0 16px 42px rgba(15,23,42,0.08)}.editor-page-main{padding-top:8px;padding-bottom:48px;flex:1}.online-udf-editor-scope .grid-layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:20px;align-items:start}.online-udf-editor-scope .panel{background:linear-gradient(175deg,rgba(255,255,255,0.96),rgba(239,246,255,0.5));border:1px solid var(--ed-line);border-radius:22px;box-shadow:var(--ed-shadow)}.online-udf-editor-scope .panel-head{padding:18px 18px 14px;border-bottom:1px solid var(--ed-line)}.online-udf-editor-scope .panel-head h2{margin:0 0 6px;font-size:21px;color:var(--ed-text);font-weight:800;letter-spacing:-0.02em}.online-udf-editor-scope .panel-head p{margin:0;color:var(--ed-muted);font-size:14px}.online-udf-editor-scope .toolbar{padding:14px 18px 10px}.online-udf-editor-scope .input-wrap{display:grid;gap:6px}.online-udf-editor-scope .input-wrap>span{font-size:13px;color:var(--ed-muted);font-weight:600}.online-udf-editor-scope .input-wrap input,.online-udf-editor-scope .input-wrap textarea{width:100%;border:1px solid var(--ed-line);border-radius:12px;padding:10px 12px;font:inherit;color:var(--ed-text);background:#fff}.online-udf-editor-scope .input-wrap input::placeholder,.online-udf-editor-scope .input-wrap textarea::placeholder{color:var(--ed-muted);opacity:0.9}.online-udf-editor-scope .input-wrap input:focus,.online-udf-editor-scope .input-wrap textarea:focus{outline:2px solid rgba(245,158,11,0.35);border-color:rgba(245,158,11,0.55)}.online-udf-editor-scope .chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 12px}.online-udf-editor-scope .chip{border:1px solid var(--ed-line);background:var(--ed-surface2);color:var(--ed-text);border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer;user-select:none}.online-udf-editor-scope .chip[aria-pressed="true"]{background:linear-gradient(145deg,var(--ed-primary),var(--ed-primary-dark));color:#1a0f00;border-color:transparent;font-weight:700}.online-udf-editor-scope .template-list{padding:0 18px 18px;max-height:64vh;overflow:auto;display:grid;gap:10px}.online-udf-editor-scope .template-card{border:1px solid var(--ed-line);border-radius:14px;padding:12px;background:#fff;cursor:pointer;transition:border-color 0.18s ease,box-shadow 0.18s ease}.online-udf-editor-scope .template-card:hover{border-color:rgba(245,158,11,0.45);box-shadow:0 8px 24px rgba(15,23,42,0.08)}.online-udf-editor-scope .template-card.active{border-color:rgba(245,158,11,0.65);box-shadow:0 0 0 1px rgba(245,158,11,0.2)}.online-udf-editor-scope .template-top{display:flex;align-items:center;gap:9px;margin-bottom:8px}.online-udf-editor-scope .template-icon{font-size:20px}.online-udf-editor-scope .template-title{margin:0;font-size:15px;line-height:1.25;color:var(--ed-text)}.online-udf-editor-scope .template-meta{color:var(--ed-muted);font-size:12px}.online-udf-editor-scope .template-desc{margin:6px 0 0;font-size:13px;line-height:1.42;color:var(--ed-muted)}.online-udf-editor-scope .empty-state{padding:16px 18px 18px;color:var(--ed-muted)}.online-udf-editor-scope .hidden{display:none!important}.online-udf-editor-scope .editor-panel .editor-wrap{padding:14px 18px 0}.online-udf-editor-scope .editor-panel textarea{min-height:280px;resize:vertical}.online-udf-editor-scope .dynamic-fields{margin:12px 18px 0;border:1.5px dashed rgba(245,158,11,0.4);border-radius:14px;background:rgba(255,251,235,0.55)}.online-udf-editor-scope .dynamic-fields-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px dashed rgba(245,158,11,0.28)}.online-udf-editor-scope .dynamic-fields-head h3{margin:0;font-size:14px;color:var(--ed-text)}.online-udf-editor-scope .fields-grid{padding:12px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.online-udf-editor-scope .actions{display:flex;flex-wrap:wrap;gap:10px;padding:14px 18px 8px}.online-udf-editor-scope .preview-wrap{padding:10px 18px 18px}.online-udf-editor-scope .preview-wrap h3{margin:0 0 8px;font-size:14px;color:var(--ed-muted)}.online-udf-editor-scope .preview-wrap pre{margin:0;border:1px solid var(--ed-line);border-radius:12px;background:#f1f5f9;color:#1e293b;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:140px;max-height:260px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Consolas,Menlo,monospace;font-size:12.5px;line-height:1.5}.online-udf-editor-scope .seo-block{margin-top:24px;background:rgba(255,255,255,0.92);border:1px solid var(--ed-line);border-radius:22px;color:var(--ed-text);padding:22px;box-shadow:var(--ed-shadow)}.online-udf-editor-scope .seo-block h2{margin:0 0 10px;font-size:22px;line-height:1.2;color:var(--ed-text);font-weight:800;letter-spacing:-0.02em}.online-udf-editor-scope .seo-block p{margin:0 0 10px;color:#475569;line-height:1.6}.online-udf-editor-scope .seo-block strong{color:var(--ed-text)}@media (max-width:1080px){.online-udf-editor-scope .grid-layout{grid-template-columns:1fr}.online-udf-editor-scope .template-list{max-height:48vh}}@media (max-width:680px){.online-udf-editor-scope .panel-head h2{font-size:18px}.online-udf-editor-scope .fields-grid{grid-template-columns:1fr}}