:root{--ink:#10121a;--black:#000;--border:#e6e8f0;--surface:#fff;--slot-fill:#e6e8f059;--scrim:#10121a66;--font:"ABC Oracle", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-variable:"ABC Oracle Variable", "ABC Oracle", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--shadow-dropdown:inset 0 0 0 1px var(--border), 0 16px 40px #10121a24;--shadow-popover:inset 0 0 0 1px var(--border), 0 16px 40px #10121a29;--shadow-modal:0 24px 64px #10121a4d;--shadow-chip:inset 0 0 0 1px var(--border), 0 2px 8px #10121a1a}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--surface);margin:0;padding:0}body{font-family:var(--font);color:var(--black)}a{color:var(--black)}a:hover{color:var(--ink)}button{font-family:var(--font);cursor:pointer;color:inherit;background:0 0;border:none;padding:0}input{font-family:var(--font)}.page{background:var(--surface);flex-direction:column;align-items:center;gap:32px;width:100%;margin:0 auto;padding:20px 60px 60px;display:flex;position:relative;overflow:hidden}.page--creative{max-width:1280px}.page--design{max-width:1658px}.header{flex-flow:wrap;align-self:stretch;align-items:center;gap:32px;min-height:265px;display:flex;position:relative}.header__nav{flex-direction:row;flex:1 1 0;align-items:center;gap:32px;min-width:0;height:60px;display:flex}.header__logo{background:url(../media/engine-metal.1m181tb7e0pxg.jpg) 50%/contain no-repeat;flex-shrink:1;width:317px;min-width:180px;height:265px}.header__right{flex-direction:row;flex:1 1 0;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.seg{height:60px;box-shadow:inset 0 0 0 1px var(--border);background:var(--surface);border-radius:24px;flex-shrink:0;align-items:center;gap:4px;padding:6px;display:flex}.seg__btn{height:48px;color:var(--ink);white-space:nowrap;border-radius:18px;justify-content:center;align-items:center;padding:0 18px;font-size:15px;font-weight:700;display:flex}.seg__btn:not(.is-active):hover{background:var(--border)}.seg__btn.is-active{background:var(--ink);color:#fff}.feed-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));grid-auto-rows:8px;grid-auto-flow:dense;align-self:stretch;gap:20px;display:grid}.grid-tile{position:relative}.grid-tile__frame{background:var(--slot-fill);border-radius:24px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.grid-tile__frame>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.grid-tile__ring{box-shadow:inset 0 0 0 1px var(--border);pointer-events:none;border-radius:24px;position:absolute;inset:0}.grid-tile .figma-card__iframe{flex-grow:1}.header__feed-label{flex-direction:row;align-items:center;gap:8px;display:flex}.dot{background:url(../media/dot.1gvf930o_kkec.png) 50%/cover no-repeat;flex-shrink:0;width:12px;height:12px}.header__feed-label span{white-space:nowrap;font-size:16px;font-weight:400;line-height:20px}.header__note{text-align:right;white-space:pre-line;font-size:16px;font-weight:400;line-height:20px}.tab{height:60px;box-shadow:inset 0 0 0 1px var(--border);white-space:nowrap;border-radius:24px;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:16px;font-weight:700;line-height:20px;display:flex}.tab--creative{width:105px}.tab--design{width:93px}.tab.is-active{box-shadow:inset 0 0 0 2px var(--black)}.push-btn{background:var(--ink);color:#fff;white-space:nowrap;border-radius:24px;flex-direction:row;justify-content:center;align-items:center;gap:10px;height:60px;padding:20px;font-size:16px;font-weight:700;line-height:20px;display:flex}.account-chip{height:60px;box-shadow:inset 0 0 0 1px var(--border);background:var(--surface);color:var(--ink);white-space:nowrap;cursor:pointer;border-radius:24px;flex-direction:row;align-items:center;gap:10px;padding:0 20px 0 8px;font-size:16px;font-weight:700;line-height:20px;transition:box-shadow .12s;display:flex}.account-chip:hover{box-shadow:inset 0 0 0 2px var(--ink)}.account-chip__label{text-overflow:ellipsis;max-width:220px;overflow:hidden}.menu-wrap,.push-wrap{flex-shrink:0;position:relative}@media (max-width:900px){.push-wrap{display:none}}.push-panel{z-index:50;background:var(--surface);width:360px;box-shadow:var(--shadow-dropdown);border-radius:24px;flex-direction:column;gap:16px;padding:20px;display:flex;position:absolute;top:72px;right:0}.push-panel[hidden],.menu-panel[hidden],.comment-popover[hidden],.modal-overlay[hidden]{display:none}.btn-outline{height:52px;box-shadow:inset 0 0 0 2px var(--black);border-radius:16px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.field-row{flex-direction:row;gap:8px;display:flex}.field-label{font-size:16px;font-weight:700}.field-group{flex-direction:column;gap:8px;display:flex}.text-input{border:1px solid var(--border);min-width:0;height:44px;color:var(--ink);border-radius:12px;outline:none;flex-grow:1;padding:0 12px;font-size:15px}.btn-dark{background:var(--ink);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;height:44px;padding:0 16px;font-size:15px;font-weight:700;display:flex}.hint{color:var(--ink);opacity:.6;font-size:13px;font-weight:400;line-height:18px}.menu-panel{z-index:60;background:var(--surface);width:300px;box-shadow:var(--shadow-dropdown);border-radius:24px;flex-direction:column;gap:4px;padding:12px;display:flex;position:absolute;top:68px;left:0}.menu-item{text-align:left;cursor:pointer;border-radius:12px;padding:12px 16px;font-size:16px;font-weight:700}.menu-item:hover{background:var(--border)}.menu-divider{background:var(--border);height:1px;margin:8px 4px}.menu-figma{flex-direction:column;gap:8px;padding:12px 16px 8px;display:flex}.account-divider{background:var(--border);height:1px;margin:4px 4px 0}.account-row{flex-direction:row;align-items:center;gap:10px;padding:10px 12px 4px;display:flex}.account-row__text{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.account-row__name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-align:left;font-size:16px;font-weight:700;overflow:hidden}.account-row__email{color:var(--ink);opacity:.55;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:400;line-height:16px;overflow:hidden}.gear-btn{width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--border);color:var(--ink);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.gear-btn:hover{box-shadow:inset 0 0 0 2px var(--ink)}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;display:block}.avatar--initials{background:var(--ink);color:#fff;justify-content:center;align-items:center;font-weight:700;display:flex}.settings{flex-direction:column;gap:12px;padding:8px 12px;display:flex}.settings__avatar-row{flex-direction:row;align-items:center;gap:12px;display:flex}.settings__upload{height:36px;box-shadow:inset 0 0 0 2px var(--black);border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:700;display:flex}.settings__input{border:1px solid var(--border);height:40px;color:var(--ink);border-radius:10px;outline:none;padding:0 12px;font-size:15px}.settings__actions{flex-direction:row;gap:8px;display:flex}.settings__save{background:var(--ink);color:#fff;border-radius:10px;flex-grow:1;justify-content:center;align-items:center;height:40px;font-size:14px;font-weight:700;display:flex}.settings__cancel{height:40px;box-shadow:inset 0 0 0 1px var(--border);color:var(--ink);border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:700;display:flex}.date-badge{width:88px;height:88px;box-shadow:inset 0 0 0 4px var(--ink);border-radius:16.73px;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px;display:flex}.date-badge__month{font-family:var(--font-variable);text-align:center;color:var(--ink);align-self:stretch;font-size:24px;font-weight:400;line-height:.9}.date-badge__day{font-family:var(--font-variable);text-align:center;letter-spacing:-.05em;color:var(--ink);align-self:stretch;font-size:46px;font-weight:350;line-height:.9}.day-section{flex-direction:column;align-self:stretch;align-items:center;gap:32px;display:flex;position:relative}.push-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-self:stretch;gap:32px;display:grid;position:relative}.masonry{flex-flow:wrap;align-content:space-between;align-self:stretch;align-items:flex-start;gap:32px;padding:0 0 60px;display:flex;position:relative}.masonry__col{flex-direction:column;flex-grow:1;align-items:flex-start;gap:32px;display:flex}.masonry__col--fixed{flex-grow:0;flex-shrink:0;gap:10px;width:365.333px}.masonry__col>*{align-self:stretch}.card{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.card--r16{border-radius:16px}.card--r32{border-radius:32px}.card--ring{box-shadow:inset 0 0 0 1px var(--border)}.card-hover-reveal{opacity:0;transition:opacity .15s}.card:hover .card-hover-reveal,.card:focus-within .card-hover-reveal,.slot:hover .card-hover-reveal,.slot:focus-within .card-hover-reveal{opacity:1}.author-pill{background:var(--surface);box-shadow:var(--shadow-chip);color:var(--ink);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;line-height:1;position:absolute;bottom:12px;left:12px}.remove-btn{background:var(--surface);width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--border);color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:12px;right:12px}.pushed-img{width:100%;box-shadow:inset 0 0 0 1px var(--border);border-radius:32px;display:block}.figma-card{height:420px;box-shadow:inset 0 0 0 1px var(--border);border-radius:32px;flex-direction:column;display:flex;overflow:hidden}.figma-card__header{flex-direction:row;align-items:center;gap:8px;padding:16px 20px;display:flex}.figma-card__title{font-size:16px;font-weight:700}.figma-card__link{margin-left:auto;font-size:13px;font-weight:400}.figma-card__iframe{border:none;flex-grow:1;width:100%}.slot{background-color:var(--slot-fill);box-shadow:inset 0 0 0 1px var(--border);cursor:pointer;background-position:50%;background-size:cover;border-radius:32px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.slot--r16{border-radius:16px}.slot:hover,.slot.is-dragover{box-shadow:inset 0 0 0 2px var(--ink)}.slot__empty{text-align:center;color:var(--ink);opacity:.75;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.slot__title{letter-spacing:.01em;max-width:90%;font-size:14px;font-weight:500}.slot__sub{font-size:11px}.slot.is-filled .slot__empty{display:none}.slot-row{flex-flow:wrap;align-self:stretch;align-items:flex-start;gap:32px;padding:0 0 60px;display:flex}.slot-row .slot{flex:380px;min-width:320px;height:280px}.comment-root{flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:12px;right:12px}.comment-chip{background:var(--surface);box-shadow:var(--shadow-chip);border-radius:999px;flex-direction:row;align-items:center;gap:6px;padding:5px 10px;display:flex}.comment-chip:hover{box-shadow:inset 0 0 0 2px var(--ink), 0 2px 8px #10121a1a}.comment-chip__dot{background:var(--ink);border-radius:50%;width:8px;height:8px}.comment-chip__count{color:var(--ink);font-size:13px;font-weight:700;line-height:1}.comment-popover{z-index:80;background:var(--surface);width:280px;box-shadow:var(--shadow-popover);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;bottom:36px;right:0}.comment-popover__list{flex-direction:column;gap:10px;max-height:180px;display:flex;overflow:auto}.comment-popover__item{flex-direction:column;gap:2px;display:flex}.comment-popover__author{color:var(--ink);font-size:13px;font-weight:700}.comment-popover__text{color:var(--ink);font-size:14px;font-weight:400;line-height:18px}.comment-popover__empty{color:var(--ink);opacity:.6;font-size:13px;font-weight:400}.comment-popover__row{flex-direction:row;gap:6px;display:flex}.comment-popover__input{border:1px solid var(--border);min-width:0;height:36px;color:var(--ink);border-radius:10px;outline:none;flex-grow:1;padding:0 10px;font-size:14px}.comment-popover__post{background:var(--ink);color:#fff;border-radius:10px;justify-content:center;align-items:center;height:36px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.comment-popover__note{color:var(--ink);opacity:.55;font-size:11px;font-weight:400;line-height:15px}.modal-overlay{z-index:100;background:var(--scrim);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:380px;max-width:90vw;box-shadow:var(--shadow-modal);border-radius:24px;flex-direction:column;gap:16px;padding:28px;display:flex}.modal__title{color:var(--ink);font-size:20px;font-weight:700}.modal__body{color:var(--ink);opacity:.6;font-size:14px;font-weight:400;line-height:19px}.modal__body--small{font-size:13px;line-height:18px}.sso-btn{background:var(--ink);color:#fff;border-radius:16px;justify-content:center;align-items:center;gap:10px;height:48px;font-size:16px;font-weight:700;display:flex}.sso-btn__dot{background:#fff;border-radius:50%;width:10px;height:10px}.sso-input{border:1px solid var(--border);height:48px;color:var(--ink);border-radius:12px;outline:none;padding:0 14px;font-size:16px}.sso-progress{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.sso-progress__bar{background:var(--ink);width:40%;height:100%;animation:.9s linear infinite sso-bar}@keyframes sso-bar{0%{transform:translate(-100%)}to{transform:translate(350%)}}.auth-step[hidden]{display:none}@media (max-width:1100px){.masonry,.slot-row{flex-direction:unset;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.slot-row .slot{flex:unset;min-width:0}}@media (max-width:700px){.page{padding:20px 32px 40px}.masonry,.slot-row{grid-template-columns:1fr;padding-bottom:40px}.masonry__col--fixed{width:100%}.header__logo{width:240px;height:200px}}@media (max-width:500px){.page{padding:16px 16px 32px}.header__logo{width:180px;height:150px}.header__right{align-items:flex-start}.header__note{text-align:left}}