.side-panel--Slxh7{justify-content:space-between;height:100%}.side-panel--Slxh7,.side-panel--Slxh7 .content--MBbGR{display:flex;flex-direction:column;width:100%;gap:24px}.side-panel--Slxh7 .content--MBbGR{justify-content:center;align-items:center}.side-panel--Slxh7 .title--xuBDK{color:var(--theme-text-primary);text-align:center;font-size:24px;font-style:normal;font-weight:600px;line-height:30px}.side-panel--Slxh7 .tool-detail--obEzQ{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:-12px}.side-panel--Slxh7 .tool-detail--obEzQ .tool-title--P6TVN{color:var(--theme-text-tertiary);font-size:16px;font-weight:400;line-height:24px;flex-shrink:0}.side-panel--Slxh7 .tool-detail--obEzQ .tool--JDtOn{overflow:hidden;display:flex;align-items:center;gap:8px}.side-panel--Slxh7 .tool-detail--obEzQ .tool--JDtOn .tool-desc--MP3Dk{color:var(--theme-text-primary);font-size:14px;font-weight:500;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-panel--Slxh7 .feats--tIBUl{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:12px;gap:12px;flex-wrap:wrap;width:100%}.side-panel--Slxh7 .feats--tIBUl .feat--EWOfp{display:flex;padding:24px;align-items:center;flex:1 0 150px;border-radius:12px;border:1px solid var(--theme-border-primary);background:#fff;color:var(--theme-text-primary)}.side-panel--Slxh7 .buttons--bNs1k{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;gap:8px}.side-panel--Slxh7 .button--q_Vzl{height:48px;width:100%}.page-content--T04qd{width:100%;height:100%;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center}.page-content--T04qd .tool-box--BdG3T{width:600px;min-width:600px}.page-content--T04qd .tool-box--BdG3T .inner--w2I9q{bottom:30px}.page-content--T04qd .tool--JDtOn{width:100%;padding-bottom:72.84%;background-image:url(https://assets.monica.im/home-web/_next/static/media/toolBg.7308518c.png)}.preview-cont--mLLye{position:relative;flex:1;width:100%;margin-top:16px;overflow:hidden;border-radius:16px;background-size:100% 100%;background-repeat:no-repeat}.preview-cont--mLLye .tool-card--dGgl8{position:absolute;width:400px;height:340px;right:85px;bottom:2px;border-radius:15px;border-bottom-left-radius:0;border-bottom-right-radius:0;border:1px solid var(--theme-border-light);background:var(--theme-bg-white);display:flex;gap:22px;flex-direction:column}.preview-cont--mLLye .tool-card--dGgl8 .tool-card-header--yhZ0z{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 12px;border-bottom:1px solid var(--theme-border-light)}.preview-cont--mLLye .tool-card--dGgl8 .tool-card-header--yhZ0z .tool-card-title--xBnG1{color:var(--theme-text-primary);font-size:15px;font-weight:500;line-height:20px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-cont--mLLye .tool-card--dGgl8 .tool-card-sub-title--SMBPr{color:var(--theme-text-primary);font-size:13px;font-weight:500;line-height:20px;opacity:.8}.preview-cont--mLLye .tool-card--dGgl8 .base-tool--DvZmn{display:flex;gap:8px;flex-direction:column;padding:0 15px}.preview-cont--mLLye .tool-card--dGgl8 .base-tool--DvZmn .base-tool-list--Cd_W5{display:flex;gap:8px}.preview-cont--mLLye .tool-card--dGgl8 .base-tool--DvZmn .base-tool-list--Cd_W5 .base-tool-item--wHlQo{display:flex;flex-direction:row;justify-content:center;align-items:center;flex:1;height:36px;border-radius:5px;border:1px solid var(--theme-border-light);box-shadow:0 1px 3px 0 var(--theme-shadow-s1)}.preview-cont--mLLye .tool-card--dGgl8 .webpage-tool--hObXr{display:flex;flex-direction:column;gap:16px;padding:0 14px}.preview-cont--mLLye .tool-card--dGgl8 .webpage-tool--hObXr .webpage-tool-header--Y6WH5{display:flex;justify-content:space-between}.preview-cont--mLLye .tool-card--dGgl8 .webpage-tool--hObXr .webpage-tool-content--_W2w0{position:relative;display:flex;flex-direction:column;gap:8px}.preview-cont--mLLye .tool-card--dGgl8 .webpage-tool--hObXr .webpage-tool-content--_W2w0:before{content:"";position:absolute;border-radius:5px;top:-8px;right:-8px;bottom:-8px;left:-8px;border:2px dashed var(--theme-btn-fill-primary)}.preview-cont--mLLye .tool-card--dGgl8 .webpage-tool--hObXr .webpage-tool-content--_W2w0 .favorited--V00yo{display:flex;gap:4px;align-items:center;color:var(--theme-text-primary);font-weight:14px;font-weight:500}.preview-cont--mLLye .tool-card--dGgl8 .webpage-tool--hObXr .webpage-tool-content--_W2w0 .webpage-tool-item--uxa1X{padding:8px 12px;display:flex;justify-content:space-between;gap:8px;border-radius:8px;background:var(--theme-fill-tsp-components-secondary)}.preview-cont--mLLye .tool-card--dGgl8 .webpage-tool--hObXr .webpage-tool-content--_W2w0 .webpage-tool-item--uxa1X .lt--Nrgii{display:flex;gap:6px;align-items:center}.preview-cont--mLLye .tool-card--dGgl8 .webpage-tool--hObXr .webpage-tool-content--_W2w0 .webpage-tool-item--uxa1X .lt--Nrgii .tool-name--t45Lt{color:var(--theme-text-primary);font-size:14px;font-weight:400;line-height:21.841px}.preview-cont--mLLye .tool-card--dGgl8 .webpage-tool--hObXr .webpage-tool-content--_W2w0 .webpage-tool-item--uxa1X .rt--qUU3l{display:flex;gap:2px;align-items:center}.preview-cont--mLLye .tool-card--dGgl8 .webpage-tool--hObXr .webpage-tool-content--_W2w0 .webpage-tool-item--uxa1X .rt--qUU3l .action-item--gD7tp{width:24px;height:24px;display:flex;flex-direction:row;justify-content:center;align-items:center}