:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--radius:12px;--bg:#f4f5f1;--surface:#fff;--surface-soft:#f9faf7;--surface-strong:#eef3ed;--text:#20251f;--muted:#667064;--subtle:#8a9387;--line:#dfe5dc;--line-strong:#cbd6ca;--accent:#13796f;--accent-soft:#def2ee;--accent-strong:#0d5f58;--warn:#9a5c13;--warn-soft:#fff1d8;--danger:#9b2f34;--danger-soft:#fde4e5;--shadow:0 18px 60px #222d201f}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}a{color:var(--accent)}.login-page{place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(430px,100%);box-shadow:var(--shadow);gap:14px;padding:22px;display:grid}.login-error{border:1px solid var(--danger);border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);padding:10px 12px;font-size:13px;font-weight:700}.catalog-shell{grid-template-columns:76px 312px minmax(520px,1fr) minmax(760px,42vw);gap:14px;height:100vh;padding:14px;display:grid;overflow:hidden}.app-nav,.tree-pane,.catalog-main,.detail-pane,.dashboard-main{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;height:calc(100vh - 28px)}.app-nav{flex-direction:column;align-items:center;gap:10px;padding:12px 8px;display:flex}.brand-mark{border-radius:var(--radius);background:var(--accent);color:#fff;letter-spacing:0;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.nav-icon{border-radius:var(--radius);width:52px;min-height:52px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;gap:4px;display:grid}.nav-icon span{text-overflow:ellipsis;white-space:nowrap;max-width:48px;font-size:10px;line-height:1;overflow:hidden}.nav-icon:hover,.nav-icon.is-active{background:var(--accent-soft);color:var(--accent-strong)}.nav-user{justify-items:center;gap:8px;width:100%;margin-top:auto;display:grid}.nav-user span{text-overflow:ellipsis;white-space:nowrap;max-width:52px;color:var(--muted);font-size:10px;font-weight:800;overflow:hidden}.nav-user button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);width:34px;height:34px;color:var(--muted);cursor:pointer;place-items:center;display:grid}.nav-user button:hover{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.mobile-menu-button,.mobile-only{display:none}.tree-pane,.detail-pane{overflow:hidden}.tree-pane{flex-direction:column;display:flex}.pane-head,.detail-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:94px;padding:18px;display:flex}.detail-head-actions{flex:none;align-items:center;gap:8px;display:flex}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:700}h1,h2,h3,p{margin:0}h1{letter-spacing:0;font-size:30px;line-height:1.05}h2{letter-spacing:0;font-size:22px;line-height:1.15}h3{letter-spacing:0;font-size:15px;line-height:1.2}.tree-tools{border-bottom:1px solid var(--line);gap:8px;padding:12px;display:grid}.category-tree{padding:10px 12px 18px;overflow:auto}.tree-group{margin-bottom:8px}.tree-children{gap:4px;margin:4px 0 8px 18px;display:grid}.tree-row-wrap{border-radius:var(--radius);border:1px solid #0000;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:4px;display:grid}.tree-row-wrap.is-over{border-color:var(--accent);background:var(--accent-soft)}.tree-row{border-radius:var(--radius);width:100%;min-height:38px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px 10px;display:grid}.tree-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.tree-row strong{color:var(--subtle);font-size:12px;font-weight:700}.tree-row:hover,.tree-row.is-active{background:var(--surface-strong);color:var(--text)}.tree-row.is-muted{color:var(--warn)}.tree-delete-button{border-radius:var(--radius);width:30px;height:30px;color:var(--subtle);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;display:grid}.tree-delete-button:hover{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.catalog-main{grid-template-rows:auto auto auto minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.toolbar{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px;display:grid}.search-box,.inline-input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);min-height:42px;color:var(--muted);align-items:center;gap:9px;padding:0 12px;display:flex}.search-box input,.inline-input input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.select-row{align-items:center;gap:10px;min-width:0;display:flex}.select-row label,.field{gap:7px;min-width:0;display:grid}.select-row span,.field span{color:var(--muted);font-size:12px;font-weight:700}select,textarea,.field input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);width:100%;min-width:0;min-height:42px;color:var(--text);outline:0}select{padding:0 34px 0 12px}textarea{resize:vertical;min-height:94px;padding:12px}select:focus,textarea:focus,.search-box:focus-within,.inline-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.64}.preset-bar{border-bottom:1px solid var(--line);gap:8px;padding:12px 14px;display:flex;overflow-x:auto}.preset-button,.save-button,.secondary-button,.icon-button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);cursor:pointer}.preset-button{min-height:34px;color:var(--muted);flex:none;padding:0 12px;font-size:13px;font-weight:700}.preset-button:hover,.preset-button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.list-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.list-head p{color:var(--muted);margin-top:4px;font-size:13px}.material-list{min-height:0;padding:10px;overflow:auto}.material-row{border-radius:var(--radius);text-align:left;touch-action:none;background:0 0;border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px;display:grid}.material-row:hover,.material-row.is-active{border-color:var(--line);background:var(--surface-soft)}.material-row.is-dragging{z-index:10;box-shadow:var(--shadow);background:var(--surface)}.row-main{border-radius:var(--radius);text-align:left;cursor:pointer;background:0 0;border:0;gap:8px;min-width:0;padding:6px;display:grid}.row-title{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.row-title span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.row-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.row-actions{align-items:center;gap:6px;display:flex}.row-action-button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:34px;height:34px;color:var(--muted);cursor:pointer;place-items:center;display:grid}.row-action-button:hover{border-color:var(--accent);color:var(--accent)}.row-action-button.danger:hover{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.badge,.status-pill,.muted-chip,.characteristic-pill{border-radius:var(--radius);align-items:center;max-width:100%;min-height:24px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.badge-site,.site-site_only{background:var(--accent-soft);color:var(--accent-strong)}.badge-warn,.export-blocked_excluded,.export-blocked_possible_duplicate,.export-blocked_undefined_category,.export-blocked_missing_characteristics,.export-blocked_manual_no_export{background:var(--warn-soft);color:var(--warn)}.site-matched,.site-manual_matched,.export-ready_for_export{color:#287035;background:#e3f5df}.site-possible_match,.export-blocked_existing_on_site{color:#354d79;background:#e8ecf5}.site-no_match{background:var(--surface-strong);color:var(--muted)}.muted-chip,.export-not_ready{color:var(--muted);background:#ecefeb}.characteristic-pill.is-complete{color:#287035;background:#e3f5df}.characteristic-pill.is-incomplete{background:var(--warn-soft);color:var(--warn)}.detail-pane{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.detail-head h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.detail-content{align-content:start;gap:14px;min-width:0;min-height:0;padding:14px;display:grid;overflow:auto}.check-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);min-height:42px;color:var(--text);align-items:center;gap:10px;padding:0 12px;font-weight:700;display:flex}.check-row input{width:17px;height:17px}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;max-width:100%;display:grid}.characteristics-banner{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.characteristics-banner.is-complete{color:#287035;background:#f1faef;border-color:#c9e8c3}.characteristics-banner.is-incomplete{background:var(--warn-soft);color:var(--warn);border-color:#efd5a8}.characteristics-banner div{gap:3px;min-width:0;display:grid}.characteristics-banner strong{color:inherit;font-size:14px}.characteristics-banner span{color:inherit;opacity:.82;font-size:12px;font-weight:700}.info-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);grid-template-columns:22px minmax(0,82px) minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:44px;padding:10px;display:grid}.info-tile span{min-width:0;color:var(--muted);font-size:12px;font-weight:700}.info-tile strong{min-width:0;color:var(--text);overflow-wrap:anywhere;font-size:13px;font-weight:700}.save-button{background:var(--accent);color:#fff;border-color:var(--accent);min-height:44px;font-weight:800}.detail-save-button{background:var(--surface-soft);min-height:38px;color:var(--muted);border-color:var(--line);padding:0 14px}.detail-save-button.is-dirty{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.save-button:disabled{cursor:not-allowed;opacity:.6}.secondary-button{background:var(--surface-soft);min-height:42px;color:var(--text);font-weight:800}.secondary-button:hover{border-color:var(--accent);color:var(--accent)}.secondary-button.danger:hover{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.secondary-button:disabled{cursor:not-allowed;opacity:.55}.detail-section{border-top:1px solid var(--line);gap:10px;min-width:0;max-width:100%;padding-top:14px;display:grid}.history-collapsible summary{cursor:pointer;font-size:15px;font-weight:800}.history-collapsible:not([open]){gap:0}.property-list,.mapping-list,.history-list,.property-add,.property-definition-add{gap:8px;min-width:0;display:grid}.property-add{grid-template-columns:minmax(160px,1.2fr) minmax(140px,1fr) 42px}.property-definition-add{grid-template-columns:minmax(180px,1fr) minmax(150px,auto)}.property-add input,.property-add select,.property-definition-add input,.property-row.editable input,.active-property-field input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);width:100%;min-width:0;min-height:40px;color:var(--text);outline:0;padding:0 10px}.property-add input:focus,.property-add select:focus,.property-definition-add input:focus,.property-row.editable input:focus,.active-property-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.property-add button{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;place-items:center;width:42px;min-height:40px;display:grid}.property-add button:disabled{cursor:not-allowed;opacity:.55}.property-definition-add .secondary-button{min-height:40px;padding:0 12px}.property-row,.mapping-row,.history-row,.empty-state{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.property-row{justify-content:space-between;gap:10px;padding:10px;font-size:13px;display:flex}.property-row.editable{grid-template-columns:minmax(180px,1.2fr) minmax(140px,1fr) 38px;align-items:center;display:grid}.required-property-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;max-width:100%;display:grid}.active-property-field{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);gap:6px;min-width:0;padding:10px;display:grid}.active-property-field>span{min-width:0;color:var(--text);overflow-wrap:anywhere;font-size:12px;font-weight:800}.active-property-field>div{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;display:grid}.property-delete-button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:38px;height:38px;color:var(--muted);cursor:pointer;place-items:center;display:grid}.property-delete-button:hover{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.property-name{gap:3px;min-width:0;display:grid}.property-name span{color:var(--text);font-weight:800}.property-name em{color:var(--muted);font-size:11px;font-style:normal}.property-row span{color:var(--muted)}.mapping-row{gap:5px;padding:10px;display:grid}.mapping-row strong{font-size:13px}.mapping-row span,.mapping-row p{color:var(--muted);font-size:12px}.history-row{grid-template-columns:18px minmax(0,1fr);gap:8px;padding:10px;display:grid}.history-row strong{font-size:13px;display:block}.history-row span,.history-row p{color:var(--muted);font-size:12px}.history-row p{overflow-wrap:anywhere;margin-top:3px}.empty-state{color:var(--muted);padding:14px;font-size:13px}.matching-sidebar{grid-template-rows:auto auto minmax(0,1fr);display:grid}.matching-filter-list{border-bottom:1px solid var(--line);gap:8px;padding:12px;display:grid}.matching-filter{border-radius:var(--radius);min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-weight:800;display:flex}.matching-filter:hover,.matching-filter.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.matching-filter strong{color:inherit}.matching-note{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);color:var(--muted);align-self:end;margin:12px;padding:12px;font-size:13px;line-height:1.4}.matching-main{grid-template-rows:auto minmax(0,1fr)}.matching-list,.candidate-list{align-content:start;gap:8px;min-height:0;padding:10px;display:grid;overflow:auto}.matching-item,.candidate-row,.matching-material-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.matching-item,.candidate-row{cursor:pointer;text-align:left;gap:8px;padding:12px;display:grid}.matching-item:hover,.matching-item.is-active,.candidate-row:hover,.candidate-row.is-active{border-color:var(--accent);background:var(--accent-soft)}.matching-item strong,.candidate-row strong{font-size:14px;display:block}.matching-item span,.candidate-row span,.candidate-row p,.matching-material-card span,.matching-material-card p{color:var(--muted);font-size:12px}.matching-item-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.matching-detail-content{align-content:start;gap:14px;min-height:0;padding:14px;display:grid;overflow:auto}.matching-material-card{gap:8px;padding:14px;display:grid}.matching-material-card strong{font-size:18px}.matching-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.icon-button{place-items:center;width:38px;height:38px;display:grid}.dashboard-main{grid-column:2/-1;grid-template-rows:auto auto auto minmax(0,1fr);align-content:start;display:grid;overflow:auto}.dashboard-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:94px;padding:18px;display:flex}.dashboard-total{text-align:right;gap:4px;display:grid}.dashboard-total span,.dashboard-section-head span,.branch-bar-label span,.child-branch-bar span,.dashboard-stat span,.dashboard-stat em,.branch-detail-head span{color:var(--muted);font-size:12px;font-style:normal;font-weight:700}.dashboard-total strong{font-size:30px;line-height:1}.dashboard-stats{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;display:grid}.quality-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0 14px 14px;display:grid}.quality-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);gap:5px;min-width:0;padding:12px;display:grid}.quality-tile span,.quality-tile em{color:var(--muted);font-size:12px;font-style:normal;font-weight:700}.quality-tile strong{font-size:22px;line-height:1}.quality-tile.is-warn{background:var(--warn-soft);border-color:#efd5a8}.quality-tile.is-danger{background:var(--danger-soft);border-color:#efb5b9}.dashboard-stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);gap:8px;min-width:0;padding:12px;display:grid}.dashboard-stat strong{font-size:24px;line-height:1}.dashboard-stat-bar,.branch-bar-track,.child-branch-track{border-radius:var(--radius);background:var(--surface-strong);width:100%;height:10px;overflow:hidden}.dashboard-stat-bar i,.branch-bar-track i,.child-branch-track i{border-radius:var(--radius);background:var(--accent);height:100%;display:block}.dashboard-stat.is-warn .dashboard-stat-bar i,.branch-bar.is-warn .branch-bar-track i{background:var(--warn)}.dashboard-layout{grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr);gap:14px;min-height:0;padding:14px;display:grid}.dashboard-section{align-content:start;gap:12px;min-width:0;display:grid}.dashboard-section-head{justify-content:space-between;align-items:end;gap:12px;display:flex}.branch-list,.branch-detail-list,.child-branch-list{gap:8px;display:grid}.branch-bar,.branch-detail{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);min-width:0;padding:12px}.branch-bar{gap:9px;display:grid}.branch-bar-label,.branch-detail-head,.child-branch-bar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.branch-bar-label strong,.branch-detail-head strong,.child-branch-bar strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.branch-detail{gap:10px;display:grid}.child-branch-bar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:10px}.child-branch-bar>div:first-child{gap:3px;min-width:0;display:grid}.child-branch-track{width:150px;height:8px}@media (max-width:1760px){.catalog-shell{grid-template-columns:64px 268px minmax(420px,1fr) minmax(500px,34vw);gap:10px;padding:10px}.tree-pane,.catalog-main,.detail-pane,.dashboard-main{height:calc(100vh - 20px)}}@media (max-width:1500px){.catalog-shell{grid-template-columns:60px 248px minmax(400px,1fr) 480px;gap:8px;padding:8px}.app-nav,.tree-pane,.catalog-main,.detail-pane,.dashboard-main{height:calc(100vh - 16px)}.app-nav{padding:10px 6px}.brand-mark{width:40px;height:40px}.nav-icon{width:46px;min-height:46px}.nav-icon span{max-width:42px}.pane-head,.detail-head,.dashboard-head{min-height:82px;padding:14px}h1{font-size:27px}h2{font-size:20px}.toolbar{grid-template-columns:1fr;gap:10px;padding:12px}.select-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.list-head{padding:14px}.material-row{gap:8px}.detail-content,.matching-detail-content{gap:12px;padding:12px}.status-grid,.required-property-list,.property-add,.property-definition-add,.property-row.editable{grid-template-columns:1fr}.property-add button,.property-definition-add .secondary-button{width:100%}}@media (max-width:1100px){.dashboard-layout{grid-template-columns:1fr}.quality-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1400px){.catalog-shell{grid-template-columns:60px 236px minmax(380px,1fr) 430px}.tree-children{margin-left:10px}}@media (max-width:1280px){.catalog-shell{grid-template-columns:68px 286px minmax(0,1fr)}.detail-pane{z-index:30;width:min(760px,100vw - 28px);height:auto;box-shadow:var(--shadow);transition:transform .16s;position:fixed;inset:14px 14px 14px auto;transform:translate(calc(100% + 24px))}.detail-pane.is-open{transform:translate(0)}.mobile-only{display:grid}}@media (max-width:840px){.catalog-shell{grid-template-columns:1fr;padding:8px}.app-nav{display:none}.mobile-menu-button{z-index:35;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:46px;height:46px;box-shadow:var(--shadow);place-items:center;display:grid;position:fixed;top:16px;left:16px}.tree-pane{z-index:40;width:min(330px,100vw - 16px);height:auto;box-shadow:var(--shadow);transition:transform .16s;position:fixed;inset:8px auto 8px 8px;transform:translate(calc(-100% - 24px))}.tree-pane.is-open{transform:translate(0)}.catalog-main{height:calc(100vh - 16px)}.dashboard-main{grid-column:1;height:calc(100vh - 16px)}.toolbar{grid-template-columns:1fr}.select-row{align-items:stretch}.select-row label{flex:1 1 0}.select-row select{width:100%}}@media (max-height:820px) and (min-width:841px){.pane-head,.detail-head{min-height:74px;padding:12px}.toolbar{padding:10px}.preset-bar{padding:8px 10px}.list-head{padding:12px}.material-list,.matching-list,.candidate-list{padding:8px}.detail-content,.matching-detail-content{gap:10px;padding:10px}}@media (max-width:560px){.catalog-shell{padding:0}.catalog-main{border-width:0;border-radius:0;height:100vh}.toolbar,.preset-bar,.list-head,.dashboard-head,.dashboard-stats,.dashboard-layout{padding-left:12px;padding-right:12px}.dashboard-head,.dashboard-section-head,.branch-bar-label,.branch-detail-head,.child-branch-bar{grid-template-columns:1fr;align-items:start}.dashboard-head{display:grid}.dashboard-total{text-align:left}.dashboard-stats,.quality-grid{grid-template-columns:1fr}.child-branch-track{width:100%}.select-row{grid-template-columns:1fr;display:grid}.row-title span:first-child{white-space:normal}.material-row{grid-template-columns:minmax(0,1fr)}.row-actions{justify-content:flex-end}.status-grid,.property-add,.property-definition-add,.property-row.editable,.required-property-list,.active-property-field>div{grid-template-columns:1fr}.property-add button{width:100%}.detail-pane{border-radius:var(--radius) var(--radius) 0 0;width:100%;height:min(88vh,760px);inset:auto 0 0;transform:translateY(calc(100% + 24px))}.detail-pane.is-open{transform:translateY(0)}}