.bf-studio-app { --ink:#171316; --red:#bc2345; --wine:#601c2e; --pink:#f5d7d7; --cream:#f8f3ef; --line:rgba(23,19,22,.16); color:var(--ink); background:var(--cream); min-height:70vh; }
.bf-studio-topbar { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:1.1rem clamp(1rem,4vw,3rem); color:#fff; background:var(--ink); }
.bf-studio-wordmark { color:#fff; font:500 1.25rem/.8 "Cormorant Garamond",Georgia,serif; letter-spacing:-.04em; text-transform:uppercase; }
.bf-studio-wordmark i { color:#f5d7d7; font-style:italic; text-transform:none; }
.bf-studio-topbar-label,.bf-studio-topbar-user { color:rgba(255,255,255,.64); font-size:.65rem; letter-spacing:.12em; text-transform:uppercase; }
.bf-studio-topbar-user a { color:#fff; }
.bf-studio-topbar > div:first-child { display:flex; gap:1.1rem; align-items:center; }
.bf-studio-tabs { display:flex; gap:0; overflow:auto; padding:0 clamp(1rem,4vw,3rem); background:#fff; border-bottom:1px solid var(--line); }
.bf-studio-tabs a { padding:1rem 1.1rem; color:#6d5e65; border-bottom:3px solid transparent; white-space:nowrap; font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.bf-studio-tabs a:hover,.bf-studio-tabs a.is-active { color:var(--red); border-color:var(--red); }
.bf-studio-tabs a span { color:var(--red); }
.bf-studio-main { width:min(100% - 2rem,1320px); margin:0 auto; padding:clamp(2rem,6vw,5rem) 0; }
.bf-studio-welcome { max-width:780px; padding:clamp(2rem,6vw,5rem); color:#fff; background:linear-gradient(120deg,rgba(96,28,46,.9),rgba(188,35,69,.72)),url('../../themes/beauty-factory-aruba/assets/images/abstract-texture.png') center/cover; }
.bf-studio-kicker { display:block; color:var(--red); font-size:.64rem; font-weight:700; letter-spacing:.19em; text-transform:uppercase; }
.bf-studio-welcome .bf-studio-kicker,.bf-studio-welcome p { color:rgba(255,255,255,.72); }
.bf-studio-welcome h1 { margin:.6rem 0 1.1rem; font:500 clamp(3.4rem,9vw,8rem)/.78 "Cormorant Garamond",Georgia,serif; letter-spacing:-.07em; text-transform:uppercase; }
.bf-studio-welcome p { max-width:560px; font-size:1rem; line-height:1.65; }
.bf-studio-stat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:2rem 0 4rem; background:var(--line); }
.bf-studio-stat { min-height:125px; padding:1.25rem; background:#fff; }
.bf-studio-stat strong { display:block; color:var(--red); font:500 3rem/.8 "Cormorant Garamond",Georgia,serif; }
.bf-studio-stat span { display:block; margin-top:.8rem; color:#6d5e65; font-size:.65rem; letter-spacing:.11em; text-transform:uppercase; }
.bf-studio-quick { display:grid; grid-template-columns:1fr 1.3fr; gap:2rem; padding:2rem 0; border-top:1px solid var(--line); }
.bf-studio-quick h2,.bf-studio-section-head h2 { margin:.55rem 0 .7rem; font:500 clamp(2.5rem,5vw,5rem)/.82 "Cormorant Garamond",Georgia,serif; letter-spacing:-.06em; text-transform:uppercase; }
.bf-studio-quick-links { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }
.bf-studio-quick-links a { display:flex; justify-content:space-between; padding:1.25rem 0; color:var(--ink); border-bottom:1px solid var(--line); font-size:.85rem; font-weight:700; }
.bf-studio-quick-links a b { color:var(--red); }
.bf-studio-notice { margin:0 0 1.5rem; padding:1rem 1.1rem; border-left:4px solid #399b56; color:#255a33; background:#edf8ef; font-size:.8rem; }
.bf-studio-notice.is-error { border-color:var(--red); color:#74162e; background:#fff0f3; }
.bf-studio-section-head { display:flex; justify-content:space-between; gap:2rem; align-items:end; margin-bottom:2rem; }
.bf-studio-section-head p { max-width:650px; color:#6d5e65; line-height:1.6; }
.bf-studio-split { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:1.25rem; align-items:start; }
.bf-studio-card { padding:clamp(1.1rem,3vw,2rem); background:#fff; border:1px solid var(--line); }
.bf-studio-form { display:block; }
.bf-studio-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.bf-studio-field,.bf-studio-upload { display:block; margin-bottom:1rem; color:#6d5e65; font-size:.67rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.bf-studio-field > span,.bf-studio-upload > span { display:block; margin-bottom:.38rem; }
.bf-studio-field input,.bf-studio-field select,.bf-studio-field textarea,.bf-studio-upload input { box-sizing:border-box; width:100%; padding:.75rem .8rem; color:var(--ink); border:1px solid rgba(23,19,22,.25); border-radius:0; background:#fff; font:inherit; font-size:.88rem; letter-spacing:0; text-transform:none; }
.bf-studio-field textarea { min-height:100px; resize:vertical; line-height:1.5; }
.bf-studio-field select[multiple] { height:auto; }
.bf-studio-wide { grid-column:1/-1; }
.bf-studio-upload input { padding:.6rem; }
.bf-studio-check { display:flex; gap:.55rem; align-items:center; margin:1rem 0; color:#6d5e65; font-size:.72rem; line-height:1.4; }
.bf-studio-check input { width:16px; height:16px; accent-color:var(--red); }
.bf-studio-upload img { display:block; width:90px; height:90px; margin-top:.7rem; object-fit:cover; }
.bf-studio-upload small,.bf-studio-form-note { display:block; margin-top:.5rem; color:#8d7d84; font-size:.7rem; font-weight:400; letter-spacing:0; line-height:1.4; text-transform:none; }
.bf-studio-form-actions { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; margin-top:1.2rem; }
.bf-studio-button { display:inline-flex; align-items:center; justify-content:center; padding:.85rem 1.2rem; border:1px solid var(--ink); border-radius:999px; cursor:pointer; font-size:.68rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.bf-studio-button.is-dark { color:#fff; background:var(--ink); }
.bf-studio-button.is-dark:hover { background:var(--red); border-color:var(--red); }
.bf-studio-button.is-red { color:#fff; background:var(--red); border-color:var(--red); }
.bf-studio-button.is-light { color:var(--ink); background:#fff; }
.bf-studio-button.is-light:hover { color:#fff; background:var(--ink); }
.bf-studio-text-link { color:var(--red); font-size:.7rem; font-weight:700; text-transform:uppercase; }
.bf-studio-card-head { display:flex; justify-content:space-between; gap:1rem; align-items:start; margin-bottom:1rem; }
.bf-studio-card-head strong { color:var(--red); font:500 2.5rem/.8 "Cormorant Garamond",Georgia,serif; }
.bf-studio-list { border-top:1px solid var(--line); }
.bf-studio-list-row { display:flex; justify-content:space-between; gap:1rem; align-items:start; padding:1rem 0; border-bottom:1px solid var(--line); }
.bf-studio-list-row h3 { margin:.4rem 0 .25rem; font:500 1.65rem/.85 "Cormorant Garamond",Georgia,serif; text-transform:uppercase; }
.bf-studio-list-row p { margin:0; color:#8d7d84; font-size:.75rem; }
.bf-studio-list-meta { color:var(--red); font-size:.61rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.bf-studio-row-actions { display:flex; gap:.6rem; align-items:center; }
.bf-studio-row-actions a,.bf-studio-row-actions button { padding:0; color:var(--red); border:0; background:transparent; cursor:pointer; font-size:.65rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.bf-studio-row-actions form { margin:0; }
.bf-studio-row-actions button { color:#8d7d84; }
.bf-studio-empty { color:#8d7d84; font-size:.85rem; }
.bf-studio-product-row { display:flex; gap:.8rem; align-items:center; }
.bf-studio-product-row img,.bf-studio-product-placeholder { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; object-fit:cover; color:var(--red); background:var(--pink); }
.bf-studio-product-row p { color:var(--ink); }
.bf-studio-login { width:min(100% - 2rem,520px); margin:4rem auto; padding:clamp(2rem,6vw,4rem); color:#fff; background:var(--ink); }
.bf-studio-login .bf-studio-kicker { color:#f5d7d7; }
.bf-studio-login h1 { margin:.8rem 0 1rem; font:500 clamp(3rem,8vw,6rem)/.8 "Cormorant Garamond",Georgia,serif; letter-spacing:-.07em; text-transform:uppercase; }
.bf-studio-login p { color:rgba(255,255,255,.68); line-height:1.6; }
.bf-studio-login form { margin-top:2rem; }
.bf-studio-login label { display:block; margin-bottom:1rem; color:#f5d7d7; font-size:.65rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.bf-studio-login input[type=text],.bf-studio-login input[type=password] { display:block; box-sizing:border-box; width:100%; margin-top:.35rem; padding:.8rem; color:#fff; border:1px solid rgba(255,255,255,.3); background:rgba(255,255,255,.08); }
.bf-studio-login input[type=submit] { margin-top:.5rem; padding:.85rem 1.2rem; border:0; border-radius:999px; color:var(--ink); background:#fff; cursor:pointer; font-size:.67rem; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.bf-studio-connection { display:flex; gap:.45rem; align-items:center; color:#8d7d84; font-size:.65rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.bf-studio-connection span { width:8px; height:8px; border-radius:50%; background:#9c8d93; }
.bf-studio-connection.is-ready { color:#258045; }.bf-studio-connection.is-ready span { background:#399b56; }.bf-studio-connection.is-missing { color:var(--red); }.bf-studio-connection.is-missing span { background:var(--red); }
.bf-studio-campaign-result { margin-bottom:1.5rem; padding:clamp(1.25rem,4vw,3rem); color:#fff; background:var(--ink); }
.bf-studio-result-heading { display:flex; justify-content:space-between; gap:1rem; align-items:end; margin-bottom:2rem; }.bf-studio-result-heading .bf-studio-kicker { color:#f5d7d7; }.bf-studio-result-heading h2 { margin:.5rem 0; font:500 clamp(2.4rem,5vw,5rem)/.82 "Cormorant Garamond",Georgia,serif; letter-spacing:-.06em; text-transform:uppercase; }.bf-studio-result-heading p { max-width:660px; color:rgba(255,255,255,.68); }.bf-studio-result-heading .bf-studio-button { border-color:#fff; }
.bf-studio-result-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }.bf-studio-copy-card { padding:clamp(1.2rem,3vw,2rem); background:#fff; color:var(--ink); }.bf-studio-copy-card h3 { margin:1rem 0 .7rem; font:500 clamp(2rem,4vw,4rem)/.85 "Cormorant Garamond",Georgia,serif; letter-spacing:-.05em; text-transform:uppercase; }.bf-studio-copy-card > p { line-height:1.6; }.bf-studio-caption { margin-top:2rem; padding-top:1rem; border-top:1px solid var(--line); }.bf-studio-caption strong,.bf-studio-result-meta b { display:block; margin-bottom:.35rem; color:var(--red); font-size:.62rem; letter-spacing:.1em; text-transform:uppercase; }.bf-studio-caption p { margin:0; line-height:1.5; }.bf-studio-result-meta { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1.5rem; }.bf-studio-result-meta span { font-size:.75rem; }.bf-studio-ad-preview { display:flex; flex-direction:column; justify-content:space-between; min-height:420px; padding:1.5rem; background-color:var(--wine); background-position:center; background-size:cover; }.bf-studio-preview-brand { font-size:.7rem; font-weight:700; letter-spacing:.16em; line-height:1.3; text-transform:uppercase; }.bf-studio-ad-preview h3 { max-width:420px; margin:.6rem 0 1rem; font:500 clamp(2.5rem,5vw,5rem)/.8 "Cormorant Garamond",Georgia,serif; letter-spacing:-.06em; text-transform:uppercase; }.bf-studio-ad-preview b { font-size:.67rem; letter-spacing:.1em; text-transform:uppercase; }.bf-studio-variants { margin-top:2rem; }.bf-studio-variants > .bf-studio-kicker { color:#f5d7d7; }.bf-studio-variants { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.bf-studio-variants > .bf-studio-kicker { grid-column:1/-1; }.bf-studio-variants article { padding:1rem; border:1px solid rgba(255,255,255,.18); }.bf-studio-variants strong { color:#f5d7d7; font-size:.62rem; letter-spacing:.1em; text-transform:uppercase; }.bf-studio-variants h4 { margin:.65rem 0 .45rem; font:500 1.5rem/.85 "Cormorant Garamond",Georgia,serif; }.bf-studio-variants p { color:rgba(255,255,255,.7); font-size:.76rem; line-height:1.45; }.bf-studio-settings-inline { margin-top:2rem; padding-top:2rem; border-top:1px solid var(--line); }.bf-studio-settings-inline h3 { margin:.45rem 0; font:500 2rem/.9 "Cormorant Garamond",Georgia,serif; text-transform:uppercase; }.bf-studio-settings-inline p { color:#8d7d84; font-size:.75rem; line-height:1.5; }
@media (max-width:900px) { .bf-studio-stat-grid { grid-template-columns:repeat(2,1fr); }.bf-studio-quick,.bf-studio-split,.bf-studio-result-grid { grid-template-columns:1fr; }.bf-studio-section-head { display:block; }.bf-studio-connection { margin-top:1rem; }.bf-studio-result-heading { display:block; }.bf-studio-result-heading .bf-studio-button { margin-top:1rem; }.bf-studio-social-split .bf-studio-card:first-child { order:1; } }
@media (max-width:600px) { .bf-studio-topbar { display:block; }.bf-studio-topbar-user { margin-top:.8rem; }.bf-studio-form-grid,.bf-studio-result-meta,.bf-studio-variants { grid-template-columns:1fr; }.bf-studio-wide,.bf-studio-variants > .bf-studio-kicker { grid-column:auto; }.bf-studio-welcome h1 { font-size:4.5rem; }.bf-studio-list-row { display:block; }.bf-studio-row-actions { margin-top:.8rem; }.bf-studio-tabs a { padding:.85rem .65rem; font-size:.58rem; }.bf-studio-ad-preview { min-height:340px; } }
@media print { .site-header,.site-footer,.bf-studio-topbar,.bf-studio-tabs,.bf-studio-main > .bf-studio-notice,.bf-studio-social-split { display:none!important; }.bf-studio-main { width:100%; padding:0; }.bf-studio-campaign-result { margin:0; color:#000; background:#fff; }.bf-studio-ad-preview { color:#fff; -webkit-print-color-adjust:exact; print-color-adjust:exact; } }