.workspace-story .ws-demo{align-content:start;gap:18px;min-height:350px;padding:24px;font-size:13px;line-height:1.6;display:grid}.workspace-story .ws-demo :is(h3,p){margin:0}.workspace-story .ws-demo h3{letter-spacing:-.025em;font-size:22px;font-weight:600;line-height:1.25}.workspace-story .ws-demo :is(input,select){background:var(--bg-card);border:1px solid var(--border-subtle);width:100%;min-width:0;color:var(--text-primary);font:inherit;border-radius:8px;padding:11px 12px}.workspace-story .ws-demo select:focus-visible{outline:3px solid var(--ds-accent);outline-offset:3px}.ws-muted,.ws-demo small{color:var(--text-secondary);font-size:11px;line-height:1.6}.ws-section-label{color:var(--ds-accent);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:650;display:flex}.ws-choices{border:0;min-width:0;margin:0;padding:0}.ws-choices legend{color:var(--text-secondary);margin-bottom:9px;font-size:11px;font-weight:600}.ws-choices>div{flex-wrap:wrap;gap:6px;display:flex}.ws-choices button{border:1px solid var(--border-subtle);text-align:left;background:var(--bg-card);color:var(--text-secondary);border-radius:8px;padding:8px 12px;font-size:11px;line-height:1.45}.ws-choices button[aria-pressed=true]{background:var(--ds-soft);color:var(--text-primary);border-color:var(--ds-accent)}.ws-choices button:hover{border-color:var(--ds-accent)}.ws-action{border:1px solid var(--text-primary);background:var(--text-primary);width:fit-content;max-width:100%;color:var(--bg-app);text-align:left;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:600;display:inline-flex}.ws-action svg{flex-shrink:0}.ws-action-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-subtle)}.ws-status{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--accent-success) 22%, var(--bg-card));border-radius:9px;align-items:flex-start;gap:9px;padding:12px;font-size:12px;display:flex}.ws-status svg{flex-shrink:0;margin-top:3px}.ws-paper{border:1px solid var(--border-subtle);background:var(--bg-card);box-shadow:0 10px 20px -15px var(--ds-shadow);border-radius:10px;gap:14px;padding:24px;display:grid}.ws-paper p{color:var(--text-secondary);line-height:1.8}.ws-paper-rule{background:var(--border-subtle);height:1px}.ws-note{background:var(--bg-app);color:var(--text-secondary);border-radius:8px;align-items:flex-start;gap:10px;padding:14px;font-size:12px;display:flex}.ws-note>svg{color:var(--ds-accent);flex-shrink:0}.ws-note small{overflow-wrap:anywhere;display:block}.ws-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;min-width:0;padding:13px 0;display:flex}.ws-row>div{flex:1;min-width:0}.ws-row strong{overflow-wrap:anywhere;font-size:12px;font-weight:550;display:block}.ws-row small{display:block}.ws-dot{background:var(--ds-accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.ws-badge{background:var(--ds-soft);color:var(--text-primary);text-align:center;border-radius:5px;max-width:40%;padding:4px 8px;font-size:10px}.ws-search{align-items:center;gap:9px;display:flex}.ws-search svg{color:var(--text-secondary);flex-shrink:0}.ws-app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ws-app-card{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:10px;flex-direction:column;align-items:flex-start;gap:13px;padding:18px 14px;display:flex}.ws-app-card>svg{color:var(--ds-accent)}.ws-app-card strong{font-size:12px}.ws-dashboard-heading{align-items:center;gap:14px;margin:8px 0 2px;display:flex}.ws-dashboard-heading>svg{color:var(--ds-accent)}.ws-dashboard-heading small{letter-spacing:.06em;margin-bottom:5px;font-size:9px;display:block}.ws-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ws-metrics>div{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:9px;align-content:start;gap:9px;padding:18px 12px;display:grid}.ws-metrics strong{letter-spacing:-.05em;font-size:30px;font-weight:550;line-height:1}.ws-metrics span{color:var(--text-secondary);font-size:10px}.ws-chart{background:var(--border-subtle);border-radius:20px;height:8px;overflow:hidden}.ws-chart>span{background:var(--ds-accent);border-radius:inherit;height:100%;display:block}.ws-layout{border:1px dashed var(--border-subtle);border-radius:10px;flex-wrap:wrap;gap:14px 0;padding:15px;display:flex}.ws-layout-intro{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;flex-wrap:wrap;gap:10px;width:100%;padding:18px;display:flex}.ws-layout-intro p{width:100%;color:var(--text-secondary);font-size:11px}.ws-layout-metric{background:var(--ds-soft);border:1px solid var(--ds-accent);border-radius:8px;justify-items:center;gap:6px;padding:18px 6px;transition:width .2s;display:grid}.ws-layout-metric strong{font-size:28px}.ws-layout-metric span{font-size:10px}.ws-layout-view{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:8px;gap:10px;width:100%;padding:20px;display:flex}.ws-form{gap:16px;display:grid}.ws-form label{color:var(--text-secondary);gap:7px;font-size:11px;display:grid}.ws-details{gap:8px;display:grid}.ws-details>div{border-bottom:1px solid var(--border-subtle);justify-content:space-between;gap:15px;padding-bottom:8px;display:flex}.ws-details dt{color:var(--text-secondary)}.ws-details dd{margin:0}.ws-template{background:var(--ds-soft);border:1px solid var(--border-subtle);border-radius:12px;justify-items:start;gap:15px;padding:26px;display:grid}.ws-template>svg{color:var(--ds-accent)}.ws-template p{color:var(--text-secondary)}.ws-assistant{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:12px;align-items:flex-start;gap:12px;padding:18px;display:flex}.ws-assistant>div{flex:1;gap:14px;min-width:0;display:grid}.ws-orb{flex-shrink:0;width:26px;height:26px}.ws-assistant p{color:var(--text-secondary);line-height:1.8}.ws-context,.ws-source{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:10px;display:flex}.ws-source{border-top:1px solid var(--border-subtle);padding-top:10px}.ws-prompt{background:var(--ds-soft);border-radius:12px 12px 3px;margin-left:35px;padding:16px 18px;font-size:13px}.ws-file{border:1px solid var(--border-subtle);border-radius:9px;align-items:center;gap:12px;padding:15px;display:flex}.ws-file>svg{color:var(--ds-accent);flex-shrink:0}.ws-file>div{flex:1;min-width:0;display:grid}.ws-file strong{overflow-wrap:anywhere;font-size:12px}.ws-canvas{background-color:var(--bg-app);background-image:radial-gradient(var(--border-subtle) 1px, transparent 1px);background-size:15px 15px;border-radius:10px;padding:18px}.ws-canvas>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:30px 0;display:grid}.ws-sticky{background:var(--ds-soft);border:1px solid var(--border-subtle);min-height:140px;box-shadow:0 5px 10px var(--ds-shadow);flex-direction:column;gap:12px;padding:14px;display:flex;transform:rotate(-4deg)}.ws-sticky:nth-child(2){background:color-mix(in srgb, var(--accent-success) 35%, var(--bg-card));transform:translateY(18px)rotate(5deg)}.ws-sticky:nth-child(3){transform:translateY(-8px)rotate(3deg)}.ws-sticky strong{font-size:12px;line-height:1.5}.ws-sticky span{color:var(--text-secondary);margin-top:auto;font-size:10px}.ws-canvas[data-organized=true] .ws-sticky{transform:none}.ws-mail-heading{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.ws-mail-heading .ws-badge{margin-left:auto}.ws-mail-list{gap:6px;display:grid}.ws-mail-list button{border:1px solid var(--border-subtle);text-align:left;background:var(--bg-card);color:var(--text-primary);border-radius:9px;align-items:center;gap:12px;padding:14px;display:flex}.ws-mail-list button[aria-pressed=true]{background:var(--ds-soft);border-color:var(--ds-accent)}.ws-mail-list button>span:nth-child(2){min-width:0;display:grid}.ws-mail-list strong{font-size:12px}.ws-avatar{background:var(--bg-app);width:30px;height:30px;color:var(--ds-accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;display:grid}.ws-mail-time{color:var(--text-secondary);margin-left:auto;font-size:10px}.ws-message-details{border:1px solid var(--border-subtle);border-radius:9px;padding:15px}.ws-message-details summary{cursor:pointer;font-size:12px}.ws-message-details summary span{color:var(--text-secondary);margin-left:15px;font-size:10px}.workspace-story .ws-message-details p{margin-top:16px}.ws-signature{border-top:1px solid var(--border-subtle);gap:2px;padding-top:14px;display:grid}.ws-signature span{color:var(--text-secondary);font-size:10px}.ws-schedule{text-align:center;background:var(--ds-soft);border-radius:12px;justify-items:center;gap:12px;padding:28px 15px;display:grid}.ws-schedule>svg{color:var(--ds-accent)}.ws-schedule :is(p,span){color:var(--text-secondary);font-size:12px}.ws-image-preview{background:var(--bg-app);border:1px dashed var(--border-subtle);min-height:170px;color:var(--text-secondary);border-radius:10px;align-content:center;justify-items:center;gap:12px;display:grid}.ws-image-preview[data-visible=true]{background:var(--ds-soft);color:var(--text-primary)}.ws-image-art{align-items:end;gap:8px;height:70px;display:flex}.ws-image-art i{background:var(--ds-accent);border-radius:6px;width:28px;height:38px}.ws-image-art i:nth-child(2){opacity:.7;height:65px}.ws-image-art i:nth-child(3){opacity:.45;height:50px}@media (width<=1100px){.workspace-story .ds-quick-links{display:none}}@media (width<=600px){.workspace-story .ws-demo{gap:14px;min-height:320px;padding:16px}.ws-app-grid{grid-template-columns:1fr}.ws-app-card{grid-template-columns:30px 1fr;gap:6px 12px;padding:14px;display:grid}.ws-app-card>svg{grid-row:span 2}.ws-metrics{gap:6px}.ws-metrics>div{padding:14px 9px}.ws-metrics strong{font-size:26px}.ws-paper{padding:18px}.ws-assistant{gap:8px;padding:14px}.ws-orb{width:20px;height:20px}.ws-canvas>div{gap:8px}.ws-sticky{min-height:135px;padding:9px}.ws-sticky strong{font-size:10px}.ws-mail-time{display:none}}@media (prefers-reduced-motion:reduce){.ws-layout-metric{transition:none}}
