.editing-hub{max-width:1240px;margin:auto;padding:36px 24px}.editing-title{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.editing-title h1{letter-spacing:-1.2px;margin:12px 0;font-size:clamp(26px,3vw,40px)}.editing-title p,.editor-note{color:var(--muted-foreground,#69758b);font-size:14px;line-height:1.6}.editor-create{border:1px solid var(--border,#dde3ee);border-radius:16px;align-items:end;gap:14px;padding:20px;display:flex}.editor-create label{flex:1;gap:8px;display:grid}.editor-create select,.editor-toolbar select,.editor-diff select{border:1px solid var(--border,#d9e0ee);background:var(--background,#fff);min-height:40px;color:inherit;border-radius:8px;padding:6px}.editor-samples{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 36px;display:grid}.editor-samples>button{text-align:left;border:1px solid var(--border,#dee4ef);background:var(--card,#fff);color:inherit;cursor:pointer;border-radius:16px;padding:24px}.editor-samples h3{margin:18px 0 10px;font-size:17px}.editor-samples p{min-height:40px;color:var(--muted-foreground,#67768f);font-size:14px}.editor-samples span{color:#7157d9;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.editable-list>div{border-bottom:1px solid var(--border,#e1e6ef);flex-wrap:wrap;align-items:center;gap:14px;padding:16px 0;display:flex}.editable-list>div>div{flex:1;min-width:180px}.editable-list small,.editor-versions small{color:var(--muted-foreground,#6a7588);margin-top:6px;font-size:12px;display:block}.editing-hub h2 small{color:#748198;font-size:14px}.editor-empty{color:#6a7588;border:1px dashed #c2ccdc;border-radius:12px;padding:36px}.editor-workspace{background:var(--background,#fff);height:100dvh;color:var(--foreground,#202c43);flex-direction:column;display:flex;overflow:hidden}.editor-top{border-bottom:1px solid var(--border,#e0e5ed);align-items:center;gap:12px;padding:14px 20px;display:flex}.editor-document-name{flex:1;gap:3px;min-width:0;display:grid}.editor-document-name strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.editor-document-name span{color:var(--muted-foreground,#6b788d);font-size:12px}.editor-local{color:#376253;background:#edf8f1;border-radius:20px;padding:8px 12px;font-size:12px}.editor-toolbar{border-bottom:1px solid var(--border,#e2e7ef);flex-shrink:0;align-items:center;gap:3px;padding:7px 16px;display:flex;overflow-x:auto}.editor-toolbar button{white-space:nowrap}.editor-toolbar label{white-space:nowrap;align-items:center;gap:6px;padding:0 6px;font-size:12px;display:flex}.editor-modes{border-bottom:1px solid var(--border,#e0e5ef);flex-shrink:0;gap:4px;padding:0 20px;display:flex}.editor-modes button{color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 18px;font-size:13px}.editor-modes button[aria-pressed=true]{color:#7959de;border-bottom-color:#7959de;font-weight:600}.editor-body{flex:1;min-height:0;display:flex}.editor-surface{flex:1;min-width:0;position:relative;overflow:auto}.source-host,.source-fallback{width:100%;height:100%;min-height:300px}.source-fallback{background:inherit;color:inherit;resize:none;border:0;padding:20px;font-family:ui-monospace,Consolas,monospace}.editor-inspector{border-left:1px solid var(--border,#e1e6ef);width:260px;padding:20px;font-size:12px;line-height:1.7;overflow:auto}.editor-inspector h3{margin:0 0 12px;font-size:13px}.editor-inspector h3:not(:first-child){margin-top:30px}.editor-inspector p{color:var(--muted-foreground,#66758b)}.editor-status{border-top:1px solid var(--border,#dfe5ef);background:var(--muted,#f3f5fa);flex-wrap:wrap;gap:20px;padding:9px 20px;font:11px ui-monospace,monospace;display:flex}.editor-error{color:#913b20;background:#fff2ed;margin:0;padding:12px 16px;font-size:13px;line-height:1.5}.editor-notice{color:#285b42;background:#edf8f1;margin:0;padding:10px 18px;font-size:12px}.editor-valid{color:#285b42!important}.editor-workspace>.editor-note{margin:0;padding:8px 20px}.editor-tree,.editor-table,.editor-diff,.editor-versions{padding:24px}.json-node{border-bottom:1px solid var(--border,#e1e6ef);align-items:center;gap:10px;padding:10px 0;font-size:12px;display:flex}.json-node code{text-overflow:ellipsis;flex:1;overflow:hidden}.json-node>span{color:#748099}.json-node input{background:inherit;min-width:80px;max-width:45%;color:inherit;border:1px solid #c8d1e0;border-radius:6px;padding:8px;font-family:monospace}.editor-table-actions{flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.table-scroll{max-height:65vh;overflow:auto}.table-scroll table{border-collapse:collapse}.table-scroll td,.table-scroll th{border:1px solid var(--border,#dce3ee)}.table-scroll th{background:var(--muted,#f0f3f9);padding:8px;font-size:11px;position:sticky;left:0}.table-scroll input{background:inherit;width:160px;color:inherit;border:0;padding:10px;font:13px ui-monospace,monospace}.table-scroll input:focus{outline-offset:-2px;outline:2px solid #8060dd}.editor-preview{background:#fff;border:0;width:100%;height:100%;min-height:450px}.editor-diff pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:3px 0;padding:8px;font:12px ui-monospace,monospace}.diff-before{color:#8a3322;background:#fff0ed}.diff-after{color:#215537;background:#edf8ef}.editor-versions article{border-bottom:1px solid var(--border,#dee5ef);flex-wrap:wrap;align-items:center;gap:14px;padding:16px 0;display:flex}.editor-versions article>div{flex:1}.editor-dialog-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.diagnostic{text-align:left;background:var(--muted,#f5f6fa);color:inherit;overflow-wrap:anywhere;cursor:pointer;border:0;width:100%;margin:8px 0;padding:10px;font-size:12px;display:block}:is(.editor-workspace button:focus-visible,.editor-samples button:focus-visible){outline-offset:3px;outline:2px solid #7959dd}.editor-package textarea,.editor-database textarea,.editor-pdf textarea,.editor-package select,.editor-database select,.editor-pdf select{border:1px solid var(--border,#c8d1e0);background:var(--background,#fff);width:100%;min-height:44px;color:inherit;font:inherit;border-radius:9px;padding:10px 12px;display:block}.editor-package label,.editor-database label,.editor-pdf label{margin:12px 0;font-size:13px;line-height:1.6;display:block}.editor-package textarea{resize:vertical;min-height:96px;line-height:1.7}.editor-package .package-source{tab-size:2;min-height:380px;font:13px/1.7 ui-monospace,monospace}.editor-package .editor-note textarea{max-height:240px;font:13px/1.6 ui-monospace,monospace}.package-run{border-bottom:1px solid var(--border,#e1e6ef);padding:18px 0}.package-run small{color:var(--muted-foreground,#738096);overflow-wrap:anywhere;margin-bottom:8px;font-size:11px;display:block}.package-run textarea{border-color:#0000;font-size:17px;box-shadow:0 1px 4px #1723460a}.package-run textarea:focus{border-color:var(--primary,#7959dd);outline:1px solid var(--primary,#7959dd)}.package-part{border-bottom:1px solid var(--border,#e1e6ef);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;font-size:12px;display:flex}.package-part strong{overflow-wrap:anywhere;flex:1;min-width:150px}.package-part small{color:var(--muted-foreground,#738096)}.editor-database textarea{min-height:100px;font-family:ui-monospace,monospace}.database-cell{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;width:100%;min-width:100px;max-width:280px;min-height:44px;padding:10px;display:block}.editor-database td,.editor-package td{overflow-wrap:anywhere;white-space:pre-wrap;max-width:480px;padding:8px 10px}.editor-database pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--muted,#f2f4fa);padding:12px;font:12px/1.6 ui-monospace,monospace}.pdf-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;margin-top:24px;display:grid}.pdf-canvas-wrap{background:#e8eaf0;border-radius:12px;padding:16px;overflow:auto}.pdf-canvas-wrap canvas{background:#fff;max-width:100%;height:auto;margin:0 auto;display:block;box-shadow:0 4px 20px #20264020}.pdf-controls h3{margin:16px 0 8px;font-size:16px;font-weight:650}.pdf-controls .editor-create{gap:8px;padding:0}.pdf-controls .editor-create label{flex:1;min-width:0}.pdf-field{border-bottom:1px solid var(--border,#e1e6ef);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;display:flex}.pdf-field label,.pdf-field>strong{overflow-wrap:anywhere;flex:1;min-width:180px}.editor-workspace [data-slot=button],.editing-hub [data-slot=button]{min-height:40px}@media (max-width:1000px){.pdf-layout{grid-template-columns:1fr}.pdf-controls{max-width:600px}}@media (max-width:600px){.editor-workspace [data-slot=button],.editing-hub [data-slot=button]{min-height:44px}.package-run textarea{font-size:16px}.pdf-canvas-wrap{padding:8px}}@media (max-width:900px){.editor-inspector{width:210px}.editor-local{display:none}.editor-top{padding:10px}.editor-top button{font-size:12px}.editor-toolbar{padding:6px}.editing-title{align-items:start}.editor-samples{grid-template-columns:1fr}.editor-samples p{min-height:0}}@media (max-width:600px){.editing-hub{padding:20px 14px}.editor-create{flex-direction:column;align-items:stretch}.editing-title{flex-direction:column}.editor-inspector{display:none}.editor-modes{padding:0;overflow-x:auto}.editor-modes button{padding:13px}.editor-tree,.editor-table,.editor-diff,.editor-versions{padding:12px}.editor-status{gap:8px;font-size:10px}.json-node{flex-wrap:wrap}.editor-top{gap:4px}.editor-document-name{font-size:13px}.editor-top button{padding:8px}.editor-top button svg{display:none}.editor-surface{min-height:280px}}@media (prefers-reduced-motion:reduce){.editor-workspace *{scroll-behavior:auto!important}}.pdf-canvas-wrap figure{margin:0}
