/* Original Fanspot layout, 2026-11-06. No images, fonts, icons or dependencies
 * added. Typography inherits the existing site's licensed font stack. */
.fulfillment-page{--ff-ink:#3e2f31;--ff-muted:#75645a;--ff-line:#e4d9cc;--ff-paper:#fffdf8;--ff-warm:#f7f1e7;--ff-mustard:#e9bc54;color:var(--ff-ink);padding-top:24px;padding-bottom:64px;font-size:14px;line-height:1.65}
.ff-root{max-width:1240px;margin:auto;min-width:0}
.ff-root *{box-sizing:border-box;min-width:0}
.ff-root [hidden]{display:none!important}
.ff-root :is(h1,h2,h3,p,ol,dl){margin:0}
.ff-root :is(h1,h2,h3){text-wrap:balance;overflow-wrap:anywhere}
.ff-root h2{font-size:21px;letter-spacing:-.5px;line-height:1.45}
.ff-root h3{font-size:16px;line-height:1.5;letter-spacing:-.25px}
.ff-root a{color:inherit;text-underline-offset:4px}
.ff-root a:hover{text-decoration:underline}
.ff-root :is(button,input,textarea,select){font:inherit;color:inherit}
.ff-root :is(button,input,textarea,select,a,summary):focus-visible{outline:3px solid #80601c;outline-offset:3px}
.ff-root button{cursor:pointer}
.ff-root button:disabled{cursor:default;opacity:.5}
.ff-root time{font-variant-numeric:tabular-nums}
.ff-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;color:var(--ff-muted);font-size:12px;margin:0 0 28px}
.ff-breadcrumb a{text-decoration:none}
.ff-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:28px}
.ff-eyebrow{font-size:10px;font-weight:750;letter-spacing:1.45px;color:#846d4b}
.ff-heading h1{font-size:clamp(28px,3.4vw,42px);font-weight:750;letter-spacing:-1.5px;line-height:1.3;margin:10px 0 12px}
.ff-heading>div>p:last-child{color:var(--ff-muted);font-size:14px}
.ff-heading>.ff-button{flex-shrink:0}
.ff-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #cbbba6;border-radius:9px;background:var(--ff-paper);font-size:13px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;transition:background-color .15s}
.ff-button:hover:enabled,.ff-root a.ff-button:hover{background:#f6ead4;text-decoration:none}
.ff-button.ff-primary{background:var(--ff-ink);border-color:var(--ff-ink);color:#fff9ee}
.ff-button.ff-primary:hover:enabled{background:#584346}
.ff-disclosure{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:#fff4d9;border:1px solid #e5d2a6;border-radius:12px;font-size:13px}
.ff-disclosure strong{font-weight:700}
.ff-disclosure p{margin-top:3px;color:#735c3c;font-size:12px;line-height:1.8}
.ff-demo{display:inline-block;padding:3px 7px;margin-top:1px;background:var(--ff-mustard);border-radius:4px;color:#47361f;font-size:10px;font-weight:800;letter-spacing:1px}
.ff-connection{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;color:var(--ff-muted);font-size:12px}
.ff-connection>p{display:flex;gap:8px;align-items:center}
.ff-policy-summary{padding-top:10px;color:var(--ff-muted);font-size:11px;line-height:1.8}
.ff-delay-panel{border:1px solid var(--ff-line);background:var(--ff-paper);border-radius:10px;padding:3px 18px;margin:0 0 20px}
.ff-delay-panel summary{cursor:pointer;min-height:48px;padding:13px 0;font-weight:700;font-size:13px;list-style-position:inside}
.ff-delay-panel .ff-field{max-width:550px;margin-top:12px}
.ff-delay-panel .ff-form-grid{margin-bottom:15px}
.ff-delay-state{background:#f4ead4;border-radius:6px;padding:11px 14px;font-size:12px;overflow-wrap:anywhere}
.ff-dot{width:7px;height:7px;flex:0 0 7px;background:#b39d7d;border-radius:50%}
.ff-root[data-connection="open"] .ff-dot{background:#73502a}
.ff-root:is([data-connection="error"],[data-connection="expired"]) .ff-dot{background:#a33b2e}
.ff-text-button{background:none;border:0;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:0 6px;white-space:nowrap;font-size:12px}
.ff-rolebar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 20px}
.ff-role-buttons{display:flex;gap:4px;background:#eee7dc;padding:4px;border-radius:9px}
.ff-role-buttons button{padding:8px 14px;min-height:40px;background:transparent;border:0;border-radius:6px;font-size:12px;font-weight:650}
.ff-role-buttons [aria-pressed="true"]{background:var(--ff-paper);box-shadow:0 1px 4px #3e2f3112}
.ff-rolebar>.ff-muted{font-size:11px;margin-left:auto}
.ff-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--ff-line);border-radius:12px;background:var(--ff-paper);padding:20px 0;margin:12px 0 22px}
.ff-metrics>div{padding:0 22px;border-right:1px solid var(--ff-line)}
.ff-metrics>div:last-child{border:0}
.ff-metrics span{display:block;font-size:11px;color:var(--ff-muted);margin-bottom:6px}
.ff-metrics strong{font-size:22px;font-weight:700;letter-spacing:-.8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ff-feedback:empty{display:none}
.ff-feedback{border:1px solid #d9c8a7;border-radius:9px;background:#fff6df;padding:14px 18px;margin:0 0 18px;font-size:13px;overflow-wrap:anywhere}
.ff-feedback.ff-error{background:#fff0e9;border-color:#dab4a6;color:#893c2d}
.ff-tabs{display:flex;gap:26px;align-items:stretch;border-bottom:1px solid var(--ff-line);margin-bottom:22px}
.ff-tabs button{position:relative;min-height:52px;padding:12px 3px;background:none;border:0;color:var(--ff-muted);font-size:14px;white-space:nowrap;font-weight:650}
.ff-tabs button[aria-selected="true"]{color:var(--ff-ink)}
.ff-tabs button[aria-selected="true"]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--ff-mustard);border-radius:2px}
.ff-workspace{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,2fr);align-items:start;gap:22px}
.ff-orders{padding:19px;border:1px solid var(--ff-line);border-radius:12px;background:#f8f3eb}
.ff-orders h2{font-size:16px}
.ff-section-title{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px}
.ff-section-title>span:not(.ff-badge){font-size:11px;color:var(--ff-muted)}
.ff-section-title time{color:var(--ff-muted);font-size:11px}
.ff-order-list{padding:0;list-style:none;display:grid;gap:12px;margin-top:16px!important}
.ff-order-card{border:1px solid var(--ff-line);border-radius:9px;background:var(--ff-paper);overflow:hidden}
.ff-order-card.is-selected{border-color:#aa8440;box-shadow:0 0 0 1px #aa8440}
.ff-order-pick{display:block;text-align:left;width:100%;padding:15px;background:none;border:0}
.ff-card-ref{display:block;color:var(--ff-muted);font-size:10px;overflow-wrap:anywhere;letter-spacing:.3px}
.ff-order-pick>strong{display:block;font-size:15px;margin:7px 0;line-height:1.5;overflow-wrap:anywhere}
.ff-card-meta{display:block;font-size:11px;color:var(--ff-muted);overflow-wrap:anywhere}
.ff-card-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:15px}
.ff-card-bottom b{font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}
.ff-card-links{display:flex;flex-wrap:wrap;gap:10px 16px;border-top:1px solid var(--ff-line);padding:0 15px;font-size:11px}
.ff-card-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:#7b5c2b}
.ff-badge{display:inline-flex;align-items:center;padding:4px 9px;background:#f3ead6;color:#6c5128;border-radius:5px;font-size:11px;font-weight:650;line-height:1.6;white-space:nowrap}
.ff-detail{padding:25px;border:1px solid var(--ff-line);border-radius:12px;background:var(--ff-paper)}
.ff-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.ff-detail-heading h2{margin:8px 0;font-size:24px;letter-spacing:-.7px}
.ff-detail-heading .ff-eyebrow{overflow-wrap:anywhere}
.ff-order-money{display:flex;flex-wrap:wrap;gap:10px 20px;padding:15px 0;border-top:1px solid var(--ff-line);font-size:11px;color:var(--ff-muted)}
.ff-order-money strong{color:var(--ff-ink);margin-left:5px;font-size:12px;font-variant-numeric:tabular-nums}
.ff-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:17px 0 24px;list-style:none;margin-bottom:24px!important;border-bottom:1px solid var(--ff-line)}
.ff-progress li{position:relative;display:flex;align-items:center;gap:6px;font-size:10px;color:#82756a}
.ff-progress li:not(:last-child):after{content:"";height:1px;background:var(--ff-line);flex:1;margin:0 8px}
.ff-progress li>span{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:#f1ebe2;font-size:10px}
.ff-progress .is-done{color:var(--ff-ink);font-weight:700}
.ff-progress .is-done>span{background:var(--ff-mustard);color:#463821}
.ff-muted{font-size:12px;color:var(--ff-muted);line-height:1.85}
.ff-placeholder{padding:20px 0;color:var(--ff-muted);font-size:12px;line-height:1.85}
.ff-shipment,.ff-record,.ff-ticket{padding:17px;border:1px solid var(--ff-line);border-radius:9px;margin:14px 0;background:#fffefb}
.ff-active-shipment{border-left:3px solid #c29a4e}
.ff-shipment .ff-section-title,.ff-record .ff-section-title,.ff-ticket .ff-section-title{margin-bottom:9px}
.ff-shipment strong,.ff-record strong,.ff-ticket strong{font-size:13px}
.ff-tracking{font-size:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ff-events{padding:0;list-style:none;margin:14px 0 0!important}
.ff-events li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #eee5d9;font-size:11px}
.ff-events time{color:var(--ff-muted);text-align:right}
.ff-form{padding:19px;background:var(--ff-warm);border:1px solid var(--ff-line);border-radius:9px;margin-top:18px}
.ff-form h3{margin-bottom:14px}
.ff-form>.ff-muted{margin-bottom:14px}
.ff-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;margin:0 0 15px}
.ff-field>span{line-height:1.6}
.ff-field :is(input,select,textarea){display:block;width:100%;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid #cdbfab;border-radius:7px;background:var(--ff-paper);font-weight:400;font-size:13px;line-height:1.6;box-shadow:none}
.ff-field textarea{resize:vertical;min-height:96px}
.ff-field small{font-weight:400;font-size:11px;line-height:1.8;color:var(--ff-muted)}
.ff-field input::placeholder,.ff-field textarea::placeholder{color:#87776a;opacity:1}
.ff-check{display:flex;align-items:center;gap:8px;margin:0 0 15px;font-size:12px;min-height:44px}
.ff-check input{width:18px;height:18px;accent-color:#6f502d}
.ff-hint{font-size:11px;color:#7f5b3e;margin-top:10px!important;line-height:1.8;overflow-wrap:anywhere}
.ff-hint:empty{display:none}
.ff-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.ff-form-grid .ff-form{margin-top:16px}
.ff-form-grid>div>.ff-form+.ff-form{margin-top:12px}
.ff-form-grid .ff-button{width:100%}
.ff-return-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ff-settings{border-top:1px solid var(--ff-line);margin-top:24px;padding-top:8px}
.ff-settings summary{min-height:48px;display:list-item;cursor:pointer;font-size:12px;font-weight:700;padding:10px 0;list-style-position:inside}
.ff-settings>.ff-muted{margin-top:6px}
.ff-cost-section{margin:24px 0}
.ff-cost-row,.ff-stock-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--ff-line);font-size:12px}
.ff-cost-row p{color:var(--ff-muted);font-size:11px;margin-top:3px}
.ff-cost-row b{flex-shrink:0;font-variant-numeric:tabular-nums}
.ff-record-amount{font-size:23px;letter-spacing:-.6px;font-weight:700;font-variant-numeric:tabular-nums;margin:7px 0!important}
.ff-money-list{padding-top:9px}
.ff-money-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0;font-size:12px}
.ff-money-list dt{color:var(--ff-muted)}
.ff-money-list dd{margin:0;font-variant-numeric:tabular-nums;text-align:right}
.ff-money-list>div:last-child{border-top:1px solid var(--ff-line);margin-top:5px;padding-top:12px;font-weight:750}
.ff-money-list>div:last-child dd{font-size:19px}
.ff-messages{list-style:none;padding:0;margin-top:14px!important}
.ff-messages li{padding:12px 0;border-top:1px solid var(--ff-line)}
.ff-messages li>span{color:var(--ff-muted);font-size:10px}
.ff-messages li>p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px;line-height:1.9}
.ff-messages li.ff-internal{padding:12px;margin-top:8px;border-radius:6px;background:#f3ebdb;border:1px dashed #bba580}
.ff-creator-filter{max-width:420px;background:var(--ff-warm);padding:18px;border-radius:10px}
.ff-creator-summary{margin-top:10px}
.ff-stock-panel{padding:24px;margin-top:26px;background:var(--ff-paper);border:1px solid var(--ff-line);border-radius:12px}
.ff-stock-panel>.ff-section-title a{font-size:12px;color:#7b5c2b}
.ff-stock-panel .ff-eyebrow{margin-bottom:6px}
.ff-stock-row>strong{flex:1;font-weight:650}
.ff-stock-row>strong>span{font-size:11px;color:var(--ff-muted);margin-left:8px;font-weight:400}
.ff-stock-row>b,.ff-stock-row>span{font-variant-numeric:tabular-nums}
.ff-stock-row>span{color:var(--ff-muted);min-width:75px;text-align:right}
.ff-stock-row>span>b{color:var(--ff-ink)}
.ff-stock-panel>.ff-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:12px 18px;align-items:end}
.ff-stock-panel>.ff-form h3,.ff-stock-panel>.ff-form .ff-hint{grid-column:1/-1;margin:0}
.ff-stock-panel>.ff-form .ff-field{margin:0}
.ff-stock-panel>.ff-form .ff-button{min-height:44px;margin-bottom:0}
.ff-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:60px 24px;border:1px solid var(--ff-line);border-radius:12px;background:var(--ff-paper)}
.ff-empty-mark{display:grid;place-items:center;width:58px;height:58px;background:#f7e4b9;border-radius:18px;font-size:28px}
.ff-empty h2{font-size:24px}
.ff-empty p{font-size:13px;color:var(--ff-muted);max-width:480px;line-height:1.9}
.ff-empty>a:last-child{font-size:12px;min-height:44px;display:flex;align-items:center}
.ff-footnote{color:var(--ff-muted);font-size:11px;line-height:1.9;margin-top:24px;padding-top:16px;border-top:1px solid var(--ff-line)}
@media(min-width:1600px){.ff-root{max-width:1320px}.ff-workspace{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:1100px){.ff-workspace{grid-template-columns:235px minmax(0,1fr);gap:16px}.ff-detail{padding:20px}.ff-orders{padding:14px}.ff-form-grid{grid-template-columns:1fr}.ff-heading{align-items:flex-start}.ff-heading>.ff-button{max-width:225px}.ff-metrics>div{padding:0 15px}.ff-metrics strong{font-size:19px}}
@media(max-width:760px){.fulfillment-page{padding-top:18px;padding-bottom:40px}.ff-breadcrumb{margin-bottom:24px}.ff-heading{display:block;padding-bottom:22px}.ff-heading>.ff-button{max-width:none;margin-top:20px}.ff-heading h1{font-size:32px}.ff-heading>div>p:last-child{font-size:13px}.ff-disclosure{padding:16px;gap:10px}.ff-disclosure strong{font-size:12px}.ff-disclosure p{font-size:11px}.ff-rolebar>.ff-muted{margin-left:0;width:100%}.ff-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;margin-bottom:18px}.ff-metrics>div{padding:16px}.ff-metrics>div:nth-child(2){border-right:0}.ff-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--ff-line)}.ff-metrics strong{font-size:21px}.ff-tabs{gap:24px;margin-bottom:18px}.ff-tabs button{font-size:13px}.ff-workspace{grid-template-columns:1fr;gap:18px}.ff-orders{padding:17px}.ff-order-list{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:12px;padding:2px 2px 8px}.ff-order-card{min-width:250px;max-width:290px;flex:0 0 82%;scroll-snap-align:start}.ff-orders .ff-field{margin-bottom:12px}.ff-detail{padding:19px}.ff-detail-heading h2{font-size:23px}.ff-stock-panel{padding:19px}.ff-stock-panel>.ff-form{grid-template-columns:1fr}.ff-form-grid{grid-template-columns:1fr}.ff-form{padding:16px}.ff-progress li{font-size:10px;gap:4px;flex-direction:column;align-items:center}.ff-progress li:not(:last-child):after{position:absolute;left:calc(50% + 14px);right:calc(-50% + 14px);top:11px;margin:0}.ff-progress{padding-bottom:20px}.ff-stock-row{gap:10px;flex-wrap:wrap}.ff-stock-row>strong{flex-basis:100%}.ff-stock-row>span{text-align:left}.ff-connection{gap:8px}.ff-connection>p{font-size:11px}.ff-role-buttons button{padding:8px 12px}.ff-empty{padding:38px 18px}.ff-empty h2{font-size:21px}.ff-button{min-height:46px}.ff-form>.ff-button{width:100%}.ff-stock-panel>.ff-form .ff-button{width:100%}}
@media(prefers-reduced-motion:reduce){.ff-root *{transition:none!important;scroll-behavior:auto!important}}

/* Creator sales: original first-party layout, no new assets. */
.cs-dashboard{margin:24px 0 30px;padding:24px;border:1px solid var(--ff-line);border-radius:16px;background:var(--ff-paper)}
.cs-heading,.cs-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.cs-heading h2{font-size:27px;letter-spacing:-1px;margin:4px 0}.cs-heading p{color:var(--ff-muted);margin:4px 0}.cs-demo{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ff-warm);padding:16px;border-radius:10px;margin:20px 0}.cs-demo p{font-size:12px;color:var(--ff-muted);margin:6px 0 0}.cs-demo .ff-button{flex-shrink:0}.cs-workflow{display:flex;flex-wrap:wrap;gap:10px 24px;padding:12px 0 20px;font-size:12px;color:var(--ff-muted)}.cs-workflow a,.cs-workflow button{color:var(--ff-ink);font:inherit;text-decoration:underline;background:none;border:0;padding:0;cursor:pointer}.cs-quantities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cs-stage,.cs-money-card{display:flex;flex-direction:column;gap:10px;text-align:left;color:var(--ff-ink);border:1px solid var(--ff-line);background:#fffefa;border-radius:12px;padding:19px;font:inherit;cursor:pointer}.cs-stage strong{font-size:32px;line-height:1.2}.cs-stage strong small{font-size:13px;margin-left:4px}.cs-stage>small,.cs-money-card>small{font-size:11px;color:var(--ff-muted)}.cs-stage[aria-pressed=true],.cs-money-card[aria-pressed=true]{border-color:#a77727;background:#fff2cf;box-shadow:inset 0 0 0 1px #a77727}.cs-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.cs-money-card strong{font-size:25px;overflow-wrap:anywhere}.cs-notes{display:flex;flex-wrap:wrap;gap:10px 18px;padding:18px 0;color:var(--ff-muted);font-size:12px}.cs-notes button{font:inherit;color:inherit;background:none;border:0;border-bottom:1px dashed var(--ff-muted);padding:0;cursor:pointer}.cs-notes small{display:block}.cs-section-heading{margin-top:26px}.cs-table-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--ff-line);border-radius:10px}.cs-table{border-collapse:collapse;min-width:810px;width:100%;font-size:12px}.cs-table th,.cs-table td{padding:14px 12px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--ff-line)}.cs-table th:first-child{text-align:left;white-space:normal;min-width:160px;max-width:240px}.cs-table thead{background:var(--ff-warm)}.cs-table button{font:inherit;text-align:left;cursor:pointer;background:none;border:0;color:var(--ff-ink);text-decoration:underline}.cs-table .is-selected{background:#fff2cf}.cs-filter-summary{font-size:12px;margin:16px 0 0;color:var(--ff-muted)}
@media(max-width:760px){.cs-dashboard{padding:18px;margin-top:18px}.cs-heading{align-items:flex-start;flex-direction:column}.cs-heading h2{font-size:24px}.cs-demo{flex-direction:column;align-items:stretch;gap:12px}.cs-quantities{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cs-stage{padding:14px}.cs-stage strong{font-size:27px}.cs-money{grid-template-columns:1fr;gap:8px}.cs-money-card{padding:15px}.cs-money-card strong{font-size:24px}.cs-stage>span{font-size:13px}.cs-workflow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cs-table-wrap{width:100%}.cs-section-heading h3{font-size:16px}}
