.content-import { --ci-ink:#44324f; --ci-muted:#796586; --ci-accent:#8358b6; --ci-ease:cubic-bezier(.22,1,.36,1); box-sizing:border-box; }
.content-import *, .content-import *::before { box-sizing:border-box; }
.ci-mount,#page-import-host { display:inline-flex; align-items:center; min-width:0; }
.mm-import-tools { display:flex; align-items:center; justify-content:flex-end; margin:0; }
.ci-open-button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:32px; margin:0; padding:6px 11px; border:0; border-radius:9px; background:#eee4fa; color:#69438d; font:500 12px/1.5 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif; cursor:pointer; white-space:nowrap; transition:background 300ms,transform 360ms var(--ci-ease); }
.ci-open-button::before { content:'+'; font-size:18px; line-height:14px; font-weight:350; }
.ci-open-button:hover { background:#e7d8f6; transform:translateY(-1px); }
.ci-panel { position:fixed; z-index:1260; inset:0; margin:auto; display:flex; flex-direction:column; width:min(1060px,calc(100vw - 36px)); height:min(660px,calc(100dvh - 44px)); min-width:0; min-height:0; padding:0; overflow:hidden; border:0; border-radius:20px; background:#fcf9ff; color:var(--ci-ink); box-shadow:0 24px 90px #54346b32,0 3px 14px #61467514,inset 0 1px #fff; animation:ci-appear 420ms var(--ci-ease) both; }
.ci-panel.ci-leaving { pointer-events:none; animation:ci-leave 300ms var(--ci-ease) both; }
.ci-panel button { border:0; font:inherit; font-size:12px; line-height:1.5; cursor:pointer; transition:color 300ms,background 300ms,transform 360ms var(--ci-ease); }
.ci-panel button:active:enabled { transform:scale(.98); }
.ci-panel button:disabled { opacity:.4; cursor:default; }
.ci-header { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; }
.ci-panel .ci-title { margin:0; color:#43324f; font-size:19px; font-weight:650; letter-spacing:-.02em; line-height:1.4; }
.ci-panel .ci-close-button { display:grid; place-items:center; width:28px; height:28px; padding:0; border-radius:50%; background:#eee7f4; color:#786486; font:22px/1 sans-serif; }
.ci-panel .ci-close-button:hover { background:#e4d7ef; color:#5f3e79; }
.ci-body { display:grid; grid-template-columns:292px minmax(0,1fr); flex:1 1 auto; min-height:0; min-width:0; overflow:hidden; }
.ci-setup { min-width:0; min-height:0; overflow:auto; overscroll-behavior:contain; padding:0 20px 20px; scrollbar-width:thin; scrollbar-color:#cdb6df transparent; }
.ci-drop { position:relative; margin:0 0 17px; padding:0; border-radius:9px; background:#f1eafb; transition:background 300ms; }
.ci-drop.ci-dragging { background:#e5d4fa; }
.ci-file-chooser { display:flex; align-items:center; gap:8px; padding:10px 12px; cursor:pointer; color:#71518b; }
.ci-file-icon { font:18px/1 sans-serif; }
.ci-file-prompt { font-size:12px; line-height:1.5; }
.ci-file-limit { margin-left:auto; font-size:10px; color:#7f6990; }
.ci-file-input { position:absolute; left:0; top:0; width:100%; height:39px; opacity:0; cursor:pointer; }
.ci-drop:focus-within { outline:2px solid #a581cf; outline-offset:3px; }
.ci-selected-file { display:none; gap:8px; align-items:baseline; padding:0 12px 9px; min-width:0; }
.ci-has-file .ci-selected-file { display:flex; }
.ci-selected-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#715586; font-size:11px; font-weight:500; }
.ci-selected-size { flex:0 0 auto; color:#7b6986; font-size:10px; }
.ci-metadata,.ci-method-fields { display:flex; flex-direction:column; gap:12px; }
.ci-field { display:flex; flex-direction:column; gap:5px; min-width:0; }
.ci-field-title { color:#70567e; font-size:12px; font-weight:530; line-height:1.5; }
.ci-panel input:not([type='file']):not([type='checkbox']),.ci-panel select,.ci-panel textarea:not(.ci-raw) { width:100%; min-height:36px; margin:0; padding:8px 10px; border:0; border-radius:8px; outline:1px solid #eadff2; background:#fff9; color:#574262; font:inherit; font-size:13px; line-height:1.5; transition:background 300ms,outline-color 300ms; }
.ci-panel input:not([type='file']):not([type='checkbox']):focus,.ci-panel select:focus,.ci-panel textarea:not(.ci-raw):focus { background:#fff; outline-color:#b394d1; }
.ci-panel :is(input,textarea)::placeholder { color:#897598; }
.ci-panel textarea:not(.ci-raw) { resize:vertical; min-height:66px; }
.ci-field-hint,.ci-group-hint { margin:0; color:#7c678a; font-size:11px; line-height:1.65; }
.ci-optional,.ci-related { margin:0; }
.ci-optional>summary,.ci-related>summary { position:relative; padding:4px 15px 4px 0; color:#745386; font-size:12px; list-style:none; cursor:pointer; }
.ci-optional>summary::-webkit-details-marker,.ci-related>summary::-webkit-details-marker { display:none; }
.ci-optional>summary::after,.ci-related>summary::after { content:'⌄'; position:absolute; right:0; top:2px; font-size:16px; }
.ci-optional[open]>summary::after,.ci-related[open]>summary::after { content:'⌃'; }
.ci-optional>.ci-field { margin:10px 0; }
.ci-related-list { display:flex; flex-direction:column; gap:2px; max-height:192px; overflow:auto; margin-top:8px; scrollbar-width:thin; }
.ci-related-item { display:flex; align-items:flex-start; gap:8px; padding:6px 0; cursor:pointer; }
.ci-related-item input { flex:0 0 auto; margin:3px 0 0; width:14px; height:14px; accent-color:#8b62b2; }
.ci-related-label { display:flex; flex-direction:column; gap:1px; min-width:0; }
.ci-related-name { color:#6b4e81; font-size:12px; }
.ci-related-task { color:#7e6b8a; font-size:10px; line-height:1.5; }
.ci-empty-related { color:#7c678a; font-size:11px; line-height:1.7; }
.ci-dependencies { margin:12px 0 0; }
.ci-image-hint { margin:0 0 5px; color:#865d37; font-size:11px; }
.ci-image-paths { list-style:none; margin:0; padding:0; color:#805e40; font:10px/1.7 ui-monospace,'SFMono-Regular','Menlo',monospace; }
.ci-image-paths li { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ci-reading { display:flex; flex-direction:column; min-width:0; min-height:0; margin-right:14px; background:#fff; border-radius:13px; box-shadow:0 2px 16px #73599109; }
.ci-view-tabs { display:flex; align-items:center; gap:18px; flex:0 0 auto; min-height:44px; padding:0 19px; border-bottom:1px solid #f0e9f6; }
.ci-panel .ci-view-tab { padding:11px 0 10px; border-bottom:2px solid transparent; border-radius:0; color:#7c688a; background:transparent; }
.ci-panel .ci-view-tab[aria-selected='true'] { border-bottom-color:#a883d0; color:#68428f; }
.ci-panel .ci-template { margin-left:auto; padding:5px 8px; color:#73528e; border-radius:7px; background:#f5effb; font-size:11px; }
.ci-panel .ci-template:hover { background:#ede0f8; }
.ci-source-panel { display:flex; flex:1 1 auto; min-width:0; min-height:0; }
.ci-source-panel[hidden] { display:none; }
.ci-preview,.ci-raw { flex:1 1 auto; min-width:0; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#cdb5e0 transparent; }
.ci-preview { padding:20px 24px 30px; }
.ci-panel .ci-raw { width:100%; margin:0; padding:20px 24px; border:0; border-radius:0 0 13px 13px; outline:none; resize:none; background:#fff; color:#584361; font:13px/1.9 ui-monospace,'SFMono-Regular','Menlo',monospace; tab-size:2; }
.ci-panel .ci-raw::placeholder { color:#ad9bb8; }
.ci-preview-loading { margin:0; color:#7b658a; font-size:13px; line-height:1.8; }
.ci-preview-article { color:#55425f; font-size:15px; line-height:1.85; }
.ci-preview-article :is(h1,h2,h3,h4,h5,h6) { color:#493653; line-height:1.5; letter-spacing:-.02em; scroll-margin-top:18px; }
.ci-panel .ci-preview-article h1 { font-size:25px; margin:0 0 16px; }
.ci-panel .ci-preview-article h2 { font-size:21px; margin:24px 0 10px; }
.ci-panel .ci-preview-article h3 { font-size:18px; margin:20px 0 9px; }
.ci-preview-article p { margin:0 0 12px; }
.ci-preview-article img { display:block; max-width:100%; width:auto; height:auto; max-height:440px; object-fit:contain; margin:16px auto; }
.ci-preview-article figure { margin:18px 0; }
.ci-preview-article figcaption { margin-top:7px; color:#786084; font-size:12px; }
.ci-preview-article table { display:block; overflow-x:auto; width:max-content; max-width:100%; margin:17px 0; border-collapse:collapse; font-size:13px; }
.ci-preview-article :is(th,td) { padding:8px 10px; border-bottom:1px solid #ece3f3; text-align:left; vertical-align:top; }
.ci-preview-article th { background:#f6f0fc; color:#715482; }
.ci-preview-article pre { max-width:100%; overflow:auto; padding:14px; margin:16px 0; border-radius:8px; background:#f6f1fa; font-size:12px; }
.ci-preview-article a { color:#8054ae; text-underline-offset:3px; }
.ci-preview-article blockquote { margin:18px 0; padding:2px 0 2px 15px; border-left:2px solid #d4b9e8; color:#75617f; }
.ci-source-image { display:inline-flex; padding:7px 10px; border-radius:7px; background:#f4ecfa; text-decoration:none; font-size:12px; }
.ci-footer { display:flex; flex:0 0 auto; align-items:center; gap:9px; min-height:61px; padding:12px 20px; }
.ci-status { flex:1 1 auto; min-width:0; color:#796486; font-size:12px; line-height:1.6; }
.ci-status[data-state='error'] { color:#966139; }
.ci-panel .ci-primary { flex:0 0 auto; min-height:36px; padding:7px 17px; border-radius:9px; background:linear-gradient(125deg,#9666c8,#a574d0); color:#fff; box-shadow:0 3px 10px #9e6bc21a; }
.ci-panel .ci-primary:hover:enabled { background:#885cb6; }
.ci-panel .ci-quiet { padding:6px 9px; border-radius:8px; background:transparent; color:#75558c; }
.ci-panel .ci-quiet:hover { background:#eee4f7; }
.ci-panel [hidden] { display:none !important; }
.content-import :is(button,a,summary,input,textarea,select):focus-visible { outline:2px solid #aa89cc; outline-offset:3px; }
@keyframes ci-appear { from { opacity:0; transform:translateY(15px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes ci-leave { from { opacity:1; transform:translateY(0) scale(1); } to { opacity:0; transform:translateY(12px) scale(.99); } }
@media(max-width:780px) {
 .ci-panel { width:calc(100vw - 18px); height:calc(100dvh - 20px); border-radius:15px; }
 .ci-header { padding:13px 16px; }.ci-panel .ci-title { font-size:17px; }
 .ci-body { display:flex; flex-direction:column; overflow:auto; }
 .ci-setup { flex:0 0 auto; padding:0 16px 14px; overflow:visible; }
 .ci-drop { margin-bottom:12px; }.ci-metadata { display:grid; grid-template-columns:1fr 1fr; gap:10px 12px; }
 .ci-metadata>.ci-field:first-child,.ci-method-fields { grid-column:1/-1; }
 .ci-panel input:not([type='file']):not([type='checkbox']),.ci-panel select,.ci-panel textarea:not(.ci-raw) { font-size:16px; }
 .ci-reading { flex:1 0 300px; margin:0 10px; min-height:300px; }
 .ci-raw { min-height:270px; }.ci-view-tabs { padding-inline:15px; }
 .ci-preview { padding:16px 19px 24px; }
 .ci-footer { min-height:58px; padding:11px 15px max(11px,env(safe-area-inset-bottom)); }
}
@media(prefers-reduced-motion:reduce) { .content-import *, .content-import *::before,.ci-panel { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }