/* Passport Photo Maker — tokens only: navy #142B4A, blue #2563EB,
   teal text #0F766E, bg #F8FAFC, Inter + JetBrains Mono stacks. */
.pp-layout,.sc-layout,.bd-layout,.et-layout{display:grid;gap:16px}
@media(min-width:768px){.pp-layout,.sc-layout,.bd-layout,.et-layout{grid-template-columns:1fr 1fr;align-items:start}}
.pp-fields input,.pp-fields select,.pp-fields textarea{width:100%;min-height:46px;border:1px solid var(--color-border,#E2E8F0);border-radius:10px;background:var(--color-surface,#fff);color:var(--color-text,#334155);padding:10px 12px}
.pp-preview{max-width:100%;height:auto;background:#fff;border:1px solid var(--color-border,#E2E8F0);border-radius:12px}
.pp-info{font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:13px;color:var(--color-muted,#64748B)}
.tool-notice,.misuse-notice{border:1px solid var(--color-border,#E2E8F0);border-left:4px solid var(--color-teal-text,#0F766E);border-radius:12px;padding:12px 16px;background:var(--color-surface,#fff)}
.bd-card{background:#fff;border:1px solid var(--color-border,#E2E8F0);border-radius:12px;padding:16px;max-width:420px}
.bd-name{font-size:22px;font-weight:700;color:#142B4A}