.dsrc-source-tabs{display:flex;gap:6px;align-items:center;padding:10px 18px;background:var(--n-0);border-bottom:1px solid var(--n-200);flex-shrink:0}.dsrc-source-tabs button{display:flex;align-items:center;gap:8px;background:var(--n-0);border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 12px;font-family:inherit;font-size:var(--fs-sm);color:var(--n-500);cursor:pointer}.dsrc-source-tabs button.selected{background:var(--p-50);border-color:var(--p-100);color:var(--p-600)}.dsrc-source-tabs button>span{font-size:var(--fs-lg)}.dsrc-source-tabs small{font-size:var(--fs-xs);background:var(--n-150);color:var(--n-500);padding:2px 4px;border-radius:var(--radius-xs)}.dsrc-source-tabs>p{font-size:var(--fs-xs);color:var(--n-500);margin-left:auto}.dsrc-figma{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px;padding:26px 34px;overflow:auto;min-height:0;flex:1;background:var(--p-25)}.dsrc-main{max-width:950px}.dsrc-main h2{font-size:var(--fs-2xl)!important;font-weight:500;margin:10px 0;color:var(--n-600)}.dsrc-lead{font-size:var(--fs-md);color:var(--n-500);line-height:1.8}.dsrc-link-card{border:1px solid var(--n-200);border-radius:var(--radius-md);padding:18px;background:var(--n-0);margin:22px 0}.dsrc-link-card label{font-size:var(--fs-sm);color:var(--n-500)}.dsrc-link-card>div{display:flex;gap:10px;margin-top:10px}.dsrc-link-card input{flex:1;min-width:0;background:var(--n-25);border:1px solid var(--n-200);border-radius:var(--radius-sm);padding:10px 12px;font-size:var(--fs-sm);color:var(--n-500);outline:none}.dsrc-link-card input:focus{border-color:var(--p-400)}.dsrc-link-card input::placeholder{color:var(--p-300)}.dsrc-connection{font-size:var(--fs-xs);color:var(--n-500);margin:12px 0 0}#dsrcNotice{font-size:var(--fs-xs);color:var(--n-500);margin:6px 0 0}.dsrc-process{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:24px 0}.dsrc-process>div{border-left:2px solid var(--n-200);padding-left:14px}.dsrc-process span{display:block;font-size:var(--fs-xs);color:var(--n-500)}.dsrc-process b{display:block;font-size:var(--fs-md);font-weight:500;color:var(--n-500);margin:8px 0}.dsrc-process p{font-size:var(--fs-xs);color:var(--n-500);margin:0;line-height:1.8}.dsrc-mapping{border:1px solid var(--n-200);border-radius:var(--radius-md);padding:18px;background:var(--n-0);margin-top:26px}.dsrc-mapping>header{display:flex;align-items:center;justify-content:space-between;padding:0!important;border:0!important;margin-bottom:15px}.dsrc-mapping h3{font-size:var(--fs-md);color:var(--n-500);margin:0}.dsrc-mapping header span{font-size:var(--fs-xs);color:var(--n-500)}.dsrc-mapping>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:11px 7px;border-bottom:1px solid var(--n-100);font-size:var(--fs-sm);color:var(--n-500)}.dsrc-mapping>div:last-child{border:0}.dsrc-mapping .dsrc-map-labels{background:var(--n-50);border:0;border-radius:var(--radius-sm);font-size:var(--fs-xs);color:var(--n-500)}.dsrc-mapping small{font-size:var(--fs-xs);color:var(--n-500);margin-left:10px}.dsrc-side{padding-top:24px}.dsrc-side section{margin-bottom:26px;border-bottom:1px solid var(--n-200);padding-bottom:22px}.dsrc-side h3{font-size:var(--fs-md);color:var(--n-500);font-weight:500;margin:0 0 12px}.dsrc-side p{font-size:var(--fs-sm);color:var(--n-500);line-height:1.9}.dsrc-side small{font-size:var(--fs-xs);color:var(--p-300);line-height:1.8}.dsrc-side b{font-size:var(--fs-xs);font-weight:500;color:var(--n-500)}.dsrc-side section>div{margin:17px 0}.dsrc-side section>div p{font-size:var(--fs-xs);margin:6px 0}@media(max-width:1100px){.dsrc-figma{padding:22px;gap:24px;grid-template-columns:1fr 230px}.dsrc-source-tabs>p{display:none}.dsrc-process{gap:12px}.dsrc-mapping header span{display:none}}