#framebox-pixel-motion{--fb-bg:#050506;--fb-text:#f1f1f3;--fb-muted:#939398;--fb-line:#202023;display:grid;grid-template-columns:180px minmax(0,1fr);width:100%;min-height:640px;background:var(--fb-bg);color:var(--fb-text);font:400 13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;overflow:hidden}
#framebox-pixel-motion *{box-sizing:border-box}
:where(#framebox-pixel-motion) button,:where(#framebox-pixel-motion) textarea,:where(#framebox-pixel-motion) select{font:inherit;color:inherit}
:where(#framebox-pixel-motion) button{border:0}
#framebox-pixel-motion svg{width:17px;height:17px;flex-shrink:0;stroke-width:1.5}
#framebox-pixel-motion .fb-sidebar{border-right:1px solid var(--fb-line);padding:0 12px 20px;display:flex;flex-direction:column;background:#080809}
#framebox-pixel-motion .fb-brand{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 4px}
#framebox-pixel-motion .fb-brand img{width:49px;height:49px;object-fit:contain;mix-blend-mode:screen;margin-left:-10px}
#framebox-pixel-motion .fb-collapse{color:#b5b5b9}
#framebox-pixel-motion .fb-new{height:38px;width:100%;display:flex;align-items:center;gap:12px;border:1px solid #2b2b2e;border-radius:7px;background:linear-gradient(#111113,#0d0d0f);padding:0 12px;font-weight:500;margin:0 0 19px}
#framebox-pixel-motion .fb-nav{display:grid;gap:5px}
#framebox-pixel-motion .fb-nav-row{display:flex;gap:13px;align-items:center;height:37px;padding:0 12px;position:relative;border-radius:6px}
#framebox-pixel-motion .fb-active{background:#141416}
#framebox-pixel-motion .fb-active:before{content:"";position:absolute;left:-5px;width:2px;height:24px;border-radius:1px;background:#9ad7f4}
#framebox-pixel-motion .fb-recents{margin-top:22px;border-top:1px solid var(--fb-line);padding-top:18px;display:grid;gap:17px;font-size:12px}
#framebox-pixel-motion .fb-recents>div{display:flex;gap:13px;padding-left:12px;align-items:center;white-space:nowrap}
#framebox-pixel-motion .fb-recents svg{width:15px;height:15px}
#framebox-pixel-motion .fb-account{margin-top:auto;padding-top:15px;border-top:1px solid var(--fb-line)}
#framebox-pixel-motion .fb-account>svg{margin-left:9px;margin-bottom:18px}
#framebox-pixel-motion .fb-account>div{display:flex;align-items:center;justify-content:space-between;padding:0 4px}
#framebox-pixel-motion .fb-avatar{position:relative;display:grid;place-items:center;width:29px;height:29px;border:1px solid #3c3c40;border-radius:50%;background:#222225;font-size:11px}
#framebox-pixel-motion .fb-avatar:after{content:"";position:absolute;width:5px;height:5px;background:#85e495;border-radius:50%;bottom:0;right:0;box-shadow:0 0 0 2px #080809}
#framebox-pixel-motion .fb-main{min-width:0;display:flex;flex-direction:column}
#framebox-pixel-motion .fb-header{height:48px;border-bottom:1px solid #19191c;display:flex;align-items:center;gap:13px;padding:0 24px;background:#080809;position:relative;z-index:2}
#framebox-pixel-motion .fb-header>span{font-size:16px;font-weight:500}
#framebox-pixel-motion .fb-header>svg{width:12px;height:12px}
#framebox-pixel-motion .fb-header-end{margin-left:auto;display:flex;gap:24px;align-items:center;padding-right:2px}
#framebox-pixel-motion .fb-header-end svg:first-child{width:22px;height:22px}
#framebox-pixel-motion .fb-stage{position:relative;flex:1;min-height:592px;isolation:isolate}
#framebox-pixel-motion .fb-pixels{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
#framebox-pixel-motion .fb-steps{height:49px;display:flex;align-items:center;justify-content:center;gap:19px;color:#99999f;font-size:12px;position:relative;z-index:1;background:linear-gradient(#050506 55%,transparent)}
#framebox-pixel-motion .fb-steps b{display:block;width:22px;height:1px;background:#47474d}
#framebox-pixel-motion .fb-current{color:var(--fb-text);font-weight:500}
#framebox-pixel-motion .fb-composer{margin:130px auto 0;width:calc(100% - 104px);max-width:780px;border:1px solid #29292d;border-radius:11px;background:linear-gradient(130deg,#101012,#0c0c0e 85%);box-shadow:0 14px 70px 15px #050506b3;overflow:hidden;position:relative;z-index:1}
#framebox-pixel-motion textarea{display:block;resize:none;width:100%;height:94px;background:transparent;border:0;padding:21px 22px;font-size:16px;line-height:1.5}
#framebox-pixel-motion textarea::placeholder{color:#939399;opacity:1}
#framebox-pixel-motion textarea:focus-visible{outline-offset:-4px}
#framebox-pixel-motion .fb-compose-actions{height:49px;padding:0 14px 12px 16px;display:flex;justify-content:space-between;align-items:center;gap:8px}
#framebox-pixel-motion .fb-attachments{display:flex;gap:11px;align-items:center;min-width:0}
#framebox-pixel-motion .fb-icon{display:grid;place-items:center;width:28px;height:28px;background:transparent;color:#dddde1;flex-shrink:0;border-radius:4px}
#framebox-pixel-motion .fb-icon:hover{background:#222225}
#framebox-pixel-motion .fb-create{position:relative;isolation:isolate;display:flex;align-items:center;gap:11px;white-space:nowrap;background:#f5f4f1;color:#0c0c0e;border:1px solid #fff;border-radius:7px;padding:8px 12px;font-weight:500;box-shadow:0 1px 4px #0003;transition:background-color .2s ease,transform .16s ease;z-index:2}
#framebox-pixel-motion .fb-create:hover{background:#fff}
#framebox-pixel-motion .fb-create:active{transform:translateY(1px) scale(.985)}
#framebox-pixel-motion .fb-create:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 10px 2px #f4f6ff80,0 0 26px 7px #e1e9ff3d,0 0 50px 12px #d5dfff1a;z-index:-1}
#framebox-pixel-motion .fb-create.fb-glowing:before{animation:fb-chrome-bloom 1.65s ease-out both}
#framebox-pixel-motion .fb-composer{overflow:visible}
#framebox-pixel-motion .fb-controls{border-radius:0 0 10px 10px}
@keyframes fb-chrome-bloom{0%{opacity:0}16%{opacity:1}38%{opacity:.75}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){#framebox-pixel-motion .fb-create{transition:none}#framebox-pixel-motion .fb-create:active{transform:none}#framebox-pixel-motion .fb-create.fb-glowing:before{animation:none;opacity:.55}}
#framebox-pixel-motion .fb-controls{display:flex;align-items:center;min-height:49px;padding:10px 9px;border-top:1px solid #232326;background:#0c0c0e;gap:0}
#framebox-pixel-motion .fb-control{display:flex;align-items:center;gap:6px;padding:0 9px;border-right:1px solid #29292d;flex:1;min-width:0}
#framebox-pixel-motion .fb-control:last-of-type{border-right:0}
#framebox-pixel-motion .fb-control select{min-width:0;background:transparent;border:0;font-size:11px;max-width:100%;padding:3px 0}
#framebox-pixel-motion .fb-control select option{background:#141416;color:#f1f1f3}
#framebox-pixel-motion .fb-control svg{width:14px;height:14px}
#framebox-pixel-motion .fb-client{flex:1.5}
#framebox-pixel-motion .fb-client-icon{display:grid;place-items:center;min-width:22px;height:22px;border-radius:5px;background:linear-gradient(#2a2a2d,#19191c);font-size:12px}
#framebox-pixel-motion .fb-rules{display:flex;align-items:center;gap:5px;font-size:11px;color:#b6b6bd;padding:0 7px}
#framebox-pixel-motion .fb-rules svg{width:16px;height:16px}
#framebox-pixel-motion .fb-motion{position:absolute;bottom:17px;right:20px;color:#77777e;opacity:.65;z-index:2}
#framebox-pixel-motion .fb-motion:hover,#framebox-pixel-motion .fb-motion:focus-visible{opacity:1}
#framebox-pixel-motion .fb-motion svg{width:13px;height:13px}
#framebox-pixel-motion .fb-attachment-name{font-size:11px;color:#a5a5ad;overflow:hidden;text-overflow:ellipsis;max-width:100px;white-space:nowrap}
@media(min-width:1250px){#framebox-pixel-motion{grid-template-columns:220px minmax(0,1fr);min-height:750px}#framebox-pixel-motion .fb-composer{margin-top:168px}#framebox-pixel-motion .fb-recents{font-size:13px}#framebox-pixel-motion .fb-control select{font-size:12px}}
@media(max-width:850px){#framebox-pixel-motion{grid-template-columns:155px minmax(0,1fr)}#framebox-pixel-motion .fb-sidebar{padding-inline:10px}#framebox-pixel-motion .fb-recents{font-size:11px}#framebox-pixel-motion .fb-recents>div{gap:8px;padding-left:6px}#framebox-pixel-motion .fb-composer{width:calc(100% - 48px)}#framebox-pixel-motion .fb-controls{flex-wrap:wrap;row-gap:10px}#framebox-pixel-motion .fb-control{flex:0 0 31%}#framebox-pixel-motion .fb-control:nth-child(3){border-right:0}#framebox-pixel-motion .fb-rules{margin-left:auto}}
@media(max-width:620px){#framebox-pixel-motion{grid-template-columns:54px minmax(0,1fr);min-height:620px}#framebox-pixel-motion .fb-sidebar{padding-inline:8px}#framebox-pixel-motion .fb-brand{justify-content:center;padding:0}#framebox-pixel-motion .fb-brand img{width:48px;margin:0}#framebox-pixel-motion .fb-collapse,#framebox-pixel-motion .fb-nav-row span,#framebox-pixel-motion .fb-new span,#framebox-pixel-motion .fb-recents,#framebox-pixel-motion .fb-account>div>svg{display:none}#framebox-pixel-motion .fb-new{justify-content:center;padding:0}#framebox-pixel-motion .fb-nav-row{padding:0;justify-content:center}#framebox-pixel-motion .fb-account>div{padding:0;justify-content:center}#framebox-pixel-motion .fb-account>svg{margin-left:10px}#framebox-pixel-motion .fb-header{padding:0 16px}#framebox-pixel-motion .fb-header-end{gap:16px}#framebox-pixel-motion .fb-header-end svg:first-child{display:none}#framebox-pixel-motion .fb-steps{font-size:11px;gap:10px}#framebox-pixel-motion .fb-steps b{width:12px}#framebox-pixel-motion .fb-composer{width:calc(100% - 28px);margin-top:120px}#framebox-pixel-motion textarea{padding:16px;height:120px}#framebox-pixel-motion .fb-control{padding:0 5px;flex-basis:50%}#framebox-pixel-motion .fb-control:nth-child(even){border-right:0}#framebox-pixel-motion .fb-control:nth-child(3){border-right:1px solid #29292d}#framebox-pixel-motion .fb-rules{margin-right:7px}#framebox-pixel-motion .fb-compose-actions{padding-inline:8px;gap:4px}#framebox-pixel-motion .fb-attachments{gap:2px}#framebox-pixel-motion .fb-create{font-size:11px;gap:5px;padding:8px}#framebox-pixel-motion .fb-attachment-name{display:none}}
@media(pointer:coarse){#framebox-pixel-motion .fb-icon{width:40px;height:44px}#framebox-pixel-motion .fb-compose-actions{height:58px}#framebox-pixel-motion .fb-control select{min-height:38px}#framebox-pixel-motion .fb-new{height:44px}#framebox-pixel-motion .fb-create{min-height:44px}}