:root{color:#101828;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--line:#0f172a1a;--surface:#ffffffc7;--shadow:0 24px 80px #0f172a1f;background:#eef6f8;font-family:IBM Plex Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit}button,input{font:inherit}.page-shell{width:min(2240px,100% - 28px);margin:0 auto;padding:12px 0 28px}.brand-banner{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px;flex-wrap:wrap;align-items:baseline;gap:16px;margin:4px 0 14px;padding:18px 22px;display:flex}.brand-banner h1{margin:0;font:700 clamp(1.8rem,3vw,2.6rem)/.95 Space Grotesk,sans-serif}.brand-banner span{border-left:1px solid var(--line);color:#64748b;padding-left:16px;font-size:.95rem;font-weight:600}.story-dashboard .story-topbar{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-wrap:wrap;margin-bottom:14px;padding:8px 12px}.story-navigation{gap:8px;margin-left:auto;display:flex}.story-navigation .MuiButton-root{padding:8px 14px}.story-dashboard .story-main{background:0 0;padding:0}.story-dashboard .workspace-card{background:var(--surface);border-color:var(--line);min-height:calc(100vh - 176px);box-shadow:var(--shadow);border-radius:26px;padding:22px}.auth-layout{padding-top:9vh}.auth-layout .auth-panel{border-color:var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:26px;padding:28px}.eyebrow.MuiTypography-root{letter-spacing:.14em;text-transform:uppercase;color:#1d4ed8;margin-bottom:6px;font-size:.78rem}.story-workspace .story-list-panel,.story-workspace .story-detail-panel{background:#ffffffad;border-radius:18px;min-width:0}.story-list-panel{flex-shrink:0}.story-workspace .story-list-item{border-radius:18px;transition:border-color .15s,box-shadow .15s}.story-workspace .story-list-item:hover{border-color:#2563eb;box-shadow:0 4px 16px #2563eb14}.story-detail-panel .MuiTypography-root{overflow-wrap:anywhere}.story-detail-panel img{max-width:100%}.MuiButton-root:focus-visible,.MuiIconButton-root:focus-visible{outline-offset:3px;outline:3px solid #14b8a6}@media (width<=640px){.page-shell{width:calc(100% - 20px)}.brand-banner{gap:10px;padding:18px}.brand-banner span{border:0;width:100%;padding:0;font-size:.82rem}.story-dashboard .workspace-card{padding:16px}.story-navigation{order:3;width:100%;margin:0}.story-navigation .MuiButton-root{flex:1}.auth-layout{padding-top:5vh}.auth-layout .auth-panel{padding:22px}}.story-detail-panel .story-output-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.story-output-grid>*{min-width:0;margin:0!important}.story-detail-heading,.story-output-grid>.MuiAlert-root{grid-column:1/-1}.story-output-grid .story-media{aspect-ratio:4/3;border-radius:18px;grid-column:1/-1;width:100%;max-height:420px}.story-media img{object-fit:contain}.story-output-block{border:1px solid var(--line);background:#ffffffad;border-radius:18px;padding:16px}.story-output-block>.MuiPaper-root{background:0 0;border:0;border-radius:0;max-height:420px;padding:0}.story-output-block .MuiTypography-subtitle2{color:#101828;text-transform:none;letter-spacing:0;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700}@media (width<=900px){.story-detail-panel .story-output-grid{grid-template-columns:minmax(0,1fr)}}