/* OD-LAYOUT-PRIMITIVES v1 — structure only: display, flex/grid, overflow, wrapping, ratio. */
@layer od-layout {
  :where(.od-stack,.od-row,.od-row-top,.od-cluster,.od-grid,.od-field,.od-stat,.od-cell,.od-tile)>:where(*){min-width:0}
  .od-stack{display:flex;flex-direction:column;gap:var(--od-gap,8px)}
  .od-row{display:flex;align-items:center;gap:var(--od-gap,8px)}
  .od-row-top{display:flex;align-items:flex-start;gap:var(--od-gap,8px)}
  .od-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--od-gap,8px)}
  .od-fill{flex:1 1 0;min-width:0}.od-fixed{flex:none}
  .od-grid{display:grid;gap:var(--od-gap,12px);grid-template-columns:repeat(var(--od-cols,3),minmax(0,1fr))}
  .od-stat,.od-field,.od-cell{display:grid;gap:var(--od-gap,2px)}
  :where(.od-stat,.od-field,.od-cell)>:where(*){display:block}
  .od-tile{display:grid;grid-template-rows:auto 1fr}.od-tile>:where(*){display:block}
  .od-media{display:block;width:100%;height:auto;aspect-ratio:var(--od-ratio,auto)}.od-media-cover{object-fit:cover}
  .od-truncate{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .od-clamp-2,.od-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
  .od-clamp-2{-webkit-line-clamp:2}.od-clamp-3{-webkit-line-clamp:3}
  .od-lines-2{min-height:calc(2*1.4em)}.od-nowrap{white-space:nowrap}.od-keep{word-break:keep-all;overflow-wrap:anywhere}
  .od-screen{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%}
  .od-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0}
  .od-rail{display:flex;gap:var(--od-gap,8px);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-inline:var(--od-rail-pad,16px);scroll-padding-inline:var(--od-rail-pad,16px)}
  .od-rail::-webkit-scrollbar{display:none}.od-rail>:where(*){flex:none;scroll-snap-align:start}.od-rail>:where(:last-child){margin-inline-end:var(--od-rail-pad,16px)}
  .od-spacer{flex:none;visibility:hidden;pointer-events:none}.od-touch{min-width:44px;min-height:44px}
}
/* /OD-LAYOUT-PRIMITIVES v1 */
:root{
  --bg:#f5f6f8;--surface:#fff;--ink:#1a1a1a;--muted:#545d6b;--red:#da141a;--red-dark:#ae1015;--border:#dce0e5;--green:#17643a;--amber:#805000;--focus:#185abc;
  --red-soft:#fff0f0;--green-soft:#edf8f1;--amber-soft:#fff7e8;--blue-soft:#eef4ff;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;
  --body:16px;--h3:20px;--h2:24px;--h1:32px;--radius:8px;--line:1.5;
  --display:'Degular Display',Georgia,serif;--font:Roboto,system-ui,sans-serif;--enter:180ms;--exit:120ms;--sidebar:248px;
}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--body);line-height:var(--line)}
button,input,textarea,select{font:inherit}button,a,summary{touch-action:manipulation}button,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--red-dark);text-underline-offset:4px}svg{flex:none;vertical-align:middle}button svg{pointer-events:none}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}h1,h2{font-family:var(--display);font-weight:600}h1{font-size:clamp(28px,3vw,40px);letter-spacing:-.02em}h2{font-size:var(--h2)}h3{font-size:var(--h3)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:8px;left:8px;z-index:99;padding:12px;background:white;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.app-layout{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);padding:var(--s8) var(--s6);gap:var(--s8)}
.brand{display:flex;align-items:center;gap:var(--s3);text-decoration:none;color:var(--ink)}.brand-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius);background:var(--red);color:white;font-family:var(--display);font-size:32px;font-weight:700;line-height:1}.brand-name{display:grid;gap:0}.brand-name strong{font-size:20px;letter-spacing:-.03em}.brand-name span{font-size:12px;letter-spacing:.08em;color:var(--muted)}
.project-label{display:flex;align-items:center;gap:var(--s3);padding:var(--s3);border:1px solid var(--border);border-radius:var(--radius);font-size:16px}.project-label .project-avatar{display:grid;place-items:center;width:32px;height:32px;background:var(--bg);font-weight:700}.project-label .od-field span{font-size:12px;color:var(--muted)}
.nav-label,.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--muted)}.nav-label{margin-bottom:var(--s3)}.main-nav{display:grid;gap:var(--s2)}.nav-item{display:flex;align-items:center;gap:var(--s3);padding:var(--s3);min-height:48px;border:0;background:transparent;border-radius:var(--radius);text-align:left;color:var(--muted)}.nav-item.active{background:var(--red-soft);color:var(--red-dark);font-weight:700}.nav-item .count{margin-left:auto}.count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:0 var(--s1);background:var(--bg);border-radius:4px;color:var(--muted);font-size:12px;font-weight:600}
.sidebar-help{margin-top:auto;padding:var(--s4);background:var(--bg);border-radius:var(--radius)}.sidebar-help strong{font-size:16px}.sidebar-help p{font-size:14px;color:var(--muted);margin:var(--s2) 0}.sidebar-help button{font-size:14px}.sidebar-user{display:flex;gap:var(--s3);align-items:center;padding-top:var(--s4);border-top:1px solid var(--border)}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:white;font-size:12px;font-weight:700}.sidebar-user strong{font-size:14px;overflow-wrap:anywhere}.sidebar-user .od-field span{font-size:12px;color:var(--muted)}
.main-shell{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4) var(--s8);background:white;border-bottom:1px solid var(--border);min-height:80px}.breadcrumbs{display:flex;align-items:center;gap:var(--s3);font-size:14px;color:var(--muted)}.breadcrumbs strong{color:var(--ink);font-weight:500}.top-actions{display:flex;align-items:center;gap:var(--s6)}.connection{display:flex;align-items:center;gap:var(--s2);font-size:12px;color:var(--muted);white-space:nowrap}.connection.live{color:var(--green)}.connection.live .status-dot{background:var(--green)}
main{padding:var(--s8);max-width:1700px;margin:auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s6);margin-bottom:var(--s8)}.page-heading .eyebrow{margin-bottom:var(--s2);color:var(--red-dark)}.page-heading p{color:var(--muted);margin-top:var(--s2);max-width:70ch}.sync-control{text-align:right;flex:none}.sync-control span{display:block;font-size:12px;color:var(--muted);margin-top:var(--s2)}
.outline-button,.text-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:44px;padding:var(--s2) var(--s4);border-radius:var(--radius);font-size:14px;font-weight:500;text-decoration:none;line-height:1.5;transition:background var(--enter) ease-out}.outline-button{border:1px solid var(--border);background:var(--surface);color:var(--ink)}.text-button{border:0;background:transparent;padding-inline:0;color:var(--red-dark)}.primary-button{border:1px solid var(--red);background:var(--red);color:white}.icon-button{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:var(--radius);background:white}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4);margin-bottom:var(--s6)}.stat-card{padding:var(--s6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.stat-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s2);color:var(--muted);font-size:14px;margin-bottom:var(--s4)}.stat-top svg{width:16px;height:16px}.stat-card .od-stat{--od-gap:var(--s2)}.stat-card strong{font-family:var(--display);font-size:clamp(28px,3vw,40px);line-height:1;font-weight:600;white-space:nowrap}.stat-card .od-stat span{color:var(--muted);font-size:12px}
.mode-notice{display:flex;align-items:center;gap:var(--s4);padding:var(--s4);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--s6);background:white;color:var(--muted)}.mode-notice>div{flex:1;min-width:0}.mode-notice strong,.mode-notice span{display:block;font-size:14px}.mode-notice strong{color:var(--ink);margin-bottom:var(--s1)}.mode-notice .text-button{flex:none}
.filters{display:flex;align-items:end;gap:var(--s3);margin-bottom:var(--s6)}.search-field{flex:1;max-width:480px}.filters label>span,.form-field>span{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:var(--s2)}.input-with-icon{display:flex;align-items:center;gap:var(--s2);border:1px solid var(--border);border-radius:var(--radius);background:white;padding:0 var(--s3)}.input-with-icon svg{color:var(--muted)}.input-with-icon input{border:0;min-width:0;flex:1;background:transparent;min-height:44px;outline-offset:0}.filters select,.type-filter select,.form-field input{border:1px solid var(--border);border-radius:var(--radius);padding:var(--s2) var(--s3);min-height:44px;background:white;color:var(--ink);max-width:100%}.filters .text-button{margin-left:auto}
.map-surface{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:var(--s6)}.surface-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s6)}.surface-heading p{font-size:14px;color:var(--muted);margin-top:var(--s2)}.mini-label{font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--muted)}
.map-root{display:flex;justify-content:center;margin:var(--s8) 0}.root-node{width:min(100%,400px);border-color:var(--red)!important;background:var(--red-soft)!important}.root-node .node-icon{color:var(--red)}.map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}.map-branch{min-width:0;border-top:1px solid var(--border);padding-top:var(--s4)}.branch-title{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.branch-title h3{font-size:16px;font-weight:600}.branch-index{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.branch-title .count{margin-left:auto}.branch-nodes{display:grid;gap:var(--s2)}
.page-node{display:flex;align-items:center;gap:var(--s3);width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:var(--s4);background:white;text-align:left;min-width:0;transition:background var(--enter) ease-out}.page-node .od-field{gap:var(--s1)}.page-node strong{font-size:14px;font-weight:500;overflow-wrap:anywhere;line-height:1.35}.page-node .od-field>span{font-size:12px;color:var(--muted)}.node-icon{display:flex;color:var(--muted)}.page-node>svg{width:16px;height:16px;color:var(--muted)}.page-node.has-changes{border-color:#d6a647;background:#fffcf5}.node-state{display:flex;align-items:center;flex:none}.node-state .badge{font-size:11px;white-space:normal;max-width:104px}.node-state .badge .status-dot{display:none}
.status-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:#737d8a}.status-dot.amber{background:var(--amber)}.status-dot.green{background:var(--green)}.map-legend{display:flex;flex-wrap:wrap;gap:var(--s4);padding-top:var(--s6);margin-top:var(--s6);border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.map-legend>span{display:flex;align-items:center;gap:var(--s2)}.legend-note{margin-left:auto;max-width:44ch}.more-pages summary{display:flex;gap:var(--s2);align-items:center;min-height:44px;padding:var(--s2) var(--s3);color:var(--muted);font-size:14px;list-style:none}.more-pages summary::-webkit-details-marker{display:none}.more-pages[open] summary{margin-bottom:var(--s2)}.workflow-note{display:flex;align-items:center;gap:var(--s4);margin-top:var(--s6);font-size:14px;color:var(--muted)}.workflow-note p{flex:1}.workflow-note strong{color:var(--ink)}.workflow-note .text-button{flex:none}
.badge{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap;background:var(--bg);color:var(--muted)}.badge.propuesto,.badge.ajustes{background:var(--amber-soft);color:var(--amber)}.badge.propuesto .status-dot,.badge.ajustes .status-dot{background:var(--amber)}.badge.aprobado{background:var(--green-soft);color:var(--green)}.badge.aprobado .status-dot{background:var(--green)}.badge.en_revision{background:var(--blue-soft);color:var(--focus)}.badge.en_revision .status-dot{background:var(--focus)}
.page-toolbar{display:flex;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s6)}.page-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--s6)}.section-index{align-self:start;display:grid;gap:var(--s2);padding:var(--s4);border:1px solid var(--border);background:white;border-radius:var(--radius);max-height:720px;overflow-y:auto}.section-index .eyebrow{margin-bottom:var(--s2)}.section-index button{display:flex;gap:var(--s2);justify-content:space-between;align-items:flex-start;min-height:44px;padding:var(--s2);text-align:left;background:transparent;border:0;border-radius:4px;font-size:14px;overflow-wrap:anywhere}.section-index button span{flex:none;color:var(--muted)}.section-index .selected{background:var(--red-soft);color:var(--red-dark);font-weight:600}.list-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--s4)}.type-filter{display:flex;align-items:center;gap:var(--s2);color:var(--muted);font-size:14px}.type-filter select{max-width:200px}.result-count{font-size:14px;color:var(--muted);margin:var(--s3) 0 var(--s6)}.content-list{display:grid;gap:var(--s4)}.content-card{padding:var(--s6);border:1px solid var(--border);border-radius:var(--radius);background:white;min-width:0}.content-card>.od-row{flex-wrap:wrap}.content-card h3{font-size:18px;line-height:1.4;margin-top:var(--s4);overflow-wrap:anywhere}.field-type{font-size:12px;color:var(--muted);padding:var(--s1) var(--s2);background:var(--bg);border-radius:4px}.field-section{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.content-preview{margin-top:var(--s3);line-height:1.65;white-space:pre-wrap}.content-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);border-top:1px solid var(--border);margin-top:var(--s4);padding-top:var(--s3)}.content-foot>span{font-size:12px;color:var(--muted)}.content-foot .text-button{flex:none}.change-note{display:block;color:var(--amber);font-size:12px;margin-top:var(--s3)}.changes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}.load-more{display:flex;margin:var(--s6) auto 0}
.empty{display:grid;justify-items:center;text-align:center;padding:var(--s12) var(--s6);gap:var(--s3)}.empty p{max-width:55ch;color:var(--muted);font-size:14px}.empty h3{font-size:20px}.empty-icon{display:grid;place-items:center;width:48px;height:48px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted)}.activity-surface{max-width:1000px}.event{display:flex;gap:var(--s4);padding:var(--s6) 0;border-bottom:1px solid var(--border)}.event:last-child{border:0}.event-symbol{display:grid;place-items:center;align-self:start;width:32px;height:32px;background:var(--bg);border-radius:50%;color:var(--muted);flex:none}.event-symbol svg{width:16px;height:16px}.event-heading{display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;font-size:14px}.event time{color:var(--muted);font-size:12px}.event p{margin-top:var(--s2);font-size:14px;overflow-wrap:anywhere}.event-meta{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s3)}.event-meta>span:last-child{font-size:12px;color:var(--muted)}.event-note{padding:var(--s3);background:var(--bg);border-radius:4px;white-space:pre-wrap}.history-diff{font-size:14px;margin-top:var(--s3)}.history-diff summary{min-height:44px;display:flex;align-items:center;color:var(--red-dark)}.history-diff>div{display:grid;gap:var(--s2);padding:var(--s3);background:var(--bg)}
dialog{border:1px solid var(--border);border-radius:var(--radius);padding:0;background:white;color:var(--ink);max-height:calc(100dvh - 48px);box-shadow:0 24px 80px #1a1a1a26}dialog::backdrop{background:#11182780}dialog[open]{animation:appear var(--enter) ease-out}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);padding:var(--s6);border-bottom:1px solid var(--border)}.dialog-header h2{overflow-wrap:anywhere}.dialog-header .eyebrow{margin-bottom:var(--s2)}.editor-dialog{width:min(1200px,calc(100% - 48px))}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 304px}.editor-main{padding:var(--s6);min-width:0}.editor-history{padding:var(--s6);border-left:1px solid var(--border);background:#fcfcfd;min-width:0}.editor-history h3{display:flex;gap:var(--s2);align-items:center;font-size:16px}.editor-history .event{gap:var(--s2)}.editor-history .event-symbol{display:none}.editor-meta{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center;margin-top:var(--s3);font-size:12px;color:var(--muted)}.comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}.comparison h3,.comparison label{display:block;font-size:14px;font-weight:600;margin-bottom:var(--s3)}.original-text{padding:var(--s4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);min-height:240px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.65}.proposal-field{display:flex;flex-direction:column}.proposal-field textarea{width:100%;resize:vertical;min-height:240px;padding:var(--s4);border:1px solid var(--border);border-radius:var(--radius);line-height:1.65;color:var(--ink);background:white;flex:1}.proposal-field textarea:disabled{background:var(--bg);color:var(--muted)}.field-helper{font-size:12px;color:var(--muted);margin-top:var(--s2);display:block}.comparison-preview,.source-disclosure{margin-top:var(--s6);border:1px solid var(--border);border-radius:var(--radius)}.comparison-preview summary,.source-disclosure summary{min-height:44px;padding:var(--s3) var(--s4);font-size:14px;font-weight:500}.comparison-preview p{padding:0 var(--s4) var(--s4);white-space:pre-wrap;overflow-wrap:anywhere}mark{background:#fff1bf;color:#5d4000;border-radius:2px}.source-disclosure>div{padding:var(--s4);font-size:14px;overflow-wrap:anywhere}.source-disclosure ul{padding-left:var(--s4);margin-bottom:0;max-height:240px;overflow:auto}.source-disclosure li{padding:var(--s2) 0}.source-disclosure li span{display:block;color:var(--muted);font-size:12px}.relations{display:grid;gap:var(--s2)}.relations>div{display:grid;grid-template-columns:100px 1fr;gap:var(--s2)}.relations dt{font-weight:600}.relations dd{margin:0}.review-note{display:block;margin-top:var(--s6);font-size:14px;font-weight:500}.review-note textarea{display:block;width:100%;padding:var(--s3);margin-top:var(--s2);border:1px solid var(--border);border-radius:var(--radius);resize:vertical;min-height:80px}.editor-actions{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:space-between;margin-top:var(--s6)}.review-actions{display:flex;flex-wrap:wrap;gap:var(--s2);width:100%;padding-top:var(--s4);border-top:1px solid var(--border)}.editor-disclaimer{font-size:12px;color:var(--muted);margin-top:var(--s4)}.inline-error{color:#a11218;background:var(--red-soft);padding:var(--s3);border-radius:var(--radius);margin-top:var(--s3);font-size:14px;overflow-wrap:anywhere}.inline-notice{background:var(--blue-soft);color:#234b75;padding:var(--s3);border-radius:var(--radius);font-size:14px;margin-bottom:var(--s4)}.conflict-box{padding:var(--s4);background:var(--amber-soft);border:1px solid #dbbc77;border-radius:var(--radius);margin-top:var(--s4)}.conflict-box h3{font-size:16px}.conflict-box p{margin:var(--s3) 0;white-space:pre-wrap;overflow-wrap:anywhere}.loading-text{font-size:14px;color:var(--muted);padding:var(--s3) 0}
.small-dialog{width:min(480px,calc(100% - 32px))}.small-dialog form,.guide-content{padding:var(--s6)}.small-dialog form{display:grid;gap:var(--s4)}.form-field{display:block}.form-field input{display:block;width:100%}.small-dialog .primary-button{width:100%;margin-top:var(--s2)}.login-help{font-size:14px;color:var(--muted)}.guide-content{display:grid;gap:var(--s6)}.guide-step{display:flex;align-items:flex-start;gap:var(--s4)}.guide-step>span{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid var(--border);border-radius:50%;font-size:12px;color:var(--red-dark)}.guide-step h3{font-size:16px}.guide-step p{font-size:14px;color:var(--muted);margin-top:var(--s2)}.guide-content>a{font-size:14px}.toast{position:fixed;right:var(--s6);bottom:var(--s6);z-index:100;max-width:min(480px,calc(100vw - 48px));background:var(--ink);color:white;padding:var(--s4) var(--s6);border-radius:var(--radius);box-shadow:0 8px 32px #0002;font-size:14px}
@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.page-node:hover{border-color:#9da5af;background:#f9fafc}.nav-item:hover:not(.active){background:var(--bg);color:var(--ink)}.outline-button:hover:not(:disabled),.icon-button:hover{background:var(--bg);border-color:#9da5af}.text-button:hover{color:var(--red-dark);text-decoration:underline}.primary-button:hover:not(:disabled){background:var(--red-dark)}.section-index button:hover{background:var(--bg);color:var(--ink)}}
@media(min-width:1440px){.map-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.page-node{padding:var(--s3);gap:var(--s2)}.node-state .badge{max-width:72px;font-size:10px}.page-node>svg:last-child{display:none}.stats{gap:var(--s6)}}
@media(max-width:1199px){:root{--sidebar:216px}.sidebar{padding:var(--s6) var(--s4)}main{padding:var(--s6)}.topbar{padding-inline:var(--s6)}.stat-card{padding:var(--s4)}.page-layout{grid-template-columns:160px minmax(0,1fr)}.editor-layout{grid-template-columns:minmax(0,1fr) 264px}.comparison{grid-template-columns:1fr}.original-text{min-height:120px}}
@media(max-width:1023px){.app-layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;display:grid;grid-template-columns:auto 1fr;padding:var(--s4) var(--s6);gap:var(--s4);border-right:0;border-bottom:1px solid var(--border)}.sidebar .project-label,.sidebar-help,.sidebar-user,.nav-label{display:none}.main-nav{display:flex;justify-content:flex-end;gap:var(--s2)}.nav-item{min-height:44px;font-size:14px}.nav-item .count{display:none}.topbar{min-height:64px}.brand-symbol{width:32px;height:32px;font-size:24px}.brand-name strong{font-size:18px}.brand-name span{font-size:10px}.page-layout{grid-template-columns:180px minmax(0,1fr)}.page-heading{margin-bottom:var(--s6)}.changes-grid{grid-template-columns:1fr}.mode-notice .text-button{display:none}.editor-layout{grid-template-columns:1fr}.editor-history{border-left:0;border-top:1px solid var(--border)}.comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.sidebar{display:flex;flex-wrap:wrap;padding:var(--s4)}.brand{width:100%}.main-nav{justify-content:flex-start;width:100%;gap:var(--s2)}.nav-item{flex:1;justify-content:center;gap:var(--s2);padding:var(--s2);font-size:14px}.nav-item svg{width:16px;height:16px}.topbar{padding:var(--s3) var(--s4);flex-wrap:wrap;gap:var(--s2)}.breadcrumbs{font-size:12px}.top-actions{gap:var(--s3);margin-left:auto}.top-actions .outline-button{font-size:12px;padding-inline:var(--s2)}.connection{font-size:11px}main{padding:var(--s6) var(--s4)}.page-heading{display:block}.sync-control{text-align:left;margin-top:var(--s4);display:flex;align-items:center;gap:var(--s3)}.sync-control span{margin:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}.stat-card{padding:var(--s4)}.stat-top{font-size:12px;min-height:36px;margin-bottom:var(--s2)}.stat-top svg{display:none}.stat-card strong{font-size:32px}.stat-card .od-stat span{font-size:11px}.mode-notice{align-items:flex-start;padding:var(--s3);gap:var(--s3)}.mode-notice strong,.mode-notice span{font-size:12px}.filters{flex-wrap:wrap;gap:var(--s3)}.search-field{flex-basis:100%;max-width:none}.filters>label:not(.search-field){flex:1}.filters select{width:100%;font-size:14px}.filters .text-button{font-size:12px}.map-surface{padding:var(--s4)}.surface-heading{align-items:flex-start;flex-wrap:wrap}.surface-heading h2{font-size:22px}.mini-label{display:none}.map-root{margin:var(--s6) 0}.map-grid{grid-template-columns:1fr}.page-node{padding:var(--s4)}.legend-note{margin-left:0}.workflow-note{align-items:flex-start;flex-wrap:wrap;font-size:12px}.workflow-note .text-button{width:100%;justify-content:flex-start}.page-toolbar{flex-wrap:wrap;gap:var(--s2)}.page-layout{grid-template-columns:1fr}.section-index{max-height:200px}.list-heading{flex-wrap:wrap}.type-filter{width:100%}.content-card{padding:var(--s4)}.content-foot{flex-wrap:wrap}.content-foot .text-button{margin-left:auto}.content-card h3{font-size:16px}.content-card .od-row{align-items:flex-start}.field-section{flex-basis:100%;order:2}.page-toolbar .outline-button{font-size:12px}.editor-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.dialog-header{padding:var(--s4)}.editor-main,.editor-history{padding:var(--s4)}.comparison{grid-template-columns:1fr}.editor-actions>.primary-button{width:100%}.review-actions{display:grid;grid-template-columns:1fr}.review-actions button{width:100%}.toast{right:var(--s4);bottom:var(--s4);max-width:calc(100vw - 32px)}.event-heading{display:grid;gap:var(--s1)}.event-meta{flex-wrap:wrap}.small-dialog form,.guide-content{padding:var(--s4)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#relationFields{display:grid;gap:12px}#relationFields[hidden]{display:none}#relationFields textarea{min-height:72px;display:block;width:100%}.page-toolbar label{display:flex;gap:8px;align-items:center;font-size:13px}.page-toolbar input[type=checkbox]{width:auto;min-height:0}.main-nav{flex-wrap:wrap}.nav-item span{overflow-wrap:anywhere}#workspace>.content-card{margin-bottom:16px}