/* Create Post v3 — high-fidelity premium layout inspired by the approved mockup */
.thream-cp-overlay{background:rgba(16,24,40,.54)!important;backdrop-filter:blur(16px) saturate(118%)!important;padding:24px!important}
.thream-cp-modal{width:min(1180px,calc(100vw - 48px))!important;max-width:1180px!important;max-height:94dvh!important;overflow:auto!important;border-radius:30px!important;border:1px solid rgba(255,255,255,.82)!important;background:#fff!important;box-shadow:0 34px 100px rgba(15,23,42,.34)!important;padding:0 30px 30px!important;display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(320px,.92fr)!important;column-gap:24px!important;align-items:start!important}
.thream-cp-header{grid-column:1/-1!important;position:sticky!important;top:0!important;z-index:20!important;margin:0 -30px 20px!important;min-height:96px!important;padding:18px 30px!important;border-bottom:1px solid #e9eef6!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important}
.thream-cp-header:after{content:'Share your ideas, updates or opportunities with your community.';position:absolute;left:100px;bottom:17px;font-size:11px;font-weight:600;color:#8a98ae;letter-spacing:-.01em}
.thream-cp-header>strong{font-size:24px!important;font-weight:850!important;letter-spacing:-.04em!important;color:#11203b!important}
.thream-cp-header>button:first-child{width:48px!important;height:48px!important;border-radius:16px!important;border:1px solid #e4eaf2!important;background:#fff!important;color:#334155!important;box-shadow:0 5px 14px rgba(15,23,42,.06)!important}
.thream-cp-header>button:last-child{min-width:130px!important;min-height:52px!important;border-radius:16px!important;background:linear-gradient(135deg,#1760f0,#337cf7)!important;color:#fff!important;font-size:13px!important;font-weight:850!important;box-shadow:0 14px 28px rgba(21,94,239,.24)!important}
.thream-cp-header>button:last-child:not(:disabled):hover{transform:translateY(-1px)!important;box-shadow:0 18px 34px rgba(21,94,239,.30)!important}
.thream-cp-left,.thream-cp-right{min-width:0!important}.thream-cp-left{grid-column:1!important}.thream-cp-right{grid-column:2!important;background:#fbfdff!important;border:1px solid #e8eef7!important;border-radius:22px!important;padding:18px!important;box-shadow:0 8px 24px rgba(15,23,42,.04)!important}
.thream-cp-types{grid-column:1!important;display:flex!important;gap:8px!important;margin:0 0 14px!important;max-width:320px!important;padding:4px!important;border:1px solid #e3eaf4!important;border-radius:14px!important;background:#f5f8fc!important}.thream-cp-types>button{min-height:42px!important;border-radius:10px!important;padding:0 16px!important;font-size:11px!important;font-weight:800!important}
.thream-cp-intentions{grid-column:1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:16px 0!important;overflow:visible!important}.thream-cp-intentions:before{content:'What is your intention?';grid-column:1/-1;font-size:14px;font-weight:850;color:#13213a;margin-bottom:1px}.thream-cp-intentions>button{min-width:0!important;min-height:58px!important;border:1px solid #e0e7f0!important;border-radius:15px!important;background:#fff!important;padding:10px 13px!important;color:#2d3c55!important;font-size:11px!important;font-weight:800!important;text-align:left!important;box-shadow:0 3px 12px rgba(15,23,42,.035)!important;transition:.18s ease!important}.thream-cp-intentions>button:hover{transform:translateY(-1px)!important;border-color:#b8cef3!important;background:#fafdff!important}.thream-cp-intentions>button[class*="bg-blue-600"]{border-color:#71a4ff!important;background:#eef5ff!important;color:#155eef!important;box-shadow:0 6px 18px rgba(21,94,239,.10)!important}
.thream-cp-title,.thream-cp-body,.thream-cp-tags,.thream-cp-conditional{grid-column:1!important}.thream-cp-title input,.thream-cp-tags input,.thream-cp-conditional input{min-height:50px!important;border-radius:14px!important;border:1px solid #dce5f0!important;background:#fff!important;padding:0 15px!important;font-size:12px!important;outline:none!important}.thream-cp-title input:focus,.thream-cp-tags input:focus,.thream-cp-conditional input:focus{border-color:#8fb5ff!important;box-shadow:0 0 0 4px rgba(21,94,239,.07)!important}.thream-cp-body textarea{min-height:220px!important;border-radius:18px!important;border:1px solid #dbe5f1!important;background:#fff!important;padding:20px!important;font-size:15px!important;line-height:1.65!important;color:#20304a!important;box-shadow:0 5px 18px rgba(15,23,42,.035)!important;outline:none!important}.thream-cp-body textarea:focus{border-color:#85afff!important;box-shadow:0 0 0 4px rgba(21,94,239,.07)!important}.thream-cp-body textarea::placeholder{color:#8fa0b8!important}
.thream-cp-audience{grid-column:2!important;grid-row:auto!important;margin:0 0 12px!important;border:1px solid #e3eaf4!important;border-radius:16px!important;background:#fff!important;padding:13px 14px!important;font-size:11px!important;font-weight:800!important;color:#52627a!important}.thream-cp-audience:before{content:'Post settings';display:block;margin-bottom:12px;font-size:15px;font-weight:850;color:#14213a;text-transform:none;letter-spacing:-.02em}.thream-cp-audience select{width:100%!important;min-height:50px!important;margin-top:7px!important;border:1px solid #dfe7f1!important;border-radius:13px!important;background:#f9fbfe!important;padding:0 14px!important;font-size:12px!important;color:#2e3d55!important}
.thream-cp-media{grid-column:2!important;margin:0 0 12px!important;border:1px solid #e3eaf4!important;border-radius:18px!important;background:#fff!important;padding:14px!important}.thream-cp-media:before{content:'Media preview';display:block;margin-bottom:10px;font-size:15px;font-weight:850;color:#14213a}.thream-cp-media button:has(svg[class*="lucide-image"]){width:100%!important;min-height:200px!important;border:1.5px dashed #b9cae2!important;border-radius:16px!important;background:linear-gradient(180deg,#f8fbff,#f3f7fc)!important;color:#4f6078!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:8px!important;font-size:11px!important;font-weight:800!important}.thream-cp-media button:has(svg[class*="lucide-image"]) svg{width:26px!important;height:26px!important;color:#155eef!important}.thream-cp-media img,.thream-cp-media video{max-height:300px!important;width:100%!important;border-radius:16px!important;object-fit:cover!important;background:#0d1728!important}
.thream-cp-options{grid-column:2!important;margin:0!important;border:1px solid #e3eaf4!important;border-radius:16px!important;background:#fff!important;padding:8px!important}.thream-cp-options label:has(input[type="checkbox"]){margin:0!important;border:0!important;border-radius:12px!important;background:#fff!important;padding:13px 12px!important;font-size:11px!important;font-weight:750!important;color:#334155!important}.thream-cp-options:after{content:'A positive, respectful community makes thream stronger.';display:block;margin-top:10px;border-radius:14px;background:#f1f6ff;padding:13px 14px;font-size:10px;font-weight:650;line-height:1.5;color:#667892}.thream-cp-right>*+*{margin-top:10px!important}
@media(max-width:980px){.thream-cp-modal{grid-template-columns:1fr!important;width:min(760px,calc(100vw - 36px))!important;padding:0 22px 26px!important}.thream-cp-header{margin:0 -22px 18px!important;padding:16px 22px!important}.thream-cp-left,.thream-cp-right,.thream-cp-types,.thream-cp-intentions,.thream-cp-title,.thream-cp-body,.thream-cp-tags,.thream-cp-conditional,.thream-cp-audience,.thream-cp-media,.thream-cp-options{grid-column:1!important}.thream-cp-right{padding:14px!important}.thream-cp-intentions{grid-template-columns:repeat(3,minmax(0,1fr))!important}.thream-cp-header:after{left:88px!important}}
@media(max-width:767px){
 .thream-cp-overlay{padding:0!important;align-items:stretch!important;justify-content:stretch!important;background:#fff!important;backdrop-filter:none!important;pointer-events:auto!important;touch-action:manipulation!important}
 .thream-cp-modal{width:100%!important;height:var(--thream-vvh,100dvh)!important;max-width:none!important;max-height:var(--thream-vvh,100dvh)!important;border-radius:0!important;border:0!important;padding:0 14px calc(88px + env(safe-area-inset-bottom))!important;display:block!important;overflow-y:auto!important;overflow-x:hidden!important;box-shadow:none!important;background:#f8fafc!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;pointer-events:auto!important}
 .thream-cp-header{margin:0 -14px 12px!important;min-height:66px!important;padding:10px 14px!important;display:grid!important;grid-template-columns:44px 1fr auto!important;align-items:center!important;gap:10px!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid #e8eef6!important;box-shadow:0 4px 18px rgba(15,23,42,.04)!important}.thream-cp-header>strong{font-size:17px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.thream-cp-header:after{display:none!important}.thream-cp-header>button:first-child{width:40px!important;height:40px!important;border-radius:13px!important;padding:0!important}.thream-cp-header>button:last-child{min-width:82px!important;min-height:40px!important;height:40px!important;padding:0 16px!important;border-radius:13px!important;font-size:12px!important;box-shadow:0 8px 18px rgba(21,94,239,.20)!important}
 .thream-cp-left,.thream-cp-right{width:100%!important}.thream-cp-types{max-width:none!important;width:100%!important;margin:0 0 12px!important;padding:4px!important;border-radius:13px!important;overflow-x:auto!important;scrollbar-width:none!important;background:#eef3f9!important}.thream-cp-types::-webkit-scrollbar,.thream-cp-intentions::-webkit-scrollbar{display:none!important}.thream-cp-types>button{flex:0 0 auto!important;min-height:40px!important;padding:0 14px!important;border-radius:10px!important;font-size:11px!important}
 .thream-cp-intentions{display:flex!important;width:100%!important;overflow-x:auto!important;gap:8px!important;padding:28px 2px 4px!important;margin:10px 0 12px!important;position:relative!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important}.thream-cp-intentions:before{position:absolute!important;left:2px!important;top:0!important;font-size:13px!important}.thream-cp-intentions>button{flex:0 0 116px!important;min-width:116px!important;min-height:48px!important;padding:9px 11px!important;border-radius:14px!important;font-size:10px!important;scroll-snap-align:start!important;text-align:center!important}
 .thream-cp-title,.thream-cp-body,.thream-cp-tags,.thream-cp-conditional{margin-bottom:10px!important;position:relative!important;z-index:2!important;pointer-events:auto!important}.thream-cp-title input,.thream-cp-tags input,.thream-cp-conditional input,.thream-cp-body textarea{pointer-events:auto!important;touch-action:manipulation!important;-webkit-user-select:text!important;user-select:text!important;caret-color:#155eef!important;position:relative!important;z-index:3!important;opacity:1!important}.thream-cp-title input,.thream-cp-tags input,.thream-cp-conditional input{width:100%!important;min-height:46px!important;border-radius:13px!important;padding:0 13px!important;font-size:16px!important;background:#fff!important}.thream-cp-body textarea{width:100%!important;min-height:150px!important;max-height:260px!important;border-radius:16px!important;padding:15px!important;font-size:16px!important;line-height:1.5!important;resize:none!important;background:#fff!important}
 .thream-cp-body textarea:focus,.thream-cp-title input:focus,.thream-cp-tags input:focus,.thream-cp-conditional input:focus{outline:none!important;border-color:#6ea0ff!important;box-shadow:0 0 0 3px rgba(21,94,239,.10)!important}
 .thream-cp-right{margin:12px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;gap:10px!important}.thream-cp-audience,.thream-cp-media,.thream-cp-options{width:100%!important;margin:0!important;border-radius:16px!important;background:#fff!important;border:1px solid #e3eaf4!important;box-shadow:0 4px 14px rgba(15,23,42,.035)!important}.thream-cp-audience{padding:12px!important}.thream-cp-audience:before{font-size:13px!important;margin-bottom:8px!important}.thream-cp-audience select{min-height:46px!important;margin-top:5px!important;border-radius:12px!important;font-size:16px!important}.thream-cp-media{padding:12px!important}.thream-cp-media:before{font-size:13px!important;margin-bottom:8px!important}.thream-cp-media button:has(svg[class*="lucide-image"]){min-height:118px!important;border-radius:14px!important;font-size:10px!important;padding:14px!important}.thream-cp-media button:has(svg[class*="lucide-image"]) svg{width:22px!important;height:22px!important}.thream-cp-media img,.thream-cp-media video{max-height:240px!important;border-radius:14px!important;object-fit:contain!important}.thream-cp-options{padding:6px!important}.thream-cp-options label:has(input[type="checkbox"]){padding:11px!important;font-size:10px!important}.thream-cp-options:after{margin-top:6px!important;padding:10px 11px!important;border-radius:12px!important;font-size:9px!important}.thream-live-media-preview{grid-column:1!important;width:100%!important;margin:0!important;padding:10px!important;border-radius:16px!important}.thream-live-media-stage{min-height:110px!important;border-radius:13px!important}.thream-live-media-stage img,.thream-live-media-stage video{max-height:230px!important;object-fit:contain!important}.thream-live-media-meta{padding:10px 0 0!important;gap:8px!important}.thream-live-file-icon{width:34px!important;height:34px!important;border-radius:10px!important}.thream-live-media-picker-compact{grid-column:1!important;width:100%!important;min-height:44px!important;border-radius:12px!important}
 .thream-cp-modal.thream-keyboard-open{padding-bottom:calc(28px + env(safe-area-inset-bottom))!important}.thream-cp-modal.thream-keyboard-open .thream-cp-header{position:relative!important}
}
@media(max-width:380px){.thream-cp-modal{padding-left:10px!important;padding-right:10px!important}.thream-cp-header{margin-left:-10px!important;margin-right:-10px!important;padding-left:10px!important;padding-right:10px!important;grid-template-columns:40px 1fr auto!important}.thream-cp-header>button:last-child{min-width:74px!important;padding:0 12px!important}.thream-cp-intentions>button{flex-basis:108px!important;min-width:108px!important}}