.cs-detail-scroller{background:var(--cs-canvas);scrollbar-width:thin;animation:cs-up .35s var(--cs-ease) backwards;border-radius:20px;position:absolute;inset:0;overflow-y:auto}.cs-detail-veil{background-image:linear-gradient(180deg, color-mix(in srgb, var(--cs-canvas) 92%, transparent), color-mix(in srgb, var(--cs-canvas) 85%, transparent) 55%, transparent);-webkit-backdrop-filter:blur(18px);-webkit-mask-image:linear-gradient(180deg, var(--ds-black) 60%, transparent);mask-image:linear-gradient(180deg, var(--ds-black) 60%, transparent);position:absolute;inset:0 0 -36px}.cs-detail-cover{width:96px;height:96px;box-shadow:var(--ds-shadow-3);will-change:transform, opacity;margin-left:-48px;position:absolute;left:50%}.cs-detail-identity{text-align:center;flex-direction:column;align-items:center;gap:4px;width:max-content;display:flex;position:absolute}.cs-detail-identity[data-start]{align-items:flex-start}.cs-detail-content{max-width:1180px;color:var(--ds-primary-800);flex-direction:column;gap:40px;margin:0 auto;padding:136px 36px 48px;display:flex}.cs-detail-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(110px,12cqw,190px);grid-auto-flow:dense;gap:10px;display:grid}.cs-detail-example,.cs-detail-ref{background:var(--ds-primary-300);animation:cs-up .45s var(--cs-ease) backwards;position:relative;overflow:hidden}.cs-detail-example{border-radius:var(--ds-radius-md)}.cs-detail-example-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cs-detail-example-media[data-ken-burns=a]{animation:7s ease-in-out infinite alternate cs-ken-a}.cs-detail-example-media[data-ken-burns=b]{animation:7s ease-in-out infinite alternate cs-ken-b}.cs-detail-card{background:var(--ds-white);border-radius:20px;flex-direction:column;transition:box-shadow .18s;display:flex;overflow:hidden}.cs-detail-card[data-editing]{box-shadow:inset 0 0 0 1px var(--ds-primary-300), 0 0 0 4px var(--ds-primary-100)}.cs-detail-savebar{z-index:6;border-radius:var(--ds-radius-lg);background:var(--ds-white);box-shadow:var(--ds-shadow-2);animation:cs-soft .18s var(--cs-ease) backwards;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 12px 12px 20px;display:flex;position:sticky;bottom:16px}.cs-detail-ref{border-radius:var(--ds-radius-sm);outline:none;max-width:100%;height:240px}.cs-detail-ref:focus-visible{box-shadow:0 0 0 2px var(--cs-canvas), 0 0 0 4px var(--ds-primary-900)}.cs-detail-note{background-image:linear-gradient(180deg, transparent, color-mix(in srgb, var(--ds-black) 60%, transparent));color:var(--ds-white);font-size:var(--ds-type-caption-12);opacity:0;pointer-events:none;padding:36px 12px 46px;line-height:1.35;transition:opacity .2s;position:absolute;inset:auto 0 0}.cs-detail-ref:is(:hover,:focus-visible) .cs-detail-note{opacity:1}.cs-detail-swatches{border-radius:var(--ds-radius-lg);height:120px;box-shadow:inset 0 0 0 1px var(--ds-primary-200);display:grid;overflow:hidden}@container fullscreen (max-width:760px){.cs-detail-content{padding-inline:20px}.cs-detail-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes cs-ken-a{0%{transform:scale(1.02)}to{transform:scale(1.14)translate(-3%,-2%)}}@keyframes cs-ken-b{0%{transform:scale(1.12)translate(3%,1%)}to{transform:scale(1.02)translate(-1%,-1%)}}
.cs-ref-grid{columns:240px;column-gap:10px;padding:6px 4px 0;display:block}.cs-ref-item{break-inside:avoid;animation:cs-up .45s var(--cs-ease) backwards;margin-bottom:10px}.cs-ref-tile{border-radius:var(--ds-radius-md);cursor:pointer;width:100%;display:block;position:relative}.cs-ref-tile:focus-visible{outline:2px solid var(--ds-primary-900);outline-offset:2px}.cs-ref-image{border-radius:var(--ds-radius-md);background:var(--ds-primary-300);object-fit:cover;width:100%;transition:transform .3s var(--cs-ease);display:block}.cs-ref-tile:hover .cs-ref-image{transform:scale(.985)}.cs-ref-tile[aria-pressed=true] .cs-ref-image{transform:scale(.97)}.cs-ref-check{background:color-mix(in srgb, var(--ds-white) 92%, transparent);width:28px;height:28px;box-shadow:var(--ds-shadow-1);color:var(--ds-primary-800);opacity:0;border-radius:9px;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:absolute;top:12px;right:12px}.cs-ref-tile:is(:hover,:focus-visible) .cs-ref-check{opacity:1}.cs-ref-tile[aria-pressed=true] .cs-ref-check{background:var(--ds-primary-900);color:var(--ds-invert-900);opacity:1}.cs-connect-service{border-radius:var(--ds-radius-md);background:var(--cs-pinterest);width:56px;height:56px;color:var(--ds-white);justify-content:center;align-items:center;display:flex}.cs-connect-service[data-provider=arena]{background:var(--ds-black)}.cs-connect-or{width:100%;font-size:var(--ds-type-caption-12);color:var(--ds-primary-500);align-items:center;gap:10px;margin-top:6px;display:flex}.cs-connect-or:before,.cs-connect-or:after{content:"";background:var(--ds-primary-300);flex:1;height:1px}
.cs-workspace,.cs-logo,.cs-connect-service{--cs-pinterest:#e60023}.cs-workspace,.cs-detail-scroller{--cs-canvas:var(--color-fullscreen-canvas);--cs-ease:cubic-bezier(.2, .9, .3, 1)}.cs-workspace{background:var(--cs-canvas);color:var(--ds-primary-900)}.cs-logo[data-brand=pinterest]{color:var(--cs-pinterest)}.cs-logo[data-brand=arena]{color:var(--ds-black)}.cs-link{cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--ds-primary-400);text-decoration-color:var(--ds-primary-400);text-underline-offset:2px}.cs-link:hover{color:var(--ds-primary-900)}.cs-intro{inset-inline:0;z-index:7;pointer-events:none;position:absolute;top:0}.cs-intro-images{will-change:transform, opacity;width:860px;height:460px;margin:-230px 0 0 -430px;position:absolute;left:50%}.cs-intro-card{background-image:linear-gradient(145deg, var(--ds-white), color-mix(in srgb, var(--ds-white) 35%, transparent) 55%, color-mix(in srgb, var(--ds-white) 85%, transparent));width:280px;height:340px;box-shadow:var(--ds-shadow-4);opacity:0;will-change:transform, opacity;border-radius:30px;margin:-170px 0 0 -140px;padding:6px;position:absolute;top:50%;left:50%}.cs-intro-card-inner{border-radius:var(--ds-radius-xl);background:var(--ds-invert-800);height:100%;overflow:hidden}.cs-intro-card-inner>img{object-fit:cover;width:100%;height:100%;display:block}.cs-intro-panel{background:var(--ds-white);box-shadow:var(--ds-shadow-3);will-change:top, width, height;position:absolute;left:50%;overflow:hidden}.cs-intro-icon,.cs-intro-title,.cs-intro-description{position:absolute;left:50%}.cs-intro-icon{border-radius:var(--ds-radius-xl);transform-origin:50% 0;width:84px;height:84px;box-shadow:var(--ds-shadow-3);transform:translate(-50%)scale(.762)}.cs-intro-title{white-space:nowrap;font-family:var(--ds-font-display);letter-spacing:.09em;text-transform:uppercase;color:var(--ds-primary-900);font-size:26px;font-weight:700}.cs-intro-description{width:320px;color:var(--ds-primary-600);text-align:center;text-wrap:pretty;font-size:15px;line-height:1.55;transform:translate(-50%)}.cs-library{overscroll-behavior:contain;scrollbar-width:thin;position:absolute;inset:64px 12px 0;overflow-y:auto}.cs-sources,.cs-filters,.cs-ref-bar{background:var(--cs-canvas);position:sticky}.cs-sources{z-index:2;scrollbar-width:none;align-items:center;height:62px;padding:6px 4px 12px;display:flex;top:0;overflow-x:auto}.cs-filters,.cs-ref-bar{z-index:1;padding:4px 4px 10px;top:62px}.cs-ref-bar{align-items:center;gap:10px;display:flex}.cs-lip,.cs-ref-bar:before,.cs-ref-bar:after{pointer-events:none;--cs-lip:transparent 19.5px, var(--cs-canvas) 20px;width:20px;height:20px;position:absolute;bottom:-20px}.cs-ref-bar:before,.cs-ref-bar:after{content:""}.cs-lip[data-side=left],.cs-ref-bar:before{background-image:radial-gradient(circle at 100% 100%, var(--cs-lip));left:0}.cs-lip[data-side=right],.cs-ref-bar:after{background-image:radial-gradient(circle at 0% 100%, var(--cs-lip))}.cs-ref-bar:after{right:0}.cs-card-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px 12px;padding:6px 4px 0;display:grid}.cs-card{min-width:0;animation:cs-up .45s var(--cs-ease) backwards;animation-delay:var(--cs-delay,0s);position:relative}.cs-card-open{text-align:left;cursor:pointer;flex-direction:column;gap:10px;width:100%;display:flex}.cs-card-open:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px;border-radius:var(--ds-radius-md)}.cs-thumb{border-radius:9.5%;grid-template:repeat(2,minmax(0,1fr))/repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.cs-thumb>img{object-fit:cover;width:100%;min-width:0;height:100%;min-height:0;display:block}.cs-card-thumb{aspect-ratio:1;width:100%;transition:transform .35s var(--cs-ease)}.cs-card:hover .cs-card-thumb{transform:scale(.98)}.cs-card-more{opacity:0;transition:opacity .16s;position:absolute;top:14px;right:14px}.cs-card:is(:hover,[data-menu-open]) .cs-card-more,.cs-card-more:focus-visible{opacity:1}.cs-scrim{inset-inline:0;z-index:6;height:var(--cs-scrim-height,120px);pointer-events:none;transition:height .3s var(--cs-ease);position:absolute;bottom:0}.cs-scrim:before,.cs-scrim:after{content:"";position:absolute;inset:0}.cs-scrim:before{-webkit-backdrop-filter:blur(var(--cs-scrim-blur,0px));-webkit-mask-image:linear-gradient(180deg, transparent, var(--ds-black) 55%);mask-image:linear-gradient(180deg, transparent, var(--ds-black) 55%)}.cs-scrim:after{background-image:linear-gradient(180deg, transparent, color-mix(in srgb, var(--cs-canvas) var(--cs-scrim-mid,45%), transparent) 40%, color-mix(in srgb, var(--cs-canvas) var(--cs-scrim-end,90%), transparent) 75%)}.cs-dock{max-width:var(--cs-bar-max,760px);transform-origin:50% 100%;transition:max-width .4s var(--cs-ease), transform .3s var(--cs-ease), opacity .24s var(--cs-ease), visibility 0s}.cs-dock-folded{opacity:0;visibility:hidden;transition-delay:0s,0s,0s,.3s;transform:translateY(6px)scale(.3)}.cs-fold{z-index:15;animation:cs-fold-in .3s var(--cs-ease) backwards;position:absolute;left:50%;translate:-50%}.cs-fold-thumbs{margin-left:-10px;display:flex}.cs-fold-thumbs>img{object-fit:cover;width:32px;height:32px;box-shadow:0 0 0 2px var(--ds-primary-700);border-radius:10px}.cs-fold-thumbs>img+img{margin-left:-12px}.cs-moodboard{color:var(--ds-primary-800);flex-direction:column;gap:12px;display:flex}.cs-moodboard[data-drag-over]{box-shadow:inset 0 0 0 2px var(--ds-primary-900), var(--ds-shadow-3)}.cs-moodboard[data-shaking]{animation:.42s cubic-bezier(.36,.07,.19,.97) cs-shake}.cs-resize{z-index:3;cursor:ns-resize;touch-action:none;justify-content:center;align-items:center;height:14px;display:flex;position:absolute;inset:0 48px auto 28px}.cs-resize:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.cs-resize>span{background:var(--ds-primary-300);width:28px;height:4px;transition:width .2s var(--cs-ease);border-radius:2px}.cs-resize[data-active]>span{background:var(--ds-primary-600);width:40px}.cs-expand{z-index:3;position:absolute;top:8px;right:8px}.cs-limit{z-index:6;pointer-events:none;justify-content:center;display:flex;position:absolute;inset-inline:0}.cs-limit>output{background:var(--ds-primary-900);color:var(--ds-invert-900);font-size:var(--ds-type-copy-14);white-space:nowrap;box-shadow:var(--ds-shadow-4);animation:cs-soft .18s var(--cs-ease) backwards;border-radius:999px;padding:8px 16px;font-weight:500}.cs-empty{background:var(--ds-primary-100);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:184px;padding:0 16px;display:flex}.cs-bento{transition:grid-template-columns .3s var(--cs-ease), grid-template-rows .3s var(--cs-ease);flex-shrink:0;gap:8px;display:grid;position:relative}.cs-bento[data-resizing]{transition:none}.cs-tile,.cs-palette,.cs-add-tile,.cs-working{border-radius:var(--cs-cell-radius,16px);min-width:0;min-height:0;overflow:hidden}.cs-tile,.cs-palette,.cs-add-tile{animation:cs-pop .5s var(--cs-ease) backwards}.cs-tile{background:var(--ds-primary-300);cursor:grab;position:relative}.cs-tile[data-reordering]{opacity:.4}.cs-tile[data-drop-target]{outline:2px solid var(--ds-primary-900);outline-offset:2px}.cs-tile-image{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--cs-ease);position:absolute;inset:0}.cs-tile:hover .cs-tile-image{transform:scale(1.04)}.cs-tile-remove{z-index:1;position:absolute;top:6px;right:6px}.cs-tile-remove,.cs-tag:not([data-tagged]){opacity:0;transition:opacity .16s}.cs-tile:is(:hover,:focus-within) :is(.cs-tile-remove,.cs-tag),.cs-tag[data-popup-open]{opacity:1}.cs-media-chip{z-index:1;background:color-mix(in srgb, var(--ds-black) 64%, transparent);-webkit-backdrop-filter:blur(8px);max-width:calc(100% - 12px);height:26px;color:var(--ds-white);font-size:var(--ds-type-caption-12);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-weight:500;display:flex;position:absolute;overflow:hidden}.cs-media-chip[data-tagged]{background:var(--ds-white);color:var(--ds-black);box-shadow:var(--ds-shadow-1)}.cs-tag{cursor:pointer;bottom:6px;left:6px}.cs-palette{box-shadow:inset 0 0 0 1px var(--ds-primary-200);grid-template-columns:1fr 1fr;grid-auto-rows:1fr;display:grid;position:relative}.cs-swatch{cursor:pointer;min-width:0;min-height:0;display:flex}.cs-swatch-fill{flex:1;justify-content:center;align-items:center;transition:background-color .3s;display:flex}.cs-swatch:hover .cs-swatch-fill{filter:brightness(1.08)}.cs-swatch-fill[data-open]{box-shadow:inset 0 0 0 3px var(--ds-white)}.cs-swatch-dot{background:color-mix(in srgb, var(--ds-white) 80%, transparent);border-radius:50%;width:6px;height:6px}.cs-swatch-dot[data-tone=light]{background:color-mix(in srgb, var(--ds-black) 50%, transparent)}.cs-palette-reset{position:absolute;bottom:8px;right:8px}.cs-add-tile{background:var(--ds-primary-200);color:var(--ds-primary-800);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:background-color .16s,transform .2s cubic-bezier(.2,.9,.3,1.3);display:flex}.cs-add-tile:hover{background:var(--ds-primary-300);transform:scale(.96)}.cs-working{z-index:4;position:absolute;inset:0}.cs-drop{z-index:3;border-radius:inherit;background:color-mix(in srgb, var(--ds-white) 80%, transparent);font-size:var(--ds-type-copy-16);pointer-events:none;justify-content:center;align-items:center;font-weight:500;animation:.16s backwards cs-soft;display:flex;position:absolute;inset:0}.cs-emphasis{scrollbar-width:none;flex:100%;align-items:center;gap:6px;min-width:0;padding:0 4px;display:flex;overflow-x:auto}.cs-clear-ask{animation:cs-soft .18s var(--cs-ease) backwards}@keyframes cs-up{0%{opacity:0;transform:translateY(10px)scale(.97)}}@keyframes cs-pop{0%{opacity:0;transform:scale(.6)}55%{opacity:1;transform:scale(1.06)}78%{transform:scale(.98)}}@keyframes cs-soft{0%{opacity:0;transform:scale(.98)}}@keyframes cs-fold-in{0%{opacity:0;transform:translateY(8px)scale(.9)}}@keyframes cs-shake{18%{transform:translate(-9px)}36%{transform:translate(8px)}54%{transform:translate(-6px)}72%{transform:translate(4px)}88%{transform:translate(-2px)}}@media (prefers-reduced-motion:reduce){:is(.cs-card,.cs-card-thumb,.cs-scrim,.cs-dock,.cs-fold,.cs-moodboard,.cs-limit>output,.cs-bento,.cs-tile,.cs-tile-image,.cs-palette,.cs-add-tile,.cs-drop,.cs-clear-ask,.cs-ref-item,.cs-ref-image,.cs-detail-scroller,.cs-detail-example,.cs-detail-example-media,.cs-detail-ref,.cs-detail-savebar){transition:none;animation:none}}