.arw-wrapper{display:grid;grid-template-columns:320px 1fr;gap:1rem;width:100%;}
@media(max-width:900px){.arw-wrapper{grid-template-columns:1fr;} .arw-sidebar{order:2} .arw-viewer{order:1}}
.arw-sidebar{border-right:1px solid #e5e5e5;padding-right:1rem}
.arw-search{padding:.5rem}
.arw-search input{width:100%;padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px}
.arw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:0 .5rem 1rem .5rem;max-height:70vh;overflow:auto}
.arw-card{border:1px solid #eee;border-radius:8px;background:#fff;display:flex;flex-direction:column;overflow:hidden}
.arw-thumb{background:#f7f7f7 center/cover no-repeat;height:110px}
.arw-meta{padding:.5rem;display:flex;flex-direction:column;gap:.25rem}
.arw-title{font-weight:600;font-size:.9rem;line-height:1.2}
.arw-actions{margin-top:.25rem}
.arw-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .7rem;border:1px solid #ddd;border-radius:6px;background:#fafafa;cursor:pointer}
.arw-btn:hover{background:#f0f0f0}
.arw-viewer{padding-left:1rem}
.arw-controls{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}
.arw-anim{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;align-items:center}
.arw-anim label{display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}
.arw-anim .arw-inline{flex-direction:row;align-items:center;gap:.5rem;margin-top:1.6em}
#arw-param-panels{grid-column:1/-1;display:grid;gap:.5rem}
.arw-param-row label{display:flex;flex-direction:column;gap:.25rem}
.arw-anim-buttons{grid-column:1/-1;display:flex;gap:.5rem}
.arw-param-item{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:.5rem}
/* model-viewer reset */
model-viewer{width:100%;background:#f8f8f8;border-radius:10px}

/* Layout */
.arw-wrapper{
  display:grid;
  grid-template-columns:minmax(220px,25%) 1fr; /* Sidebar 25%, rechts Inhalt */
  gap:1rem;
  width:100%;
  align-items:start;
}

/* Sidebar links */
.arw-sidebar{
  border-right:1px solid #e5e5e5;
  padding-right:1rem;
}

/* Inhalt rechts */
.arw-viewer{
  /* kein zusätzliches padding-left – Abstand kommt über grid gap */
}

/* Responsive: unter 900px stacked */
@media (max-width:900px){
  .arw-wrapper{
    grid-template-columns:1fr;
  }
  /* Inhalt zuerst, Sidebar darunter (falls gewünscht) */
  .arw-viewer{ order:1; }
  .arw-sidebar{
    order:2;
    border-right:none;
    padding-right:0;
    border-top:1px solid #e5e5e5;
    padding-top:1rem;
  }
}

/* Sidebar-Inhalt */
.arw-search{padding:.5rem}
.arw-search input{width:100%;padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px}

.arw-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
  gap:12px;
  padding:0 .5rem 1rem .5rem;
  max-height:70vh;
  overflow:auto;
}

/* Karten */
.arw-card{border:1px solid #eee;border-radius:8px;background:#fff;display:flex;flex-direction:column;overflow:hidden}
.arw-thumb{background:#f7f7f7 center/cover no-repeat;height:110px}
.arw-meta{padding:.5rem;display:flex;flex-direction:column;gap:.25rem}
.arw-title{font-weight:600;font-size:.9rem;line-height:1.2}
.arw-actions{margin-top:.25rem}
.arw-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .7rem;border:1px solid #ddd;border-radius:6px;background:#fafafa;cursor:pointer}
.arw-btn:hover{background:#f0f0f0}

/* Viewer & Controls */
.arw-controls{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}
.arw-anim{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;align-items:center}
.arw-anim label{display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}
.arw-anim .arw-inline{flex-direction:row;align-items:center;gap:.5rem;margin-top:1.6em}
#arw-param-panels{grid-column:1/-1;display:grid;gap:.5rem}
.arw-param-row label{display:flex;flex-direction:column;gap:.25rem}
.arw-anim-buttons{grid-column:1/-1;display:flex;gap:.5rem}

/* Backend Param-Zeilen */
.arw-param-item{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:.5rem}

/* model-viewer Optik */
model-viewer{width:100%;background:#f8f8f8;border-radius:10px}

/* Range + Value rechts daneben */
.arw-range-wrap{
  display:flex;
  align-items:center;
  gap:.5rem;
}
.arw-range-val{
  font-size:.85rem;
  color:#555;
  font-variant-numeric: tabular-nums;
  min-width:3ch;
  text-align:right;
}

/* Tick-Labels unterhalb vom Slider */
.arw-tick-labels{
  position:relative;
  height:1.25rem;
  margin-top:.25rem;
}
.arw-tick-labels span{
  position:absolute;
  transform:translateX(-50%);
  font-size:.72rem;
  line-height:1;
  color:#777;
  white-space:nowrap;
  user-select:none;
  pointer-events:none;
}
.arw-tick-labels span::before{
  content:"";
  position:absolute;
  top:-6px;
  left:50%;
  transform:translateX(-50%);
  width:1px;
  height:6px;
  background:#cfcfcf;
}

#arw-conv-box .widefat td { vertical-align: top; }
#arw-conv-box .widefat td:first-child { width: 160px; }