/* system/apps/test-full-bleed/styles.css
 *
 * Split out of index.html's shared <style> block (Sept 2026) -- see
 * start-here.md's "Each app owns its own styles.css" note for why.
 *
 * Section A of phone-app-studio-features-plan.md -- isolated proof
 * that ctx.chrome.setFullBleed()/getFullBleed() work correctly on
 * their own. No text fields, no relationship to editing.
 */

.test-full-bleed-view { width: 100%; text-align: left; display: flex; flex-direction: column; gap: 12px; }

.test-full-bleed-state {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  font-weight: 600;
  color: var(--brand);
}

.test-full-bleed-toggle {
  align-self: flex-start;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1.5px solid var(--brand);
  background: #fff;
  color: var(--brand);
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: var(--fs-xs);
  cursor: pointer;
}