.tailwind-grid-builder_builderShell__NKDo7{position:relative;z-index:3;overflow:hidden;border:1px solid rgba(255,255,255,.58);border-radius:20px;color:var(--ink);background:#f7f9f5;box-shadow:0 28px 80px rgba(2,22,17,.24)}.tailwind-grid-builder_builderShell__NKDo7 button,.tailwind-grid-builder_builderShell__NKDo7 input,.tailwind-grid-builder_builderShell__NKDo7 select,.tailwind-grid-builder_builderShell__NKDo7 textarea{font:inherit}.tailwind-grid-builder_builderShell__NKDo7 button:focus-visible,.tailwind-grid-builder_builderShell__NKDo7 input:focus-visible,.tailwind-grid-builder_builderShell__NKDo7 select:focus-visible,.tailwind-grid-builder_builderShell__NKDo7 textarea:focus-visible,.tailwind-grid-builder_previewBlock__ny8Uc:focus-visible{outline:3px solid var(--mint-bright);outline-offset:3px}.tailwind-grid-builder_builderHeader__gVBeL{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 28px;border-bottom:1px solid #dfe6df;background:rgba(255,255,255,.96)}.tailwind-grid-builder_breakpointLabel__y9aFH>span,.tailwind-grid-builder_builderHeader__gVBeL>div:first-child>span,.tailwind-grid-builder_codeHeader__xXyW5 span,.tailwind-grid-builder_panelHeading__VOOr_ span{color:#338a6c;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tailwind-grid-builder_builderHeader__gVBeL h2{margin:6px 0 3px;font-family:var(--font-manrope),sans-serif;font-size:25px;letter-spacing:-.045em}.tailwind-grid-builder_builderHeader__gVBeL p{margin:0;color:#71807a;font-size:11px}.tailwind-grid-builder_headerActions__fzJbI{display:flex;align-items:center;gap:9px}.tailwind-grid-builder_primaryButton__YAZks,.tailwind-grid-builder_secondaryButton__1k1B_{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border-radius:8px;cursor:pointer;font-size:10px!important;font-weight:800;transition:color .18s ease,background .18s ease,transform .18s ease}.tailwind-grid-builder_primaryButton__YAZks{border:1px solid #176f50;color:white;background:#176f50}.tailwind-grid-builder_primaryButton__YAZks span{font-size:16px;line-height:1}.tailwind-grid-builder_secondaryButton__1k1B_{border:1px solid #d5ddd7;color:#4d5e57;background:white}.tailwind-grid-builder_primaryButton__YAZks:hover,.tailwind-grid-builder_secondaryButton__1k1B_:hover{transform:translateY(-1px)}.tailwind-grid-builder_primaryButton__YAZks:hover{background:var(--green-900)}.tailwind-grid-builder_secondaryButton__1k1B_:hover{color:#176f50;border-color:#a9c8bb}.tailwind-grid-builder_breakpointSection__cFt0y{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;grid-gap:20px;gap:20px;padding:17px 28px;border-bottom:1px solid #dde5de;background:#f0f5f0}.tailwind-grid-builder_breakpointLabel__y9aFH{display:grid;grid-gap:5px;gap:5px}.tailwind-grid-builder_breakpointLabel__y9aFH small{color:#7a8782;font-size:8px;line-height:1.45}.tailwind-grid-builder_breakpointTabs__3dKwG{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:6px;gap:6px}.tailwind-grid-builder_breakpointTabs__3dKwG button{min-width:0;min-height:50px;display:grid;place-content:center;grid-gap:2px;gap:2px;border:1px solid #d7e0d9;border-radius:8px;color:#53635d;background:white;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.tailwind-grid-builder_breakpointTabs__3dKwG strong{font-size:10px;font-weight:800}.tailwind-grid-builder_breakpointTabs__3dKwG small{overflow:hidden;color:#87918d;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.tailwind-grid-builder_breakpointTabs__3dKwG button:hover{border-color:#8ebca9}.tailwind-grid-builder_breakpointTabs__3dKwG .tailwind-grid-builder_activeBreakpoint__PAdXD{color:white;border-color:#146c4d;background:#146c4d;box-shadow:0 8px 20px rgba(20,108,77,.18)}.tailwind-grid-builder_breakpointTabs__3dKwG .tailwind-grid-builder_activeBreakpoint__PAdXD small{color:rgba(255,255,255,.62)}.tailwind-grid-builder_workspace__ype6g{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:720px}.tailwind-grid-builder_canvasColumn__yMimN{min-width:0;display:flex;flex-direction:column;border-right:1px solid #dde5de}.tailwind-grid-builder_canvasToolbar__IZuf4{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border-bottom:1px solid #e1e7e1;background:white}.tailwind-grid-builder_viewportTitle__ambgu{display:flex;align-items:center;gap:10px}.tailwind-grid-builder_viewportTitle__ambgu div{display:grid;grid-gap:2px;gap:2px}.tailwind-grid-builder_viewportTitle__ambgu strong{font-size:11px}.tailwind-grid-builder_viewportTitle__ambgu small{color:#84908b;font-size:8px}.tailwind-grid-builder_statusDot__yES_4{width:9px;height:9px;border:2px solid white;border-radius:50%;background:#49c693;box-shadow:0 0 0 3px rgba(73,198,147,.16)}.tailwind-grid-builder_gridControls__lYpDh{display:flex;align-items:center;gap:8px}.tailwind-grid-builder_gridControls__lYpDh label{min-height:46px;display:flex;align-items:center;gap:8px;padding:0 8px 0 11px;border:1px solid #d8dfd9;border-radius:7px;background:#fbfcfa}.tailwind-grid-builder_gridControls__lYpDh label>span{color:#71807a;font-size:8px;font-weight:750}.tailwind-grid-builder_gridControls__lYpDh select{min-width:67px;height:31px;border:0;outline:0;color:#184f3c;background:transparent;font-size:9px;font-weight:800}.tailwind-grid-builder_canvasFrame__ncfwq{min-height:570px;flex:1 1;padding:28px;overflow:auto;background:linear-gradient(rgba(35,84,64,.045) 1px,transparent 0),linear-gradient(90deg,rgba(35,84,64,.045) 1px,transparent 0),#edf2ed;background-size:24px 24px}.tailwind-grid-builder_liveGrid__A0akV{min-height:510px;display:grid;align-content:start;grid-auto-flow:row;grid-auto-rows:minmax(92px,auto);padding:18px;border:1px solid #d3ddd5;border-radius:13px;background:rgba(255,255,255,.86);box-shadow:0 18px 45px rgba(26,55,44,.08);transition:gap .18s ease}.tailwind-grid-builder_previewBlock__ny8Uc{position:relative;min-width:0;min-height:118px;display:flex;flex-direction:column;padding:15px;overflow:hidden;border:1px solid #dce4dd;border-radius:10px;color:#18352b;background:white;box-shadow:0 6px 18px rgba(22,55,42,.06);cursor:-webkit-grab;cursor:grab;transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease,transform .16s ease}.tailwind-grid-builder_previewBlock__ny8Uc:active{cursor:-webkit-grabbing;cursor:grabbing}.tailwind-grid-builder_previewBlock__ny8Uc:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(22,55,42,.1)}.tailwind-grid-builder_previewBlock__ny8Uc[data-tone=mint],.tailwind-grid-builder_tonePicker__VVsHP button[data-tone=mint] span{border-color:#a9e3cb;background:#e9f9f1}.tailwind-grid-builder_previewBlock__ny8Uc[data-tone=blue],.tailwind-grid-builder_tonePicker__VVsHP button[data-tone=blue] span{border-color:#b5d9ee;background:#edf7fc}.tailwind-grid-builder_previewBlock__ny8Uc[data-tone=yellow],.tailwind-grid-builder_tonePicker__VVsHP button[data-tone=yellow] span{border-color:#ecd58c;background:#fff8dc}.tailwind-grid-builder_previewBlock__ny8Uc[data-tone=coral],.tailwind-grid-builder_tonePicker__VVsHP button[data-tone=coral] span{border-color:#eebdb4;background:#fff0ec}.tailwind-grid-builder_previewBlock__ny8Uc[data-tone=paper],.tailwind-grid-builder_tonePicker__VVsHP button[data-tone=paper] span{border-color:#dce2df;background:white}.tailwind-grid-builder_selectedBlock__GYbyr{border-color:#258762!important;box-shadow:0 0 0 3px rgba(37,135,98,.13),0 12px 28px rgba(22,55,42,.12)}.tailwind-grid-builder_dropTarget__nRWe9{border-style:dashed;border-color:#1a7656!important;opacity:.72}.tailwind-grid-builder_blockTopline__0xDm3{display:flex;align-items:center;gap:7px;margin-bottom:14px;color:#668078}.tailwind-grid-builder_dragHandle__u2dTC{font-size:14px;line-height:1}.tailwind-grid-builder_blockTopline__0xDm3 code,.tailwind-grid-builder_blockTopline__0xDm3>span:last-child{padding:3px 5px;border:1px solid rgba(26,78,59,.12);border-radius:4px;background:rgba(255,255,255,.58);font-size:7px}.tailwind-grid-builder_blockTopline__0xDm3>span:last-child{margin-left:auto}.tailwind-grid-builder_previewBlock__ny8Uc>strong{overflow:hidden;font-family:var(--font-manrope),sans-serif;font-size:14px;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.tailwind-grid-builder_previewBlock__ny8Uc>p{display:-webkit-box;margin:6px 0 12px;overflow:hidden;color:#61726b;font-size:9px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tailwind-grid-builder_blockActions__kY2rk{display:flex;align-items:center;gap:5px;margin-top:auto;opacity:0;transition:opacity .16s ease}.tailwind-grid-builder_previewBlock__ny8Uc:focus-within .tailwind-grid-builder_blockActions__kY2rk,.tailwind-grid-builder_previewBlock__ny8Uc:hover .tailwind-grid-builder_blockActions__kY2rk,.tailwind-grid-builder_selectedBlock__GYbyr .tailwind-grid-builder_blockActions__kY2rk{opacity:1}.tailwind-grid-builder_blockActions__kY2rk button{width:28px;height:27px;display:grid;place-items:center;padding:0;border:1px solid rgba(32,83,63,.16);border-radius:5px;color:#3f6556;background:rgba(255,255,255,.7);cursor:pointer;font-size:10px;font-weight:800}.tailwind-grid-builder_blockActions__kY2rk button:hover:not(:disabled){color:white;background:#176f50}.tailwind-grid-builder_blockActions__kY2rk button:disabled{opacity:.35;cursor:not-allowed}.tailwind-grid-builder_blockActions__kY2rk .tailwind-grid-builder_blockDelete__sFJAf{margin-left:auto;color:#a24b3e}.tailwind-grid-builder_blockActions__kY2rk .tailwind-grid-builder_blockDelete__sFJAf:hover:not(:disabled){background:#a24b3e}.tailwind-grid-builder_canvasFooter__exorr{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 20px;border-top:1px solid #dde5de;color:#75827d;background:white;font-size:8px}.tailwind-grid-builder_canvasFooter__exorr span:before{content:"⠿";margin-right:7px;color:#338a6c}.tailwind-grid-builder_canvasFooter__exorr code{max-width:65%;overflow:hidden;padding:6px 8px;border-radius:5px;color:#29684f;background:#edf6f0;text-overflow:ellipsis;white-space:nowrap}.tailwind-grid-builder_inspector__mE5eW{min-width:0;background:white}.tailwind-grid-builder_inspectorSection__NLCFy{padding:22px;border-bottom:1px solid #dfe5df}.tailwind-grid-builder_codeHeader__xXyW5,.tailwind-grid-builder_panelHeading__VOOr_{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.tailwind-grid-builder_codeHeader__xXyW5>div,.tailwind-grid-builder_panelHeading__VOOr_>div{min-width:0;display:grid;grid-gap:5px;gap:5px}.tailwind-grid-builder_codeHeader__xXyW5 strong,.tailwind-grid-builder_panelHeading__VOOr_ strong{overflow:hidden;font-family:var(--font-manrope),sans-serif;font-size:14px;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.tailwind-grid-builder_panelHeading__VOOr_>code{flex:none;padding:5px 7px;border-radius:5px;color:#2c7057;background:#edf6f0;font-size:8px}.tailwind-grid-builder_fieldStack__050qC{display:grid;grid-gap:13px;gap:13px;margin-top:20px}.tailwind-grid-builder_fieldPair__2xoni{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.tailwind-grid-builder_field__KdH_K{min-width:0;display:grid;grid-gap:6px;gap:6px}.tailwind-grid-builder_field__KdH_K>span,.tailwind-grid-builder_tonePicker__VVsHP legend{color:#68766f;font-size:8px;font-weight:750}.tailwind-grid-builder_field__KdH_K input,.tailwind-grid-builder_field__KdH_K select,.tailwind-grid-builder_field__KdH_K textarea{width:100%;min-width:0;border:1px solid #d7dfd9;border-radius:7px;outline:0;color:#17352b;background:#fbfcfa;font-size:10px;font-weight:650;transition:border-color .16s ease,box-shadow .16s ease}.tailwind-grid-builder_field__KdH_K input,.tailwind-grid-builder_field__KdH_K select{min-height:42px;padding:0 10px}.tailwind-grid-builder_field__KdH_K textarea{min-height:75px;padding:10px;resize:vertical;line-height:1.5}.tailwind-grid-builder_field__KdH_K input:focus,.tailwind-grid-builder_field__KdH_K select:focus,.tailwind-grid-builder_field__KdH_K textarea:focus{border-color:#5ca788;box-shadow:0 0 0 3px rgba(43,143,104,.1)}.tailwind-grid-builder_tonePicker__VVsHP{min-width:0;margin:17px 0 0;padding:14px;border:1px solid #dfe5df;border-radius:8px}.tailwind-grid-builder_tonePicker__VVsHP legend{padding:0 5px}.tailwind-grid-builder_tonePicker__VVsHP>div{display:flex;align-items:center;gap:9px}.tailwind-grid-builder_tonePicker__VVsHP button{width:31px;height:31px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:7px;background:white;cursor:pointer}.tailwind-grid-builder_tonePicker__VVsHP button span{width:19px;height:19px;display:block;border:1px solid #dfe5df;border-radius:5px}.tailwind-grid-builder_tonePicker__VVsHP button[aria-pressed=true]{border-color:#2c8965;box-shadow:0 0 0 2px rgba(44,137,101,.1)}.tailwind-grid-builder_codePanel__Cfy9X{padding:22px;color:white;background:#0c2921}.tailwind-grid-builder_codeHeader__xXyW5{align-items:center}.tailwind-grid-builder_codeHeader__xXyW5 span{color:#80d3b3}.tailwind-grid-builder_codeHeader__xXyW5 strong{color:rgba(255,255,255,.62);font-family:var(--font-inter),sans-serif;font-size:8px;font-weight:650;letter-spacing:normal}.tailwind-grid-builder_codeHeader__xXyW5 button{min-width:86px;min-height:36px;flex:none}.tailwind-grid-builder_codePanel__Cfy9X pre{max-height:340px;margin:18px 0 0;padding:15px;overflow:auto;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#d5e8df;background:rgba(0,0,0,.18);font-size:8px;line-height:1.7;white-space:pre}@media (max-width:960px){.tailwind-grid-builder_breakpointSection__cFt0y,.tailwind-grid-builder_workspace__ype6g{grid-template-columns:1fr}.tailwind-grid-builder_canvasColumn__yMimN{border-right:0}.tailwind-grid-builder_inspector__mE5eW{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid #dde5de}.tailwind-grid-builder_inspectorSection__NLCFy{border-right:1px solid #dfe5df;border-bottom:0}.tailwind-grid-builder_codePanel__Cfy9X pre{max-height:390px}}@media (max-width:680px){.tailwind-grid-builder_builderHeader__gVBeL{align-items:flex-start;flex-direction:column;padding:22px 18px}.tailwind-grid-builder_headerActions__fzJbI{width:100%}.tailwind-grid-builder_headerActions__fzJbI button{flex:1 1}.tailwind-grid-builder_breakpointSection__cFt0y{padding:16px 18px}.tailwind-grid-builder_breakpointTabs__3dKwG{grid-template-columns:repeat(3,minmax(0,1fr))}.tailwind-grid-builder_canvasToolbar__IZuf4{align-items:flex-start;flex-direction:column;padding:16px 18px}.tailwind-grid-builder_gridControls__lYpDh{width:100%}.tailwind-grid-builder_gridControls__lYpDh label{flex:1 1}.tailwind-grid-builder_gridControls__lYpDh select{width:100%}.tailwind-grid-builder_canvasFrame__ncfwq{min-height:500px;padding:16px}.tailwind-grid-builder_liveGrid__A0akV{min-height:470px;padding:12px}.tailwind-grid-builder_inspector__mE5eW{display:block}.tailwind-grid-builder_inspectorSection__NLCFy{border-right:0;border-bottom:1px solid #dfe5df}}@media (max-width:430px){.tailwind-grid-builder_builderHeader__gVBeL h2{font-size:22px}.tailwind-grid-builder_breakpointTabs__3dKwG{grid-template-columns:repeat(2,minmax(0,1fr))}.tailwind-grid-builder_fieldPair__2xoni{grid-template-columns:1fr}.tailwind-grid-builder_canvasFooter__exorr{align-items:flex-start;flex-direction:column}.tailwind-grid-builder_canvasFooter__exorr code{max-width:100%}}@media (prefers-reduced-motion:reduce){.tailwind-grid-builder_blockActions__kY2rk,.tailwind-grid-builder_breakpointTabs__3dKwG button,.tailwind-grid-builder_liveGrid__A0akV,.tailwind-grid-builder_previewBlock__ny8Uc,.tailwind-grid-builder_primaryButton__YAZks,.tailwind-grid-builder_secondaryButton__1k1B_{transition-duration:.01ms}}