:root{
  --doggiebark-yellow: #F6C63A;
  --doggiebark-brown: #5B2E0E;
  --doggiebark-dark: #3B1E12;
  --doggiebark-warm: #7A3F1A;
  --doggiebark-bg: #ffffff;
  --doggiebark-muted: #6b7280;
}
.dfc-wrapper{
  background: var(--doggiebark-bg);
  color: var(--doggiebark-dark);
  border:2px solid var(--doggiebark-warm);
  padding:20px;
  max-width:400px;
  border-radius:12px;
  box-shadow:0 4px 8px rgba(0,0,0,0.1);
  font-family:Arial,sans-serif;
}
.dfc-wrapper h2{color:var(--doggiebark-brown);margin-bottom:15px;}
.dfc-wrapper label{display:block;margin:10px 0 5px;font-weight:bold;}
.dfc-wrapper input,.dfc-wrapper select{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:8px;}
.dfc-button{background:linear-gradient(90deg,var(--doggiebark-yellow),var(--doggiebark-brown));color:#fff;padding:10px;border:none;border-radius:8px;cursor:pointer;font-weight:bold;width:100%;}
.dfc-button:hover{opacity:0.9;}
.dfc-result{margin-top:15px;padding:10px;background:#f9f9f9;border-radius:8px;font-size:14px;}
.dfc-actions{margin-top:10px;display:flex;gap:10px;}
.dfc-secondary{flex:1;background:var(--doggiebark-yellow);border:none;border-radius:6px;padding:8px;cursor:pointer;}