.ff-canvas{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:30px;font-family:inherit;color:#292524;--ff-ease:cubic-bezier(.16,1,.3,1)}.ff-canvas *{box-sizing:border-box}.ff-calendar,.ff-approvals{width:100%;max-width:570px;background:#fdfdfc;border:1px solid #d8d8d3;border-radius:12px;box-shadow:0 20px 60px -25px #20231b55;overflow:hidden}.ff-calendar>header,.ff-approvals>header{height:58px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:15px;border-bottom:1px solid #e7e7e2}.ff-muted{font-size:11px;color:#97978d}.ff-muted b{font-weight:500;color:#626b43;background:#edf0e5;padding:6px;border-radius:5px}.ff-grid{height:308px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:30px repeat(3,1fr);position:relative}.ff-weekday{font-size:10px;color:#929389;padding:9px;background:#f3f4ee}.ff-date{font-size:10px;color:#999a91;padding:8px;border-right:1px solid #eeeee9;border-bottom:1px solid #eeeee9}.ff-post{position:absolute;width:calc(20% - 10px);padding:9px;border:1px solid #d5dcc6;background:#eef1e5;border-radius:6px;box-shadow:0 4px 8px #333c2010;transition:transform .9s var(--ff-ease),opacity .7s}.ff-post small{font-size:7px;color:#8a927c}.ff-post strong{display:block;font-size:10px;font-weight:500;margin-top:8px}.ff-post p{font-size:8px;line-height:1.5;margin-top:5px}.ff-post-one{left:5px;top:61px}.ff-post-two{left:calc(40% + 5px);top:164px;opacity:0;transform:translateY(22px)}.ff-canvas[data-step="1"] .ff-post-two,.ff-canvas[data-step="2"] .ff-post-two{opacity:1;transform:translateY(0)}.ff-notice{padding:17px 22px;font-size:11px;color:#7a8464;border-top:1px solid #e7e7e2}.ff-approvals{max-width:440px}.ff-count,.ff-status{font-size:9px;color:#8d917f;background:#f0f2e9;border-radius:20px;padding:6px 9px}.ff-approval-card{margin:18px;padding:19px;border:1px solid #e5e6dd;border-radius:9px;background:white}.ff-profile{display:flex;gap:9px;align-items:center}.ff-avatar{display:grid;place-items:center;background:#626b43;color:#fff;width:30px;height:30px;border-radius:50%;font-size:12px}.ff-profile strong{display:block;font-size:11px}.ff-profile small{display:block;font-size:8px;color:#a1a297;margin-top:4px}.ff-status{margin-left:auto;font-size:8px}.ff-post-copy{font-size:20px;line-height:1.3;margin:24px 0 12px;letter-spacing:-.5px}.ff-review-note{display:flex;gap:9px;align-items:center;padding:14px 0;color:#7b8766;font-size:10px;opacity:0;transform:translateY(10px);transition:opacity .7s,transform .8s var(--ff-ease)}.ff-review-note small{display:block;font-size:8px;color:#a3a698;margin-top:4px}.ff-canvas[data-step="1"] .ff-review-note,.ff-canvas[data-step="2"] .ff-review-note{opacity:1;transform:translateY(0)}.ff-approval-card footer{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid #eeeeea}.ff-approve{font-size:10px;color:white;background:#626b43;border-radius:5px;padding:9px 13px;transition:background .5s,color .5s}.ff-canvas[data-step="2"] .ff-approve{background:#edf2e3;color:#626b43}.ff-next-post{display:flex;justify-content:space-between;margin:0 18px 18px;border:1px solid #e5e6dd;background:#fafbf7;border-radius:7px;padding:15px;font-size:11px;color:#8b8e80}.ff-next-post small{font-size:9px}@media(prefers-reduced-motion:reduce){.ff-canvas *{transition:none!important}}
/* Connected feature illustrations, within the captured Searchable art canvases. */
.ff-canvas{padding:24px;overflow:hidden;min-height:350px}.ff-creation,.ff-conversation,.ff-review-composition{position:relative;width:100%;max-width:530px}.ff-kicker{font-size:9px;letter-spacing:.1em;color:#8c927d}.ff-brief{width:82%;padding:22px 25px;border:1px solid #e0e3d5;border-radius:10px;background:#fffffff2;box-shadow:0 15px 40px #2c33231a;transform:rotate(-3deg);margin:8px auto 0}.ff-brief p{font-size:15px;line-height:1.6;margin:12px 0}.ff-brief-tag{font-size:9px;color:#747f60;border:1px solid #dbe0ce;background:#f0f3e7;border-radius:15px;padding:5px 9px}.ff-connector{height:27px;border-left:1px dashed #c7cfb6;margin-left:50%}.ff-draft-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:start}.ff-story-card{position:relative;background:#fff;border:1px solid #e2e4db;border-radius:9px;padding:17px 13px;box-shadow:0 10px 28px #2c33230d}.ff-story-card small{display:block;font-size:8px;color:#9b9e90;line-height:1.5}.ff-story-card strong{display:block;font-size:13px;line-height:1.3;font-weight:500;margin:12px 0}.ff-story-card p{font-size:11px;line-height:1.6;color:#76796b}.ff-draft{display:inline-block;font-size:8px;background:#f3f4ee;border-radius:10px;padding:4px 8px;color:#8a9278;margin-top:12px}.ff-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--delay,0ms),transform .85s cubic-bezier(.16,1,.3,1) var(--delay,0ms)}.ff-canvas[data-step="1"] .ff-reveal,.ff-canvas[data-step="2"] .ff-reveal{opacity:1;transform:translateY(0)}.ff-draft-stack>.ff-story-card:nth-child(2){margin-top:14px}.ff-draft-stack>.ff-story-card:nth-child(3){margin-top:28px}.ff-agents{display:flex;align-items:center;justify-content:center;gap:27px;margin:0 0 28px}.ff-agents img{filter:brightness(0);opacity:.55;width:90px;height:23px;object-fit:contain}.ff-request{margin-left:14%;padding:19px 22px;border:1px solid #e4e4df;border-radius:18px 18px 4px 18px;background:#f3f4ef;font-size:16px;line-height:1.5}.ff-response{margin:25px 5% 0 0}.ff-connection{display:flex;align-items:center;gap:16px;margin:0 0 14px}.ff-connection img{height:auto;width:70px}.ff-connection>span{font-size:10px;color:#8c957d}.ff-result-stack{display:grid;gap:8px}.ff-result-stack .ff-story-card{padding:13px 17px;display:grid;grid-template-columns:1fr auto;gap:4px;box-shadow:0 4px 14px #2c332307}.ff-result-stack .ff-story-card strong{margin:0;font-size:12px;grid-row:1}.ff-result-stack .ff-story-card small{grid-row:2}.ff-result-stack .ff-draft{grid-column:2;grid-row:1/3;align-self:center;margin:0}.ff-story-week{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:300px}.ff-story-day{border-right:1px solid #e6e8df;padding:18px 9px}.ff-day-label{font-size:9px;letter-spacing:.08em;color:#9a9e90}.ff-day-label strong{display:block;font-size:27px;font-weight:400;color:#636c50;margin:7px 0 22px}.ff-calendar-post{border:1px solid #d8dfca;background:#f0f3e7;padding:13px 10px;border-radius:7px}.ff-calendar-post small{font-size:8px;color:#8d957e}.ff-calendar-post strong{display:block;font-size:13px;line-height:1.4;margin:13px 0 10px;font-weight:500}.ff-calendar-post p{font-size:10px;line-height:1.5;color:#858d75}.ff-calendar-post>span{display:block;font-size:8px;color:#788462;margin-top:18px}.ff-story-day:nth-child(2) .ff-calendar-post{margin-top:24px}.ff-story-day:nth-child(3) .ff-calendar-post{margin-top:47px}.ff-review-composition{max-width:420px;padding-top:65px}.ff-review-source{position:absolute;top:0;left:-10px;width:78%;padding:19px 24px;background:#fafbf6;border:1px solid #d8ddcc;border-radius:9px;transform:rotate(-5deg);box-shadow:0 8px 24px #2c332312}.ff-review-source strong{display:block;font-size:13px;font-weight:500;margin:10px 0}.ff-review-source p{font-size:11px;line-height:1.5}.ff-review-source small{font-size:8px;color:#909682}.ff-review-composition .ff-approval-card{position:relative;margin:0 0 0 27px;box-shadow:0 18px 40px #2c332320}.ff-review-composition .ff-post-copy{font-size:23px;margin-top:25px}.ff-review-note{min-height:44px;font-size:9px}.ff-approval-result{position:relative;display:table;margin:14px 12px 0 auto;background:#f6f9ed;border:1px solid #d6dfc3;border-radius:7px;padding:11px 17px;color:#6a7950;font-size:11px;opacity:0;transform:translateY(12px);transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1)}.ff-canvas[data-step="2"] .ff-approval-result{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.ff-canvas *{transition:none!important}}