.mustard-library{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mustard-library img{aspect-ratio:16/9}
.reuse-visual{--reuse-line:#4a4a4a}.reuse-visual .demo-topline{gap:15px;font-size:11px;margin-bottom:18px}.reuse-visual .demo-example{white-space:nowrap;font-size:8px}
.saved-film{display:grid;grid-template-columns:120px 1fr;gap:17px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--reuse-line)}.saved-film>img{width:120px;height:108px;object-fit:cover;object-position:40% center}.reuse-step{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#aaa;display:block;line-height:1.45}.saved-film h4{font-size:20px;line-height:1.15;letter-spacing:-.035em;margin:8px 0 3px;font-weight:600}.saved-film p{font-size:11px;color:#aaa}.approval-label{display:inline-block;margin-top:9px;font-size:9px;color:#cbdfcd}
.saved-guidance{border-left:2px solid #a4b8a7;background:#242424;margin:17px 0;padding:12px 14px;transition:opacity .5s,transform .5s}.saved-guidance p{font-size:14px;line-height:1.35;margin:7px 0 11px;color:#f5f5f5}.saved-guidance>div{display:flex;flex-wrap:wrap;gap:6px}.saved-guidance>div>span{font-size:9px;padding:4px 6px;border:1px solid #505050;color:#ccc}
.reuse-request{padding:15px;background:#e9e9e9;color:#111;transition:opacity .5s,transform .5s}.reuse-request .reuse-step{color:#555}.reuse-request p{font-size:19px;line-height:1.3;letter-spacing:-.025em;font-weight:600;margin:7px 0}.reuse-request>span:last-child{font-size:11px;color:#555}
.reuse-output-heading{margin:22px 0 12px;min-height:36px}.reuse-output-heading>span:last-child{font-size:10px;color:#bbb;display:block;margin-top:5px}
.reuse-outputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.reuse-outputs figure{border:1px solid #4a4a4a;background:#242424;transition:opacity .65s,transform .65s;min-width:0}.reuse-image{position:relative}.reuse-image img{width:100%;aspect-ratio:4/3;object-fit:cover}.reuse-image>span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.04em;padding:7px 9px;border-bottom:1px solid #4a4a4a;color:#bbb}.reuse-outputs figcaption{padding:10px 9px 12px}.reuse-outputs figcaption strong{font-size:14px;line-height:1.2;letter-spacing:-.02em;display:block;font-weight:600;min-height:3.6em}.reuse-outputs figcaption>span{display:block;font-size:9px;line-height:1.4;color:#aaa;margin-top:8px}.reuse-payoff{margin-top:17px;border-top:1px solid #4a4a4a;padding-top:13px;font-size:12px;color:#d6e4d8;transition:opacity .5s}
.reuse-visual[data-phase="0"] .saved-guidance{opacity:.15;transform:translateY(7px)}
.reuse-visual:is([data-phase="0"],[data-phase="1"]) .reuse-request{opacity:.12;transform:translateY(7px)}
.reuse-visual:is([data-phase="0"],[data-phase="1"],[data-phase="2"]) .reuse-outputs figure{opacity:.08;transform:translateY(12px)}
.reuse-visual[data-phase="3"] .reuse-outputs figure:nth-child(n+2),.reuse-visual[data-phase="4"] .reuse-outputs figure:nth-child(3){opacity:.08;transform:translateY(12px)}
.reuse-visual:not([data-phase="6"]) .reuse-payoff{opacity:.15}
@media(min-width:721px){#panel-build{align-items:center}}
@media(max-width:720px){.reuse-visual .demo-topline{font-size:10px;align-items:start;flex-wrap:wrap;gap:7px}.saved-film{grid-template-columns:86px 1fr;gap:12px}.saved-film>img{width:86px;height:100px}.saved-film h4{font-size:19px}.reuse-step{font-size:8px}.saved-guidance{padding:11px}.saved-guidance p{font-size:13px}.saved-guidance>div>span{font-size:8px}.reuse-request{padding:12px}.reuse-request p{font-size:17px}.reuse-outputs{grid-template-columns:1fr;gap:9px}.reuse-outputs figure{display:grid;grid-template-columns:100px 1fr}.reuse-image{border-right:1px solid #4a4a4a}.reuse-image img{aspect-ratio:4/3}.reuse-image>span{border-bottom:0;padding:5px 8px}.reuse-outputs figcaption{padding:12px}.reuse-outputs figcaption strong{font-size:16px;min-height:0}.reuse-outputs figcaption>span{font-size:10px;margin-top:7px}.reuse-payoff{font-size:11px}}
@media(prefers-reduced-motion:reduce){.reuse-visual *{transition:none!important}}
/* Return to the same bank, with finished work added after approval. */
.reuse-stages{display:grid}.reuse-making,.reuse-bank{grid-area:1/1;min-width:0;transition:opacity .65s,transform .65s}.reuse-bank{opacity:0;visibility:hidden;transform:translateY(14px)}
.reuse-visual:is([data-phase="7"],[data-phase="8"],[data-phase="9"]) .reuse-making{opacity:0;visibility:hidden;transform:translateY(-14px)}
.reuse-visual:is([data-phase="7"],[data-phase="8"],[data-phase="9"]) .reuse-bank{opacity:1;visibility:visible;transform:none}
.bank-return-arrow{text-align:center;font-size:30px;color:#c2d4c5;margin:15px 0 6px}.bank-added-label{font-size:12px;color:#cfdfd2;margin:0 0 12px;min-height:18px}.bank-new-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bank-new-grid figure{margin:0;background:#242424;border:1px solid #6d8672;transition:opacity .55s,transform .55s}.bank-new-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.bank-new-grid figcaption{padding:9px;font-size:11px;display:flex;align-items:center;gap:8px}.bank-new-grid figcaption span{font-size:8px;color:#c7ddcc;letter-spacing:.08em}.reuse-bank h4{font-size:25px;letter-spacing:-.04em;margin:24px 0 8px}.reuse-bank>p:not(.bank-added-label){font-size:13px;color:#ccc;line-height:1.5}.bank-example{display:block;font-size:10px;color:#aaa;margin-top:14px}.bank-saved-work{margin-top:20px}.bank-saved-work[hidden]{display:none}
.reuse-visual[data-phase="7"] .bank-new-grid figure,.reuse-visual[data-phase="8"] .bank-new-grid figure:not(:first-child){opacity:.08;transform:translateY(-12px)}
.reuse-bank .mustard-library{grid-template-columns:repeat(3,minmax(0,1fr))}.reuse-bank .mustard-library img{aspect-ratio:16/9}
@media(max-width:720px){.bank-new-grid{gap:7px}.bank-new-grid figcaption{padding:7px;font-size:10px;gap:6px}.reuse-bank h4{font-size:23px}}