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