.artifact-split{display:flex;align-items:stretch;gap:0;min-width:0;max-width:none}
.artifact-split>*:not(.artifact-viewer-host){flex:1 1 0;min-width:0}
.artifact-viewer-host{--artifact-viewer-width:48%;position:relative;display:flex;flex:0 0 var(--artifact-viewer-width);min-width:320px;max-width:calc(100% - 320px);height:min(780px,calc(100vh - 150px));min-height:520px;padding-left:8px}
.artifact-viewer-host[hidden]{display:none}
.artifact-resize{position:absolute;z-index:2;inset:0 auto 0 0;width:8px;cursor:col-resize;touch-action:none}
.artifact-resize:before{content:"";position:absolute;top:calc(50% - 22px);left:3px;width:2px;height:44px;border-radius:2px;background:var(--line)}
.artifact-resize:hover:before,.artifact-resize:focus-visible:before{background:var(--brand)}
.artifact-resize:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.artifact-viewer{display:flex;flex-direction:column;min-width:0;width:100%;height:100%;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--surface,#fff);color:var(--ink);box-shadow:0 10px 34px #0000000a}
.artifact-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 18px 13px;border-bottom:1px solid var(--line)}
.artifact-identity{min-width:0}.artifact-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;letter-spacing:-.02em}.artifact-metadata{display:flex;align-items:center;gap:7px;margin-top:7px;color:var(--muted);font-size:11px}
.artifact-format{display:inline-flex;align-items:center;padding:3px 7px;border-radius:5px;background:var(--brand-soft,#eef2ff);color:var(--brand,var(--blue));font-weight:700;font-size:10px;letter-spacing:.02em}
.artifact-version{font-variant-numeric:tabular-nums}.artifact-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}
.artifact-button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink);font:inherit;font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer}
.artifact-button:hover{background:var(--brand-soft,#f5f7fa)}.artifact-button:disabled{cursor:default;opacity:.42}.artifact-button:focus-visible,.artifact-tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.artifact-revise{border-color:var(--brand);color:var(--brand)}.artifact-close{min-width:32px}
.artifact-tabs{display:flex;align-items:end;gap:17px;min-height:42px;padding:0 18px;border-bottom:1px solid var(--line)}
.artifact-tab{align-self:stretch;padding:0 2px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.artifact-tab[aria-selected="true"]{border-bottom-color:var(--brand);color:var(--ink)}.artifact-tab[hidden]{display:none}
.artifact-notice{padding:9px 18px;border-bottom:1px solid var(--line);background:var(--brand-soft,#f5f7fa);color:var(--muted);font-size:11px;line-height:1.5}
.artifact-notice[hidden]{display:none}.artifact-notice[data-kind="warning"]{background:#fcf4e6;color:#925f25}
.artifact-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:auto;background:var(--bg,#f7f8fb)}
.artifact-preview-controls,.artifact-pdf-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:45px;padding:6px 14px;color:var(--muted);font-size:11px}
.artifact-pdf-controls{position:sticky;top:0;z-index:1;justify-content:center;background:var(--surface,#fff);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.artifact-html-frame{display:block;flex:1 1 auto;width:100%;min-height:260px;border:0;background:#fff}
.artifact-source{flex:1 1 auto;min-height:0;margin:0;padding:21px 24px;overflow:auto;background:var(--surface,#fff);color:var(--ink);font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}
.artifact-pdf-sheet{align-self:center;display:flex;flex-direction:column;gap:10px;max-width:100%;padding:20px}
.artifact-pdf-canvas{display:block;max-width:100%;height:auto!important;background:#fff;box-shadow:0 2px 18px #0002}
.artifact-pdf-text{max-width:900px;padding:10px 13px;border:1px solid var(--line);border-radius:7px;background:var(--surface,#fff);font-size:11px;line-height:1.6}
.artifact-pdf-text summary{cursor:pointer;font-weight:600}.artifact-pdf-text p{margin:9px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}
[data-theme="dark"] .artifact-viewer{background:#1c1c1c}[data-theme="dark"] .artifact-body{background:#151515}[data-theme="dark"] .artifact-button:hover{background:#303030}[data-theme="dark"] .artifact-notice[data-kind="warning"]{background:#3c3023;color:#efd4a1}[data-theme="dark"] .artifact-source,[data-theme="dark"] .artifact-pdf-controls,[data-theme="dark"] .artifact-pdf-text{background:#242424}
@media(max-width:980px){.artifact-split{display:block}.artifact-split>.artifact-viewer-host{width:100%;max-width:none;min-width:0;height:calc(100dvh - 100px);min-height:420px;padding-left:0}.artifact-resize{display:none}.artifact-viewer{border-radius:0}.artifact-header{padding:13px 14px}.artifact-actions{gap:4px}.artifact-button{font-size:10px;padding:5px 7px}}