.skm-story{display:grid;grid-template-columns:96px 1fr 200px;gap:16px;width:100%;padding:18px;background:var(--skm-white);font-family:var(--skm-font-body);color:var(--skm-text-primary);text-align:left}.skm-story__rail{display:flex;flex-direction:column;gap:6px}.skm-story__tool{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:var(--skm-radius-md);color:var(--skm-neutral-600);background:var(--skm-neutral-25)}.skm-story__tool--active{color:var(--skm-ui-primary);background:var(--skm-ui-primary-soft);font-weight:700}.skm-story__tool .skm-cal-glyph{width:16px;height:16px;flex:none}.skm-story__tool-label{font-size:12px;font-weight:600}.skm-story__stage{display:flex;justify-content:center}.skm-story__canvas{position:relative;width:100%;max-width:240px;aspect-ratio:9 / 16;border-radius:var(--skm-radius-lg);background-color:var(--skm-neutral-100);box-shadow:var(--skm-shadow-lg);overflow:hidden}.skm-story__segments{position:absolute;inset:10px 12px auto;display:flex;gap:4px}.skm-story__segment{flex:1;height:3px;border-radius:var(--skm-radius-pill);background:color-mix(in srgb,var(--skm-white) 45%,transparent)}.skm-story__segment--full{background:var(--skm-white)}.skm-story__canvas-head{position:absolute;inset:24px 12px auto;display:flex;align-items:center;gap:8px}.skm-story__live-ring{flex:none;display:inline-flex;padding:2px;border-radius:var(--skm-radius-pill);background:var(--skm-pink-500)}.skm-story__avatar{width:26px;height:26px;border-radius:var(--skm-radius-pill);border:2px solid var(--skm-white)}.skm-story__canvas-handle{font-size:12px;font-weight:700;color:var(--skm-white);text-shadow:0 1px 4px color-mix(in srgb,var(--skm-ink-dark) 40%,transparent)}.skm-story__format{margin-left:auto;padding:2px 8px;font-size:10px;font-weight:700;letter-spacing:.02em;color:var(--skm-white);background:color-mix(in srgb,var(--skm-ink-dark) 55%,transparent);border-radius:var(--skm-radius-pill)}.skm-story__overlay{position:absolute;inset:auto 14px 22px;margin:0;font-family:var(--skm-font-display);font-size:15px;font-weight:700;line-height:1.3;color:var(--skm-white);text-shadow:0 1px 6px color-mix(in srgb,var(--skm-ink-dark) 45%,transparent)}.skm-story__publish{display:flex;flex-direction:column;gap:16px}.skm-story__block{display:flex;flex-direction:column;gap:8px}.skm-story__block-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--skm-text-secondary)}.skm-story__covers{display:flex;gap:8px}.skm-story__cover{width:38px;height:60px;border-radius:var(--skm-radius-sm);background-color:var(--skm-neutral-100);background-size:cover;background-position:center;border:2px solid var(--skm-neutral-100)}.skm-story__cover--on{border-color:var(--skm-ui-primary);box-shadow:0 0 0 2px var(--skm-ui-primary-soft)}.skm-story__schedule{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--skm-neutral-200);border-radius:var(--skm-radius-md)}.skm-story__schedule-glyph{display:inline-flex;color:var(--skm-ui-primary)}.skm-story__schedule-glyph .skm-cal-glyph{width:15px;height:15px}.skm-story__schedule-when{font-size:12px;font-weight:600;color:var(--skm-text-primary)}.skm-story__cta{margin-top:auto;padding:11px 14px;font-family:var(--skm-font-body);font-size:13px;font-weight:700;color:var(--skm-white);background:var(--skm-ui-primary);border:none;border-radius:var(--skm-radius-md);box-shadow:var(--skm-shadow-card)}@media(max-width:560px){.skm-story{grid-template-columns:minmax(0,1fr);gap:14px}.skm-story__rail{flex-direction:row;flex-wrap:wrap}.skm-story__cta{margin-top:4px}}