@scope(.composer){:scope{gap:var(--space-5);max-inline-size:72rem;display:grid;@media (width>=1024px){gap:var(--space-5) var(--space-6);grid-template-columns:minmax(0,1fr) 18rem;grid-template-areas:"head head""editor preview";align-items:start}@media (width>=1280px){grid-template-columns:minmax(0,1fr) 22rem}}.composer-head{justify-items:start;gap:var(--space-2);display:grid}.composer-head .page-title{font-size:clamp(1.625rem,1.3rem + 1.2vw,2.25rem)}.meta{align-items:center;gap:var(--space-2);color:var(--text-muted);flex-wrap:wrap;font-size:.9375rem;font-weight:500;display:flex}.segmented{margin-block-start:var(--space-2)}.editor{gap:var(--space-4);min-inline-size:0;display:grid;&>*{min-inline-size:0}}.post-form{gap:var(--space-4);display:grid}.preview-pane{gap:var(--space-3);display:none}:scope[data-mode=preview] .editor{display:none}:scope[data-mode=preview] .preview-pane{display:grid}@media (width>=1024px){.composer-head{grid-area:head}.editor{grid-area:editor}.preview-pane{grid-area:preview}.segmented{display:none}.preview-pane,:scope[data-mode=preview] .preview-pane{display:grid;position:sticky;inset-block-start:var(--space-6)}:scope[data-mode=preview] .editor{display:grid}}.ai-actions{gap:var(--space-2);padding-block-start:var(--space-2);display:grid}.ai-actions .reel{margin:-4px;padding:4px}.ai-actions .button[data-variant=quiet]{justify-self:start;padding-inline:0}.details{padding-block-end:var(--space-2)}.details .list-row{padding-inline:0}.date-row{grid-template-columns:auto minmax(0,1fr)}.date-row .field{align-items:center;gap:var(--space-1) var(--space-3);@media (width>=600px){grid-template-columns:minmax(0,1fr) minmax(9.5rem,12rem)}}.date-row .field label{font-size:1rem;font-weight:600}.date-row .field :is(.hint,.error){grid-column:1/-1}.action-bar{z-index:5;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-bg) 94%, transparent);box-shadow:var(--shadow-float);backdrop-filter:blur(12px);display:grid;position:sticky;inset-block-end:calc(var(--tab-bar-height) + env(safe-area-inset-bottom) + var(--space-3));@media (width>=768px){inset-block-end:var(--space-4)}}.action-bar .hint{padding-inline:var(--space-2);font-size:var(--text-caption)}.action-bar .buttons{gap:var(--space-2);flex-wrap:nowrap}.action-bar .buttons .button{min-inline-size:0;padding-inline:var(--space-3);flex:1 1 0}.action-bar [data-variant=danger]{flex:none;margin-inline-end:auto}@media (width<600px){.action-bar [data-variant=danger] .label{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}@media (width>=600px){.action-bar .buttons .button{padding-inline:var(--space-5);flex:none}}}@scope(.photo){:scope{gap:var(--space-3);display:grid}.frame{aspect-ratio:4/5;border-radius:var(--radius-lg);background:var(--surface);place-items:center;inline-size:min(100%,26rem);margin-inline:auto;display:grid;position:relative;overflow:hidden}.frame[data-empty]{border:1.5px dashed var(--line-strong);background:radial-gradient(60% 50% at 30% 30%, var(--color-glow-blush), transparent 70%), radial-gradient(60% 50% at 75% 70%, var(--color-glow-lilac), transparent 70%), var(--color-canvas)}.frame img{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.placeholder{justify-items:center;gap:var(--space-3);color:var(--text-muted);margin-block-end:var(--space-8);font-weight:600;display:grid}.badge{background:var(--color-bg);block-size:4rem;inline-size:4rem;color:var(--color-accent-strong);box-shadow:var(--shadow-card);border-radius:50%;place-items:center;display:grid}.frame>.button{inset-block-end:var(--space-4);inset-inline:var(--space-4);inline-size:auto;box-shadow:var(--shadow-float);position:absolute}.frame:not([data-empty])>.button{background:color-mix(in srgb, var(--color-bg) 88%, transparent);backdrop-filter:blur(10px);border-color:#0000;inset-inline:50% auto;translate:-50%}:scope>.hint{text-align:center;font-size:var(--text-caption)}.consent{border-block-start:1px solid var(--line);padding-block-start:var(--space-4)}.question legend{margin-block-end:var(--space-2);font-weight:600}}@scope(.ig-preview){:scope{border-radius:var(--radius-lg);background:var(--color-bg);inline-size:100%;max-inline-size:26rem;box-shadow:var(--shadow-card);margin:0;overflow:hidden}.ig-head{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-small);display:flex}.who{flex:1;min-inline-size:0;line-height:1.25;display:grid;& .muted{font-size:var(--text-caption)}}.avatar{block-size:2.25rem;inline-size:2.25rem;font-size:.9375rem}.ig-media{aspect-ratio:4/5;background:var(--surface);place-items:center;display:grid}:scope[data-format=story] .ig-media{aspect-ratio:9/16}.ig-media img{object-fit:cover;block-size:100%;inline-size:100%}.placeholder{justify-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-small);font-weight:600;display:grid}.ig-actions{gap:var(--space-4);padding:var(--space-3) var(--space-4) var(--space-2);display:flex}.spacer{flex:1}.ig-caption{padding-inline:var(--space-4);font-size:var(--text-small);white-space:pre-line;overflow-wrap:anywhere;line-height:1.45}.ig-date{padding:var(--space-2) var(--space-4) var(--space-4);color:var(--text-subtle);font-size:.75rem;font-weight:600}}