/* Owner-approved R1. All selectors are scoped to the creator library. */
.cr-page { min-height:100dvh; padding:0 0 env(safe-area-inset-bottom); background:#fff; color:#28252d; }
.cr-page button { font:inherit; cursor:pointer; box-shadow:none; }
.cr-page button:disabled { cursor:default; }
.cr-nav { height:56px; display:grid; grid-template-columns:48px 1fr 48px; align-items:center; background:#fff; }
.cr-nav h1 { margin:0; text-align:center; font-size:20px; font-weight:650; }
.cr-nav button { height:48px; border:0; background:transparent; font-size:36px; }
.cr-hero { padding:24px 18px 20px; background:linear-gradient(120deg,#f2eaff 0%,#faf5fa 57%,#ffecdb 100%); }
.cr-identity { display:flex; gap:16px; align-items:center; }
.cr-avatar { flex:0 0 88px; width:88px; height:88px; border-radius:50%; overflow:hidden; display:grid; place-items:center; background:#ede3fc; color:#6347ce; font-size:32px; }
.cr-avatar img { width:100%; height:100%; object-fit:cover; }
.cr-person { min-width:0; flex:1; }
.cr-person h2 { font-size:21px; line-height:1.4; margin:0; overflow-wrap:anywhere; }
.cr-person p { font-size:13px; line-height:1.6; color:#655e6c; margin:6px 0 0; overflow-wrap:anywhere; }
.cr-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.cr-tags span { background:#ebe2fa; color:#62556f; font-size:12px; border-radius:7px; padding:3px 9px; }
.cr-actions { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:22px 6px 0; }
.cr-actions button { min-height:44px; border-radius:12px; font-size:15px; padding:8px; }
.cr-follow { color:#fff; border:1px solid #6c4cf1; background:linear-gradient(120deg,#7041ef,#8351f3); }
.cr-channels { color:#6540d0; background:rgba(255,255,255,.6); border:1px solid #7650e8; }
.cr-help { text-align:center; font-size:13px; line-height:1.6; color:#655e6c; margin:14px 0 0; }
.cr-library { position:relative; margin-top:-1px; padding:18px 18px 24px; border-radius:20px 20px 0 0; background:#fff; }
.cr-library-head { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.cr-library-head h2 { font-size:20px; margin:0; }
.cr-library-head button { min-height:44px; background:none; border:0; color:#655e6c; font-size:13px; }
.cr-search { display:flex; align-items:center; gap:12px; margin:8px 0 12px; background:#f6f5f7; border-radius:12px; padding:0 14px; min-height:44px; }
.cr-search input { width:100%; min-width:0; font:inherit; font-size:15px; border:0; outline:none; background:none; padding:12px 0; box-shadow:none; }
.cr-search-icon { width:15px; height:15px; border:1.7px solid #797180; border-radius:50%; position:relative; flex-shrink:0; }
.cr-search-icon:after { content:""; width:6px; height:1.7px; background:#797180; position:absolute; right:-5px; bottom:-2px; transform:rotate(45deg); }
.cr-filters { display:flex; overflow:auto; gap:10px; padding:0 0 14px; }
.cr-filters button { flex-shrink:0; min-height:44px; border:0; border-radius:24px; background:#f7f6f8; padding:8px 18px; font-size:14px; color:#655e6c; }
.cr-filters button.active { color:#6040d2; background:#f0eaff; font-weight:600; }
.cr-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.cr-card { overflow:hidden; min-width:0; background:#fff; border-radius:12px; border:1px solid #f1edf2; box-shadow:0 3px 10px #33224407; }
.cr-recipe-open { display:block; width:100%; text-align:left; background:none; border:0; padding:0; }
.cr-photo { display:block; aspect-ratio:5/4; background:#f4eff7; overflow:hidden; }
.cr-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.cr-no-image { display:grid; height:100%; place-items:center; color:#796d82; font-size:13px; }
.cr-recipe-open b { display:block; margin:8px 9px 0; font-size:16px; line-height:1.4; overflow-wrap:anywhere; }
.cr-card-meta { display:flex; justify-content:space-between; align-items:center; gap:3px; padding:0 8px 5px; min-height:44px; }
.cr-tag { min-width:0; background:#fff0e3; color:#965323; font-size:12px; padding:3px 6px; border-radius:5px; overflow-wrap:anywhere; }
.cr-collect { display:flex; align-items:center; flex-shrink:0; gap:4px; min-height:44px; padding:0 2px; color:#655e6c; background:none; border:0; font-size:12px!important; }
.cr-bookmark { display:block; width:16px; height:16px; }
.cr-own { color:#655e6c; font-size:12px; }
.cr-empty { padding:44px 16px; text-align:center; font-size:15px; color:#655e6c; }
.cr-empty b { display:block; color:#28252d; font-size:18px; }
.cr-empty button { min-height:44px; padding:10px 20px; border:0; border-radius:12px; background:#f0eaff; color:#6040d2; }
@media(max-width:375px) { .cr-hero { padding:20px 14px 18px; } .cr-avatar { flex-basis:72px; width:72px; height:72px; } .cr-identity { gap:12px; } .cr-person h2 { font-size:19px; } .cr-library { padding:14px; } .cr-actions { margin-left:0; margin-right:0; gap:12px; } }