/* Live demo styles for /embed/ — extracted from inline <style> blocks so the
   strict Content-Security-Policy (style-src 'self') permits them.
   The copy-paste <textarea> snippets keep their own self-contained copies;
   this file only styles the live demos on this page. */
.fmcw{
max-width:460px;
padding:16px;
border:1px solid #dfe3e8;
border-radius:12px;
background:#fff;
color:#16202a;
}
.fmcw .fmcw-title{
display:block;
font-size:17px;
margin:0 0 10px;
}
.fmcw .fmcw-lab{
display:block;
margin:0 0 8px;
font-size:14px;
}
.fmcw .fmcw-inp{
display:block;
width:100%;
margin:4px 0 0;
padding:8px;
box-sizing:border-box;
}
.fmcw .fmcw-res{
margin:12px 0 0;
padding:12px;
border-radius:8px;
background:#f4f7f9;
}
.fmcw .fmcw-big{
font-size:20px;
font-weight:700;
}
.fmcw .fmcw-note{
margin:6px 0 0;
font-size:13px;
}
.fmcw .fmcw-attr{
margin:10px 0 0;
font-size:12px;
}
.fmcw {
  font-family: inherit;
  max-width: 440px;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  padding: 16px;
  background: #ffffff;
}
.fmcw .fmcw-title {
  display: block;
  font-size: 1.05rem;
  margin-bottom: 10px;
}
.fmcw .fmcw-label {
  display: block;
  font-size: 0.88rem;
  margin: 8px 0;
}
.fmcw .fmcw-input {
  display: block;
  width: 100%;
  padding: 8px;
  margin-top: 4px;
  box-sizing: border-box;
}
.fmcw .fmcw-input:focus {
  outline: 2px solid #1c4ed8;
}
.fmcw .fmcw-result {
  margin-top: 12px;
  font-weight: bold;
}
.fmcw .fmcw-note {
  font-weight: normal;
  font-size: 0.85rem;
}
.fmcw .fmcw-attr {
  font-size: 0.8rem;
  margin-top: 12px;
}
.fmcw .fmcw-a {
  text-decoration: underline;
}