html,body,#root{min-height:100%;margin:0}body{background:#f5f7fa;min-width:1180px}*{box-sizing:border-box}.intro-alert{margin-bottom:16px}.workspace{background:#fff;border:1px solid #e5eaf0;border-radius:12px;grid-template-columns:minmax(720px,1fr) 1px 356px;gap:0;min-height:690px;display:grid;overflow:hidden;box-shadow:0 8px 28px #0f223a0f}.workspace-divider{border-color:#e5eaf0;height:100%;margin:0}.preview-shell{background:linear-gradient(145deg,#f7fbff 0%,#f8fafc 55%,#f6fffb 100%);padding:24px;position:relative}.preview-toolbar{justify-content:flex-end;margin-bottom:18px;display:flex;position:relative}.marker{color:#fff;background:#1677ff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 3px 12px #1677ff5c}.preview-toolbar>.marker{position:absolute;top:-13px;right:-10px}.delivery-card,.feature-card,.gate-card{box-shadow:0 4px 14px #1431500d;border:1px solid #dfe7ef!important}.delivery-card{margin-bottom:16px}.section-title{justify-content:space-between;align-items:flex-start;margin-bottom:26px;display:flex;position:relative}.section-title h4,.feature-card h4,.gate-card h4,.annotation-heading h4{margin:0 0 4px!important}.two-column{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.feature-card{min-height:190px;position:relative}.feature-card .marker{position:absolute;top:16px;right:16px}.feature-icon{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:14px;font-size:20px;display:flex}.feature-icon.purple{color:#722ed1;background:#f9f0ff}.feature-icon.cyan{color:#08979c;background:#e6fffb}.feature-icon.amber{color:#d48806;background:#fffbe6;flex:none;margin:0}.gate-card{margin-bottom:16px;position:relative}.gate-main{align-items:center;gap:14px;display:flex}.gate-status{margin-left:auto}.gate-card .marker{background:#d48806;position:absolute;top:17px;right:16px;transform:translate(42px)}.pending-alert{position:relative}.floating-marker{position:absolute;bottom:54px;right:8px}.floating-marker .marker{background:#d46b08}.annotation-list{background:#fff;flex-direction:column;min-width:0;display:flex}.annotation-heading{justify-content:space-between;padding:20px 20px 8px;display:flex}.annotation-tabs{margin-bottom:0;padding-inline:16px}.annotation-scroll{flex-direction:column;gap:10px;padding:8px 14px 18px;display:flex;overflow-y:auto}.annotation-card{text-align:left;width:100%;color:inherit;cursor:pointer;background:#fff;border:1px solid #e4e9ef;border-radius:10px;gap:12px;padding:15px;transition:border-color .18s,box-shadow .18s;display:flex}.annotation-card:hover,.annotation-card:focus-visible{border-color:#91caff;outline:none;box-shadow:0 4px 14px #1677ff1a}.annotation-number{color:#fff;border-radius:50%;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:inline-flex}.annotation-copy{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.annotation-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.annotation-category-tag{margin:0}.annotation-summary{color:#526277;font-size:13px;line-height:1.65}.annotation-source{color:#1677ff;font-size:12px}@media (width<=1280px){.workspace{grid-template-columns:minmax(700px,1fr) 1px 326px}.preview-shell{padding:18px}}