#pez4-workspace { min-width:0; overflow-wrap:anywhere; color:var(--text,#f1f5f9); background:var(--panel,#0e1720); box-shadow:inset 0 1px 0 #ffffff20; }
#pez4-workspace [hidden] { display:none !important; }
#pez4-workspace p { line-height:1.5; margin-block:.75rem; }
#pez4-workspace fieldset { border:0; padding:0; margin:0; min-width:0; }
#pez4-workspace label { display:block; margin-block:.75rem .25rem; }
#pez4-workspace input,#pez4-workspace textarea,#pez4-workspace select {
  box-sizing:border-box; width:100%; max-width:100%; min-width:0; min-height:44px;
  padding:.6rem; font:inherit; color:var(--text,#f1f5f9); background:var(--panel-light,#162432);
  border:1px solid var(--muted,#a3b4c8); border-radius:.4rem;
}
#pez4-workspace input[type="color"] { height:48px; padding:.2rem; }
#pez4-workspace button,#pez4-workspace summary {
  min-height:44px; max-width:100%; box-sizing:border-box; padding:.65rem .8rem;
  font:inherit; white-space:normal; color:var(--text,#f1f5f9); background:var(--panel-light,#162432);
  border:1px solid var(--muted,#a3b4c8); border-radius:.4rem; cursor:pointer;
}
#pez4-workspace summary { margin-block:.75rem; }
#pez4-workspace button:disabled { opacity:.6; cursor:default; }
#pez4-workspace :focus-visible { outline:3px solid var(--cyan,#00f2fe); outline-offset:3px; }
#pez4-workspace .pez4-security-summary { padding:.8rem; border-inline-start:4px solid var(--cyan,#00f2fe); font-weight:650; }
#pez4-workspace .pez4-guide { padding:.8rem; background:var(--panel-light,#162432); border-radius:.4rem; }
#pez4-workspace[data-mode="larva"] .pez4-guide { font-size:1.1rem; line-height:1.7; }
#pez4-studio-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-block:1rem; }
#pez4-workspace .pez4-studio-card { padding:1rem; border:1px solid var(--muted,#a3b4c8); border-radius:.75rem; min-width:0; background:var(--panel,#0e1720); }
#pez4-workspace .pez4-studio-card h3 { font-size:1.1rem; color:var(--cyan,#00f2fe); margin:0; }
#pez4-card-capabilities { grid-column:1/-1; }
#pez4-workspace .pez4-habitats,#pez4-workspace .pez4-color-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; }
#pez4-workspace .pez4-actions { display:flex; gap:.5rem; flex-wrap:wrap; margin-block:.75rem; }
#pez4-workspace .pez4-actions button { flex:1 1 140px; }
#pez4-workspace .pez4-profile-preview { padding:.8rem; margin-block:.8rem; background:var(--panel-light,#162432); border-radius:.5rem; }
#pez4-capabilities { list-style:none; padding:0; margin:0; }
#pez4-capabilities li { padding-block:.8rem; border-bottom:1px solid var(--muted,#a3b4c8); }
#pez4-capabilities .pez4-cap-state { display:block; font-weight:650; color:var(--cyan,#00f2fe); }
#pez4-capabilities p { margin-bottom:0; }
#sardine-curtain { box-sizing:border-box; width:100vw; max-width:none; height:100dvh; max-height:none; margin:0; padding:clamp(1rem,5vw,4rem); color:#e2e8f0; background:#071622; border:0; overflow:auto; }
#sardine-curtain::backdrop { background:#071622; }
#sardine-curtain button { color:#e2e8f0; background:#163045; border:1px solid #a3b4c8; }
#sardine-curtain :focus-visible { outline:3px solid #38bdf8; outline-offset:3px; }
@media(max-width:700px) {
  #pez4-studio-grid { grid-template-columns:minmax(0,1fr); }
  #pez4-workspace .pez4-studio-card { padding:.8rem; }
}
@media(max-width:400px) {
  #pez4-workspace .pez4-habitats,#pez4-workspace .pez4-color-grid { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { #pez4-workspace * { scroll-behavior:auto; transition:none; } }