:root{--bg:#f7f7f4;--panel:#efefea;--card:#fff;--card-soft:#fbfbf9;--border:#e5e6e1;--border-strong:#dcddd7;--border-soft:#edeee9;--row-border:#f1f2ee;--btn-border:#d7d8d2;--dashed:#cfd0ca;--text:#1c2326;--text-body:#2b3639;--text-nav:#3e4a50;--text-2:#58646a;--text-3:#646f75;--text-disabled:#98a0a5;--accent:#1f4e5f;--accent-hover:#17404f;--accent-soft:#dfe9eb;--accent-soft-text:#1a4351;--chip:#e7eff1;--tag-text:#57427e;--tag-bg:#ede8f3;--tag-border:#d6cde3;--success:#2f6b4f;--success-bg:#edf3ef;--success-text:#2a5f47;--warning:#8a6420;--warning-bg:#f5eedd;--warning-text:#6e5116;--danger:#93463e;--danger-bg:#f6e7e4;--danger-text:#8a423b;--muted:#98a0a5;--muted-bg:#edeee9;--muted-text:#4e585d;--info-bg:#e7eff1;--info-text:#1a4351;--radius-card:8px;--radius:6px;--shadow:0 8px 24px #1c232621;--font-sans:"IBM Plex Sans", system-ui, sans-serif;--font-serif:"Source Serif 4", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--sidebar-w:240px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:13.5px;line-height:1.5}p,h1,h2,h3{margin:0}a{color:var(--accent)}a:hover{color:var(--accent-hover)}input,select,button,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--font-mono);font-size:12px}.muted{color:var(--text-3)}.text-2{color:var(--text-2)}.nowrap{white-space:nowrap}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.grow{flex-grow:1}.row{align-items:center;gap:10px;display:flex}.row-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.stack-sm{flex-direction:column;gap:8px;display:flex}.shell{min-height:100%;display:flex}.sidebar{width:var(--sidebar-w);background:var(--panel);border-right:1px solid #e0e1db;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:20px 18px 14px;text-decoration:none;display:flex}.brand-logo{object-fit:contain;flex-shrink:0;width:34px;height:34px;display:block}.brand-title{font-family:var(--font-serif);color:var(--text);font-size:15px;font-weight:600;line-height:1.2}.brand-sub{color:var(--text-3);font-size:11px;line-height:1.4}.nav{flex-direction:column;gap:2px;padding:8px 12px;display:flex}.nav-link{border-radius:var(--radius);height:44px;color:var(--text-nav);align-items:center;gap:10px;padding:0 10px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--text);background:#e7e8e2}.nav-link.active{background:var(--accent-soft);color:var(--accent-soft-text);font-weight:600}.nav-link svg{flex-shrink:0}.sidebar-user{border-top:1px solid #e0e1db;align-items:center;gap:10px;padding:12px 18px;display:flex}.avatar{width:30px;height:30px;color:var(--accent);background:#dde5e7;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;font-size:11.5px;font-weight:600;display:flex}.sidebar-user a{min-width:0;text-decoration:none}.sidebar-user-name{color:var(--text);font-size:12.5px;font-weight:500}.sidebar-user-mail{color:var(--text-3);font-size:11px}.main{flex-direction:column;flex-grow:1;min-width:0;display:flex}.page-header{border-bottom:1px solid var(--border);background:var(--card);z-index:5;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;min-height:64px;padding:12px 24px;display:flex;position:sticky;top:0}.page-title{font-family:var(--font-serif);color:var(--text);font-size:19px;font-weight:600;line-height:1.3}.page-sub{color:var(--text-3);font-size:11.5px}.page-body{flex-direction:column;gap:18px;padding:20px 24px 40px;display:flex}.breadcrumb{color:var(--text-3);align-items:center;gap:4px;font-size:11.5px;text-decoration:none;display:inline-flex}.breadcrumb:hover{color:var(--accent)}.mobile-bar{display:none}@media (width<=900px){.sidebar{z-index:40;transition:transform .12s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow);transform:none}.mobile-bar{background:var(--panel);border-bottom:1px solid #e0e1db;align-items:center;gap:10px;height:52px;padding:0 16px;display:flex}.page-header{padding:12px 16px;position:static}.page-body{padding:16px 16px 32px}.scrim{z-index:30;background:#1c23264d;position:fixed;inset:0}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card)}.card-pad{padding:16px}.card-head{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:10px;min-height:52px;padding:10px 16px;display:flex}.card-title{color:var(--text);font-size:13px;font-weight:600}.section-label{color:var(--text-3);letter-spacing:.4px;text-transform:uppercase;font-size:12px;font-weight:600}.btn{border:1px solid var(--btn-border);background:var(--card);height:40px;color:var(--text-body);border-radius:var(--radius);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{color:var(--text);background:#f4f4f0}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn-ghost{color:var(--accent);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--accent-soft);color:var(--accent-hover)}.btn-dashed{border:1px dashed var(--dashed);color:var(--text-2);background:0 0}.btn-danger{color:var(--danger)}.btn-danger:hover{background:var(--danger-bg);color:var(--danger-text)}.btn-danger-solid{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600}.btn-danger-solid:hover{color:#fff;background:#7e3b33;border-color:#7e3b33}.btn-tag{background:var(--tag-bg);border-color:var(--tag-border);color:var(--tag-text);font-weight:600}.btn-tag:hover{color:var(--tag-text);background:#e4ddee}.btn-sm{height:34px;padding:0 12px;font-size:12.5px}.btn-icon{width:34px;height:34px;padding:0}.btn:disabled,.btn[aria-disabled=true]{border-color:var(--border);color:var(--text-disabled);cursor:default;background:#f4f4f0}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{flex-direction:column;min-width:0;display:flex}.field-label{color:var(--text-3);margin-bottom:5px;font-size:11.5px;display:block}.field-label .req{color:var(--danger)}.input,.select,.textarea{border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;height:40px;color:var(--text);background:var(--card);padding:0 11px;font-size:13px}.textarea{resize:vertical;height:auto;padding:10px 11px;line-height:1.6}.input:disabled,.select:disabled{color:var(--text-2);background:#f4f4f0}.field.invalid .field-label{color:var(--danger)}.field.invalid .input,.field.invalid .select,.field.invalid .textarea{border-color:var(--danger)}.field-hint{color:var(--text-3);margin-top:5px;font-size:11px}.field-error{color:var(--danger-text);margin-top:5px;font-size:11.5px}.check{color:var(--text-body);cursor:pointer;align-items:flex-start;gap:9px;font-size:13px;display:inline-flex}.check input{width:15px;height:15px;accent-color:var(--accent);flex-shrink:0;margin-top:2px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid .span-2{grid-column:span 2}@media (width<=640px){.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid .span-2{grid-column:auto}}.search{width:280px;max-width:100%;position:relative}.search svg{color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search .input{padding-left:32px}.badge{white-space:nowrap;border-radius:12px;align-items:center;gap:6px;height:24px;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-dot{border-radius:3px;flex-shrink:0;width:6px;height:6px}.tone-success{background:var(--success-bg);color:var(--success-text)}.tone-success .badge-dot{background:var(--success)}.tone-warning{background:var(--warning-bg);color:var(--warning-text)}.tone-warning .badge-dot{background:var(--warning)}.tone-danger{background:var(--danger-bg);color:var(--danger-text)}.tone-danger .badge-dot{background:var(--danger)}.tone-muted{background:var(--muted-bg);color:var(--muted-text)}.tone-muted .badge-dot{background:var(--muted)}.tone-info{background:var(--info-bg);color:var(--info-text)}.tone-info .badge-dot{background:var(--accent)}.chip{background:var(--chip);height:26px;color:var(--accent-soft-text);border-radius:13px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.tag{background:var(--tag-bg);height:23px;color:var(--tag-text);white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:0 8px;font-size:12.5px;font-weight:600;display:inline-flex}button.tag{cursor:pointer;border:1px solid #0000;font-family:inherit}button.tag:hover{border-color:var(--tag-border)}.banner{border-radius:7px;align-items:flex-start;gap:9px;padding:11px 13px;font-size:12.5px;line-height:1.55;display:flex}.banner svg{flex-shrink:0;margin-top:1px}.banner-danger{background:var(--danger-bg);color:var(--danger-text)}.banner-warning{background:var(--warning-bg);color:var(--warning-text)}.banner-success{background:var(--success-bg);color:var(--text-body)}.banner-info{background:var(--info-bg);color:var(--info-text)}.banner ul{margin:4px 0 0;padding-left:18px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;background:var(--card-soft);border-bottom:1px solid var(--border-soft);height:40px;color:var(--text-3);white-space:nowrap;padding:0 12px;font-size:11.5px;font-weight:600}.table th:first-child,.table td:first-child{padding-left:16px}.table th:last-child,.table td:last-child{padding-right:16px}.table td{border-bottom:1px solid var(--row-border);height:52px;color:var(--text-body);vertical-align:middle;padding:6px 12px}.table tbody tr:last-child td{border-bottom:none}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td,.table tr.selected td{background:#f6f9f9}.table .cell-strong{color:var(--text);font-weight:600}.table a.cell-link{color:var(--text);font-weight:600;text-decoration:none}.table a.cell-link:hover{color:var(--accent);text-decoration:underline}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table td.check-cell,.table th.check-cell{width:36px}.table input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent)}.table-foot{border-top:1px solid var(--border-soft);min-height:52px;color:var(--text-3);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 16px;font-size:12.5px;display:flex}.empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;display:flex}.empty-title{color:var(--text-body);font-size:13.5px;font-weight:600}.empty-text{color:var(--text-3);max-width:420px;font-size:12.5px}.tabs{border-bottom:1px solid var(--border-soft);gap:2px;padding:0 12px;display:flex;overflow-x:auto}.tab{height:46px;color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab .count{color:var(--text-3);font-size:11px;font-weight:500}.seg{border:1px solid var(--border-strong);border-radius:var(--radius);display:inline-flex;overflow:hidden}.seg button{background:var(--card);height:34px;color:var(--text-2);cursor:pointer;border:none;border-right:1px solid var(--border-strong);padding:0 12px;font-size:12.5px}.seg button:last-child{border-right:none}.seg button.active{background:var(--accent-soft);color:var(--accent-soft-text);font-weight:600}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);padding:14px 16px}.stat-label{color:var(--text-3);align-items:center;gap:6px;font-size:11.5px;display:flex}.stat-value{font-family:var(--font-serif);color:var(--text);font-variant-numeric:tabular-nums;margin-top:2px;font-size:24px;font-weight:600;line-height:1.3}.stat-sub{color:var(--text-3);font-size:11.5px}.bar{background:var(--muted-bg);border-radius:3px;height:6px;display:flex;overflow:hidden}.bar span{height:100%;display:block}.kv{grid-template-columns:minmax(120px,max-content) 1fr;gap:8px 16px;font-size:13px;display:grid}.kv dt{color:var(--text-3);font-size:12.5px}.kv dd{color:var(--text-body);overflow-wrap:anywhere;min-width:0;margin:0}.overlay{z-index:50;background:#1c232657;justify-content:center;align-items:flex-start;padding:64px 16px 16px;animation:.12s fade;display:flex;position:fixed;inset:0;overflow-y:auto}.overlay.right{justify-content:flex-end;align-items:stretch;padding:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--card);border-radius:var(--radius-card);width:100%;max-width:520px;box-shadow:var(--shadow);flex-direction:column;max-height:calc(100vh - 80px);display:flex}.modal.wide{max-width:760px}.drawer{background:var(--card);border-left:1px solid var(--border-strong);width:520px;max-width:100%;height:100%;box-shadow:var(--shadow);flex-direction:column;display:flex}.modal-head{border-bottom:1px solid var(--border-soft);flex-shrink:0;align-items:center;gap:12px;min-height:64px;padding:12px 20px;display:flex}.modal-title{font-family:var(--font-serif);color:var(--text);font-size:18px;font-weight:600}.modal-sub{color:var(--text-3);font-size:11.5px}.modal-body{flex-direction:column;flex-grow:1;gap:14px;padding:18px 20px;display:flex;overflow-y:auto}.modal-foot{border-top:1px solid var(--border-soft);background:var(--card-soft);border-radius:0 0 var(--radius-card) var(--radius-card);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;min-height:72px;padding:14px 20px;display:flex}.toasts{z-index:80;flex-direction:column;gap:8px;max-width:min(420px,100vw - 40px);display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-card);box-shadow:var(--shadow);color:var(--text-body);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;animation:.12s fade;display:flex}.toast .toast-close{color:var(--text-3);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;display:flex}.pager{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.pager .btn{min-width:32px;height:32px;padding:0 8px}.auth-page{background:var(--bg);flex-direction:column;min-height:100%;display:flex;position:relative;overflow:hidden}.auth-stripe{z-index:1;flex-shrink:0;height:6px;display:flex;position:relative}.auth-stripe span:first-child{background:var(--accent);flex-grow:1}.auth-stripe span:last-child{background:var(--tag-text);width:180px}.auth-watermark{filter:grayscale();pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.auth-watermark-lg{opacity:.06;width:760px;height:760px;bottom:-220px;right:-200px}.auth-watermark-sm{opacity:.04;width:420px;height:420px;top:80px;left:-150px}.auth-main{flex-grow:1;justify-content:center;align-items:center;padding:40px 16px;display:flex;position:relative}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:22px;width:100%;max-width:440px;padding:40px 40px 28px;display:flex;box-shadow:0 12px 40px #1c232614}.auth-brand{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.auth-logo{width:76px;height:76px;display:block}.auth-title{font-family:var(--font-serif);color:var(--text);font-size:26px;font-weight:600;line-height:1.25}.auth-sub{color:var(--text-2);margin-top:-6px;font-size:13px}.auth-input{height:44px;font-size:14px}.auth-submit{width:100%;height:46px;margin-top:4px;font-size:14px}.auth-note{border-top:1px solid var(--border-soft);color:var(--text-3);justify-content:center;align-items:center;gap:8px;padding-top:16px;font-size:12px;display:flex}.auth-footer{min-height:56px;color:var(--text-3);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px 24px;padding:12px 40px;font-size:12px;display:flex;position:relative}@media (width<=640px){.auth-card{padding:28px 20px 20px}.auth-watermark-lg{width:420px;height:420px;bottom:-120px;right:-160px}.auth-watermark-sm{display:none}.auth-footer{text-align:center;justify-content:center;padding:12px 16px 20px}}.preview-frame{background:#fff;border:none;width:100%;min-height:480px;display:block}.mail-meta{border-bottom:1px solid var(--border-soft);flex-direction:column;gap:4px;padding:12px 16px;display:flex}.editor{flex-direction:column;min-height:0;display:flex}.editor-toolbar{border-bottom:1px solid var(--border-soft);background:var(--card-soft);z-index:3;flex-wrap:wrap;align-items:center;gap:4px;min-height:46px;padding:6px 12px;display:flex;position:sticky;top:64px}.tb-btn{border-radius:var(--radius);width:34px;height:34px;color:var(--text-body);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.tb-btn:hover{background:#efefea}.tb-btn.active{background:var(--accent-soft);color:var(--accent-soft-text)}.tb-btn:disabled{color:var(--text-disabled);cursor:default;background:0 0}.tb-sep{background:#e0e1db;width:1px;height:22px;margin:0 6px}.tb-select{border-radius:var(--radius);height:34px;color:var(--text-body);background:var(--card);border:1px solid #e0e1db;padding:0 8px;font-size:12.5px}.editor-content{min-height:420px;padding:28px 40px;position:relative}.editor-content .ProseMirror{color:var(--text-body);outline:none;max-width:680px;min-height:360px;font-size:14.5px;line-height:1.75}.editor-content .ProseMirror>*+*{margin-top:.85em}.editor-content .ProseMirror p{margin:0}.editor-content .ProseMirror img{border-radius:4px;max-width:100%;height:auto;display:block}.editor-content .ProseMirror img.ProseMirror-selectednode{outline:2px solid var(--accent);outline-offset:2px}.editor-content .ProseMirror .img-node{cursor:grab;width:fit-content;max-width:100%;position:relative}.editor-content .ProseMirror .img-node[data-align=left]{float:left;margin:4px 16px 8px 0}.editor-content .ProseMirror .img-node[data-align=right]{float:right;margin:4px 0 8px 16px}.editor-content .ProseMirror .img-node[data-align=center]{margin-left:auto;margin-right:auto}.editor-content .ProseMirror .img-node.is-selected img{outline:2px solid var(--accent);outline-offset:2px}.editor-content .ProseMirror:after{content:"";clear:both;display:block}.img-resize{background:var(--accent);border:2px solid var(--card);border-radius:3px;width:12px;height:12px;display:none;position:absolute;bottom:-5px}.img-resize-right{cursor:nwse-resize;right:-5px}.img-resize-left{cursor:nesw-resize;left:-5px}.img-node.is-selected:not([data-align=right]) .img-resize-right,.img-node.is-selected[data-align=right] .img-resize-left{display:block}.img-menu{background:var(--card);border:1px solid var(--border-strong);z-index:20;border-radius:8px;align-items:center;gap:2px;padding:4px;display:flex;box-shadow:0 6px 20px #0000001f}.img-menu-text{height:28px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0 8px;font-size:12.5px}.img-menu-text:hover{background:#efefea}.img-menu-text.active{color:var(--accent);font-weight:600}.editor-content .ProseMirror h1,.editor-content .ProseMirror h2,.editor-content .ProseMirror h3{font-family:var(--font-serif);color:var(--text);font-weight:600;line-height:1.35}.editor-content .ProseMirror h1{font-size:24px}.editor-content .ProseMirror h2{font-size:19px}.editor-content .ProseMirror h3{font-size:16px}.editor-content .ProseMirror ul,.editor-content .ProseMirror ol{margin:0;padding-left:22px}.editor-content .ProseMirror blockquote{border-left:3px solid var(--border-strong);color:var(--text-2);margin:0;padding-left:14px}.editor-content .ProseMirror hr{border:none;border-top:1px solid var(--border-strong);margin:18px 0}.editor-content .ProseMirror a{color:var(--accent);text-decoration:underline}.editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-disabled);float:left;pointer-events:none;height:0}.var-node{background:var(--tag-bg);height:22px;color:var(--tag-text);vertical-align:1px;white-space:nowrap;cursor:default;-webkit-user-select:all;user-select:all;border-radius:4px;align-items:center;gap:3px;margin:0 1px;padding:0 7px;font-size:12.5px;font-weight:600;line-height:22px;display:inline-flex}.var-node.ProseMirror-selectednode{outline:2px solid var(--tag-text);outline-offset:1px}.html-source{width:100%;min-height:520px;font-family:var(--font-mono);color:var(--text);resize:vertical;background:var(--card);tab-size:2;border:none;padding:20px 24px;font-size:12.5px;line-height:1.65}.html-source:focus-visible{outline:none}.popover{z-index:20;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-card);width:300px;box-shadow:var(--shadow);animation:.12s fade;position:absolute;overflow:hidden}.popover-head{border-bottom:1px solid var(--border-soft);color:var(--text-3);padding:9px 12px;font-size:11.5px}.popover-list{max-height:280px;padding:4px;overflow-y:auto}.popover-item{text-align:left;cursor:pointer;width:100%;min-height:38px;color:var(--text-body);background:0 0;border:none;border-radius:5px;align-items:center;gap:10px;padding:4px 10px;font-size:13px;display:flex}.popover-item.active,.popover-item:hover{background:var(--tag-bg);color:var(--tag-text)}.popover-item small{color:var(--text-3);margin-left:auto;font-size:11px}.popover-foot{border-top:1px solid var(--border-soft);background:var(--card-soft);color:var(--text-3);padding:8px 12px;font-size:11px}.footer-note{border-top:1px dashed var(--border-strong);background:var(--card-soft);color:var(--text-3);padding:14px 40px 16px;font-size:11.5px}.split{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.split-wide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=1100px){.split,.split-wide{grid-template-columns:minmax(0,1fr)}}.dropzone{border:1px dashed var(--dashed);border-radius:var(--radius-card);text-align:center;cursor:pointer;background:var(--card-soft);flex-direction:column;align-items:center;gap:8px;padding:28px 16px;display:flex}.dropzone.drag{border-color:var(--accent);background:var(--accent-soft)}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{gap:12px;padding-bottom:14px;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";background:var(--border-strong);width:1px;position:absolute;top:14px;bottom:0;left:5px}.timeline-dot{background:var(--dashed);border-radius:6px;flex-shrink:0;width:11px;height:11px;margin-top:4px}.timeline-dot.on{background:var(--accent)}.json-grid{background:var(--card-soft);grid-template-columns:max-content 1fr;gap:4px 14px;padding:10px 16px 14px 52px;font-size:12.5px;display:grid}.json-grid dt{color:var(--text-3)}.json-grid dd{color:var(--text-body);overflow-wrap:anywhere;margin:0}.loading{color:var(--text-3);justify-content:center;padding:40px;display:flex}