.fl-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 150px);background:var(--surface-subtle,#f5f6f7);border:1px solid var(--border);border-radius:var(--radius-lg,14px);overflow:hidden}.fl-personas{background:var(--surface);border-right:1px solid var(--border);padding:14px 10px}.fl-side-head{display:flex;align-items:center;justify-content:space-between;padding:2px 8px 12px}.fl-persona{width:100%;border:0;background:transparent;border-radius:10px;padding:9px 8px;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;text-align:left;color:var(--text);cursor:pointer}.fl-persona:hover{background:var(--hover)}.fl-persona.active{background:color-mix(in srgb,var(--accent) 12%,var(--surface));box-shadow:inset 3px 0 var(--accent)}.fl-persona span:nth-child(2){min-width:0;display:flex;flex-direction:column}.fl-persona b,.fl-persona small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fl-persona small,.fl-persona i{color:var(--muted);font-size:11px;font-style:normal}.fl-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:var(--on-primary);font-weight:700}.fl-main{min-width:0;padding:20px}.fl-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.fl-hero h2{font-size:24px;margin:3px 0}.fl-hero p{margin:0;color:var(--muted)}.fl-kicker{font-size:12px;color:var(--muted)}.fl-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.fl-boundary{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-radius:10px;color:var(--text);font-size:13px;margin-bottom:14px}.fl-boundary.compact{padding:8px 10px}.fl-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.fl-metrics>div{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:13px 14px;display:flex;flex-direction:column;gap:5px;min-height:74px}.fl-metrics span{color:var(--muted);font-size:12px}.fl-metrics b{font-size:20px}.fl-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}.fl-toolbar>div{display:flex;align-items:center;gap:8px}.fl-toolbar>div:first-child{align-items:flex-start;flex-direction:column;gap:1px}.fl-toolbar span{font-size:12px;color:var(--muted)}.fl-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fl-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:11px;min-width:0}.fl-item:hover{border-color:color-mix(in srgb,var(--text) 22%,var(--border));box-shadow:var(--shadow-sm)}.fl-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.fl-item-top>div{display:flex;flex-direction:column}.fl-item-top span{color:var(--muted);font-size:11px}.fl-action{padding:4px 8px;border-radius:999px;border:1px solid var(--border);font-size:11px!important;white-space:nowrap}.fl-action.recommend_like{background:color-mix(in srgb,var(--positive,#218755) 10%,var(--surface));color:var(--positive,#218755)}.fl-action.ignore{opacity:.7}.fl-item-title{font-weight:600;color:var(--text);text-decoration:none;line-height:1.45}.fl-item-title:hover{text-decoration:underline}.fl-score{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:9px;overflow:hidden}.fl-score span{padding:8px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px;min-width:0}.fl-score span:last-child{border-right:0}.fl-score small{color:var(--muted);font-size:10px}.fl-score b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fl-reason{font-size:12px;color:var(--muted);margin:0;line-height:1.45}.fl-tags{display:flex;gap:5px;flex-wrap:wrap}.fl-tags span{font-size:10px;border:1px solid var(--border);border-radius:999px;padding:3px 7px;color:var(--muted)}.fl-item-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:auto}.fl-empty{max-width:720px;margin:70px auto;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:42px}.fl-empty-art{width:72px;height:72px;border-radius:20px;margin:0 auto 18px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent-ink)}.fl-empty h2{font-size:25px;margin:0 0 10px}.fl-empty>p{color:var(--muted);line-height:1.6;max-width:590px;margin:0 auto 20px}.fl-empty .fl-boundary{text-align:left;margin:0 auto 22px}.fl-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:18px}.fl-steps span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;padding-bottom:9px;border-bottom:2px solid var(--border)}.fl-steps i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--surface-subtle);font-style:normal;font-size:11px}.fl-steps .active{color:var(--text);border-color:var(--accent);font-weight:600}.fl-steps .active i,.fl-steps .done i{background:var(--primary);color:var(--on-primary)}.fl-step-panel{min-height:390px}.fl-intro{background:var(--surface-subtle);border:1px solid var(--border);border-radius:10px;padding:13px 14px;margin-bottom:16px}.fl-intro p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.fl-checks{display:flex;flex-direction:column;gap:9px;margin:14px 0}.fl-checks label{display:flex;align-items:flex-start;gap:9px;font-size:13px}.fl-checks input{margin-top:2px}
@media(max-width:1050px){.fl-feed{grid-template-columns:1fr}.fl-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.fl-layout{display:block}.fl-personas{border-right:0;border-bottom:1px solid var(--border);display:flex;gap:6px;overflow:auto}.fl-side-head{min-width:150px}.fl-persona{min-width:200px}.fl-main{padding:14px}.fl-hero{display:block}.fl-hero-actions{margin-top:12px}.fl-metrics{grid-template-columns:1fr 1fr}.fl-toolbar{align-items:flex-start}.fl-steps{grid-template-columns:1fr 1fr}.fl-score{grid-template-columns:1fr}.fl-score span{border-right:0;border-bottom:1px solid var(--border)}.fl-score span:last-child{border-bottom:0}}