.composer-modal{width:min(510px,calc(100vw - 24px));max-height:94dvh;background:#141416}.composer-modal .modal-header{background:#141416ed;border-bottom:0;padding:17px 20px}.composer-modal .modal-header h2{font-size:16px}.composer-modal #modal-body{padding:0}.capture-composer{padding:0 18px 15px}.capture-mode-tabs{display:flex;justify-content:center;gap:28px;margin:0 0 15px}.capture-mode-tabs button{display:flex;align-items:center;gap:7px;font-size:12px;padding:8px 4px;color:#82828e;border-bottom:2px solid transparent}.capture-mode-tabs button[aria-selected=true]{color:var(--coral);border-color:var(--coral)}.capture-mode-tabs svg{width:15px;height:15px}.capture-stage{position:relative;width:100%;height:min(49dvh,440px);min-height:270px;border-radius:13px;background:radial-gradient(ellipse at 50% 30%,#303033,#1b1b1e 65%);overflow:hidden;border:1px solid #303034}.capture-stage>#camera-view,.capture-stage>#capture-preview{position:absolute;inset:0;width:100%;height:100%}#camera-view{object-fit:cover}#capture-preview img,#capture-preview video{width:100%;height:100%;display:block;object-fit:contain;background:#09090b}#capture-preview video{padding-bottom:43px}.camera-placeholder{height:100%;padding:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.camera-outline{width:46px;height:34px;border:2px solid #a8a0a0;border-radius:8px;position:relative;margin-bottom:23px}.camera-outline:before{content:'';position:absolute;top:-7px;left:10px;width:20px;height:6px;border:2px solid #a8a0a0;border-bottom:0;border-radius:4px 4px 0 0}.camera-outline:after{content:'';position:absolute;width:15px;height:15px;border:2px solid var(--coral);border-radius:50%;left:13px;top:7px}.camera-placeholder strong{font-family:Manrope,var(--font);font-size:17px;letter-spacing:-.4px}.camera-placeholder p{font-size:11px;color:#aaa4ad;line-height:1.7;max-width:300px;margin:10px auto 17px}.native-camera-button{border:1px solid #78615b;background:#ff786313;color:#f4b4a7;padding:11px 18px;border-radius:22px;font-size:11px;margin-top:8px}.camera-placeholder .secondary{font-size:11px;padding:9px 18px;border-radius:20px;margin-bottom:4px}.camera-placeholder .text-button{margin-top:10px;font-size:10px}.capture-live-label{position:absolute;top:16px;left:16px;font-size:8px;letter-spacing:1.8px;background:#0005;padding:8px 10px;border-radius:15px;color:#fff}.capture-live-label span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ff7863;margin-right:6px}.capture-guides{position:absolute;inset:55px 25px 105px;border:1px solid #ffffff38;border-radius:13px;pointer-events:none}.camera-flip{position:absolute;right:16px;top:13px;width:36px;height:36px;border-radius:50%;background:#0006;color:#fff;font-size:27px;line-height:1}.capture-shutter-area{position:absolute;left:0;right:0;bottom:0;padding:25px 15px 18px;background:linear-gradient(transparent,#000a);display:flex;align-items:center;justify-content:center;gap:24px}.capture-photo-mode,.capture-video-mode{font-size:9px;letter-spacing:1.6px;width:70px}.capture-photo-mode{text-align:right;color:#ffe6df}.capture-video-mode{text-align:left;color:#ddd;padding:0;font-size:9px;letter-spacing:.4px}.capture-shutter{width:65px;height:65px;border-radius:50%;border:3px solid white;padding:4px;display:grid;place-items:center;box-shadow:0 3px 20px #0004;background:#ffffff13}.capture-shutter span{width:100%;height:100%;border-radius:50%;background:#fff}.capture-shutter:disabled{opacity:.4}.capture-review-actions{position:absolute;bottom:12px;right:12px;left:12px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.capture-review-actions button{pointer-events:auto;background:#161619c9;backdrop-filter:blur(10px);border:1px solid #ffffff24;border-radius:18px;font-size:9px;padding:8px 12px;display:flex;align-items:center;gap:6px;color:#eee}.capture-review-actions svg{width:12px;height:12px}.capture-caption-row{display:flex;gap:11px;padding:18px 0 12px;align-items:flex-start}.capture-avatar{width:30px;height:30px;background:#39342f;color:#e6c7aa;font-size:10px}.capture-caption-row label{flex:1;min-width:0}.capture-caption-row textarea{width:100%;resize:vertical;min-height:57px;max-height:180px;background:transparent;border:0;color:#eee;font-size:12px;line-height:1.7;padding:3px 0;outline-offset:3px}.capture-caption-row textarea::placeholder{color:#817d86}.capture-context{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #2c2a30;gap:8px}.capture-context>span{font-size:10px;color:#a7a1ac;display:flex;gap:6px;align-items:center}.capture-context strong{font-weight:500}.capture-context svg{width:13px;height:13px}.capture-context>button{display:flex;align-items:center;gap:5px;color:#c6bebf;font-size:10px}.capture-details{background:#1f1d22;padding:15px;border-radius:10px;margin:5px 0 12px}.capture-details>p{color:#9b929f;font-size:10px;margin:0 0 15px}.capture-details .field:last-child{margin-bottom:0}.capture-details .field{gap:7px;margin-bottom:13px}.capture-details .field>span{font-size:10px}.capture-details input,.capture-details select{font-size:11px;padding:10px;background:#29262e}.capture-publish-row{border-top:1px solid #2c2a30;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:14px}.capture-publish-row>span{font-size:10px;color:#c7bec6;line-height:1.8}.capture-publish-row small{font-size:9px;color:#77707d}.capture-publish-row .primary{min-width:120px;min-height:42px;padding:10px 17px;border-radius:24px;font-size:12px}.capture-publish-row .primary svg{width:15px;height:15px}.capture-footnote{font-size:8px;color:#6b636f;text-align:center;margin:13px 0 0}.gallery-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 0}.gallery-tools .secondary{font-size:10px;padding:8px 10px;border-radius:17px}.gallery-tools label{display:flex;align-items:center;gap:6px;font-size:9px;color:#aaa0ac}.gallery-tools select{background:#26222b;border:1px solid #433b48;border-radius:15px;padding:7px;color:#d4ccd7;font-size:9px}.media-busy{position:absolute;inset:0;background:#141416bd;display:grid;place-items:center;z-index:8;color:#f4dad2;font-size:12px;backdrop-filter:blur(5px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.composer-modal .form-error{font-size:11px;margin:7px 0;line-height:1.6}
@media(max-width:600px){.composer-modal{width:100%;max-width:100%;height:100dvh;max-height:100dvh;max-height:100svh;max-height:100dvh;border-radius:0;border:0;margin:0;inset:0}.composer-modal .modal-header{padding:14px 17px}.capture-composer{padding:0 15px max(18px,env(safe-area-inset-bottom))}.capture-mode-tabs{margin-bottom:12px}.capture-stage{height:46dvh;min-height:260px;border-radius:12px}.capture-caption-row{padding:15px 0 8px}.capture-publish-row{padding-top:12px}.camera-placeholder{padding:18px}.camera-placeholder strong{font-size:16px}.camera-placeholder p{font-size:11px}.camera-outline{margin-bottom:18px}.capture-photo-mode,.capture-video-mode{width:70px}.capture-details .form-row{grid-template-columns:1fr 1fr}.capture-footnote{font-size:8px}.capture-publish-row .primary{min-height:43px}}