.live-previews{padding-top:96px;background:linear-gradient(180deg,#f7f8fb 0,#f2eff9 100%)}
.preview-heading{margin-bottom:38px}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.preview-card{position:relative;overflow:hidden;border:1px solid #dce2ea;border-radius:16px;background:#fff;box-shadow:0 14px 38px rgba(8,28,53,.07);outline:none;transition:border-color .2s,box-shadow .2s,transform .2s}.preview-card:hover,.preview-card:focus-visible,.preview-card.is-playing{border-color:#b9a5e7;box-shadow:0 22px 56px rgba(46,28,91,.14);transform:translateY(-3px)}.preview-card:focus-visible{box-shadow:0 0 0 3px rgba(101,66,192,.18),0 22px 56px rgba(46,28,91,.14)}
.preview-stage{position:relative;height:272px;overflow:hidden;border-bottom:1px solid #e1e5ec;background:linear-gradient(145deg,#e8edf4,#f7f4fc);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#253b53}.preview-stage:before{content:"SuiteCraft · synthetic preview";position:absolute;top:8px;left:11px;z-index:8;color:#728298;font-size:7px;font-weight:750;letter-spacing:.35px}.preview-stage *{box-sizing:border-box}.preview-stage [hidden]{display:none!important}.preview-stage button,.preview-stage input{font:inherit}.preview-card-copy{position:relative;min-height:166px;padding:24px 25px 25px}.preview-card-copy>span{color:#7658bd;font-size:8px;font-weight:800;letter-spacing:1.2px}.preview-card-copy h3{margin:7px 0 6px;color:#102942;font-size:18px;letter-spacing:-.25px}.preview-card-copy p{max-width:280px;margin:0;color:#68788c;font-size:11px;line-height:1.55}.preview-replay{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #d8cbed;border-radius:999px;background:#faf8ff;color:#6542c0;font-size:9px;font-weight:750;cursor:pointer;opacity:0;transform:translateY(4px);transition:.18s}.preview-card.is-complete .preview-replay{opacity:1;transform:none}.preview-card.is-playing .preview-replay{opacity:0;pointer-events:none}.preview-hint{margin:17px 0 0;color:#76869a;font-size:10px;text-align:right}.preview-hint span{color:#7658bd}
.pv-window{position:absolute;top:29px;left:16px;right:16px;bottom:14px;overflow:hidden;border:1px solid #bfcbd8;border-radius:8px;background:#fff;box-shadow:0 15px 34px rgba(8,28,53,.14)}.pv-topbar{display:flex;align-items:center;gap:5px;height:25px;padding:0 9px;background:#102942;color:#e7edf4;font-size:7px}.pv-logo{display:grid;place-items:center;width:14px;height:14px;border-radius:4px;background:#091a2f;color:#fff;font-size:6px;font-weight:800}.pv-topbar strong{font-size:7px}.pv-topbar em{margin-left:auto;color:#aebdcb;font-size:6px;font-style:normal}.pv-toolbar{display:flex;align-items:center;gap:6px;padding:8px 9px;border-bottom:1px solid #e3e7ed;background:#fafbfc}.pv-search{display:flex;align-items:center;flex:1;height:24px;padding:0 8px;border:1px solid #cbd5e0;border-radius:5px;background:#fff;color:#8996a5;font-size:7px}.pv-search.is-active{border-color:#7658bd;box-shadow:0 0 0 2px rgba(101,66,192,.12)}.pv-search-value{color:#263b52}.pv-filter{height:24px;padding:0 7px;border:1px solid #d6dde6;border-radius:5px;background:#fff;color:#607287;font-size:6px}.pv-table-head,.pv-row{display:grid;grid-template-columns:1.5fr .9fr .65fr;align-items:center;gap:7px;padding:0 10px}.pv-table-head{height:20px;background:#edf1f5;color:#718196;font-size:5px;font-weight:800;letter-spacing:.4px}.pv-row{height:35px;border-bottom:1px solid #ebeff3;font-size:6px;transition:.25s}.pv-row strong{display:block;color:#30465d;font-size:7px}.pv-row small{display:block;color:#8090a2;font-size:5px}.pv-row i{justify-self:start;padding:2px 4px;border-radius:7px;background:#eee8fa;color:#6542c0;font-size:5px;font-style:normal}.pv-row.is-hidden{height:0;padding-top:0;padding-bottom:0;overflow:hidden;border:0;opacity:0}.pv-row.is-selected{background:#f4effc;box-shadow:inset 3px 0 #7658bd}.pv-detail{position:absolute;top:25px;right:0;bottom:0;width:64%;padding:15px 13px;background:#fff;box-shadow:-10px 0 28px rgba(8,28,53,.16);transform:translateX(105%);transition:.36s ease}.pv-detail.is-open{transform:none}.pv-detail-label{color:#7d6aa8;font-size:5px;font-weight:800;letter-spacing:.7px}.pv-detail h4{margin:5px 0 2px;color:#1c3148;font-size:10px}.pv-detail>small{color:#75869a;font-size:5px}.pv-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.pv-detail-grid span{padding:6px;border:1px solid #e1e6ec;border-radius:4px;color:#7b8999;font-size:5px}.pv-detail-grid strong{display:block;margin-top:2px;color:#31465d;font-size:6px}.pv-action{display:inline-block;margin-top:10px;padding:5px 7px;border-radius:4px;background:#6542c0;color:#fff;font-size:5px;font-weight:750}
.pv-record-page{position:absolute;inset:0;background:#f8fafc}.pv-nsbar{height:21px;background:#637b9d}.pv-record-title{display:flex;align-items:center;gap:7px;padding:14px 13px 5px;color:#526883;font-size:14px;font-weight:750}.pv-record-title span{width:13px;height:16px;border-radius:2px;background:#728bc1}.pv-shortcuts{display:flex;gap:4px}.pv-shortcuts i{display:grid;place-items:center;width:20px;height:20px;border:1px solid #c8d4e0;border-radius:5px;background:#fff;color:#6542c0;font-size:8px;font-style:normal}.pv-record-actions{display:flex;gap:5px;padding:3px 13px 9px;border-bottom:1px solid #dfe5eb}.pv-record-actions b{padding:4px 7px;border-radius:3px;background:#e3e6e9;color:#46515e;font-size:6px}.pv-record-actions b:first-child{background:#2079d5;color:#fff}.pv-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 14px}.pv-field{display:grid;gap:2px}.pv-field small{color:#78889b;font-size:5px}.pv-field strong{color:#344a61;font-size:7px}.pv-panel{position:absolute;top:35px;right:10px;bottom:10px;width:69%;overflow:hidden;border:1px solid #c7d3df;border-radius:8px;background:#fff;box-shadow:0 18px 38px rgba(8,28,53,.22);opacity:0;transform:translateY(9px) scale(.98);transition:.32s ease}.pv-panel.is-open{opacity:1;transform:none}.pv-panel-head{display:flex;align-items:center;height:25px;padding:0 8px;background:#102942;color:#fff;font-size:6px;font-weight:700}.pv-panel-head span{margin-left:auto}.pv-panel-tools{padding:8px;border-bottom:1px solid #e3e7ec}.pv-panel-tools .pv-search{width:100%}.pv-field-row{display:grid;grid-template-columns:.85fr 1fr .65fr;gap:7px;padding:7px 8px;border-bottom:1px solid #edf0f3;font-size:5px}.pv-field-row b{color:#6542c0}.pv-field-row.is-match{background:#f3eefc;box-shadow:inset 3px 0 #7658bd}.pv-field-row.is-dim{opacity:.22}
.pv-plan-page{position:absolute;inset:0;padding:17px 12px 10px;background:#f6f8fb}.pv-plan-head{display:flex;align-items:center;justify-content:space-between;margin:8px 0 7px;color:#253c54}.pv-plan-head strong{font-size:9px}.pv-plan-head button{padding:4px 7px;border:0;border-radius:4px;background:#6542c0;color:#fff;font-size:5px}.pv-readiness{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;border:1px solid #ddd4ee;border-radius:6px;background:#fbf9ff}.pv-metric{padding:5px;border:1px solid #e3e7ec;border-radius:4px;background:#fff}.pv-metric b{display:block;color:#30485f;font-size:8px}.pv-metric span{color:#75869a;font-size:4px;font-weight:800}.pv-plan-items{margin-top:7px;border:1px solid #dde4eb;border-radius:6px;background:#fff;overflow:hidden}.pv-plan-section{padding:6px 8px;border-bottom:1px solid #e5e9ee;color:#6542c0;font-size:5px;font-weight:800;letter-spacing:.5px}.pv-plan-row{display:flex;align-items:center;gap:6px;padding:7px 8px;color:#334b62;font-size:6px}.pv-plan-row b{font-size:7px}.pv-plan-row i{margin-left:auto;padding:2px 4px;border-radius:7px;background:#ece6f8;color:#6542c0;font-size:4px;font-style:normal}.pv-add-modal{position:absolute;top:31px;left:50%;width:72%;padding:10px;border:1px solid #d4dce6;border-radius:7px;background:#fff;box-shadow:0 18px 40px rgba(8,28,53,.25);opacity:0;transform:translate(-50%,8px) scale(.97);transition:.3s ease}.pv-add-modal.is-open{opacity:1;transform:translate(-50%,0) scale(1)}.pv-add-modal strong{display:block;color:#213950;font-size:8px}.pv-add-modal small{color:#77879a;font-size:5px}.pv-select{margin:7px 0;padding:6px;border:1px solid #ccd6e1;border-radius:4px;color:#42576e;font-size:6px}.pv-add-button{display:block;margin-left:auto;padding:5px 7px;border:0;border-radius:4px;background:#6542c0;color:#fff;font-size:5px}.pv-toast{position:absolute;left:20px;right:20px;bottom:14px;padding:7px 9px;border:1px solid #b7ddcb;border-radius:5px;background:#edf9f3;color:#267154;font-size:6px;font-weight:750;opacity:0;transform:translateY(8px);transition:.25s}.pv-toast.is-shown{opacity:1;transform:none}
.pv-cursor{position:absolute;z-index:20;width:15px;height:19px;filter:drop-shadow(0 2px 2px rgba(8,28,53,.28));transform:translate(var(--cursor-x,30px),var(--cursor-y,210px));transition:transform .62s cubic-bezier(.22,.75,.25,1);pointer-events:none}.pv-cursor:before{content:"";display:block;width:0;height:0;border-top:15px solid #182b40;border-right:10px solid transparent;transform:rotate(-12deg)}.pv-cursor:after{content:"";position:absolute;top:11px;left:9px;width:12px;height:12px;border:2px solid #7658bd;border-radius:50%;opacity:0;transform:scale(.25)}.pv-cursor.is-clicking:after{animation:pv-click .42s ease-out}.pv-type-caret{display:inline-block;width:1px;height:9px;margin-left:1px;background:#6542c0;vertical-align:-1px;animation:pv-blink .7s steps(1) infinite}
@keyframes pv-click{0%{opacity:1;transform:scale(.25)}100%{opacity:0;transform:scale(1.65)}}@keyframes pv-blink{50%{opacity:0}}
@media(max-width:1050px){.preview-grid{grid-template-columns:1fr 1fr}.preview-card:last-child{grid-column:1/-1}.preview-stage{height:300px}}
@media(max-width:720px){.live-previews{padding-top:70px}.preview-grid{grid-template-columns:1fr}.preview-card:last-child{grid-column:auto}.preview-stage{height:270px}.preview-card-copy{min-height:145px}.preview-hint{text-align:left}.preview-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.preview-card,.preview-replay,.pv-cursor,.pv-detail,.pv-panel,.pv-add-modal,.pv-toast,.pv-row{transition:none}.pv-cursor,.pv-type-caret{display:none}.preview-card-copy>span:after{content:" · static preview"}}

/* High-fidelity miniature SuiteCraft surfaces. */
.pv-workspace{position:absolute;inset:0;background:#f1f4f8}.pv-workspace-head{display:flex;align-items:center;gap:7px;height:42px;padding:0 13px;background:#13293e;color:#fff}.pv-brand-mark{display:grid;place-items:center;width:25px;height:21px;border:2px solid #fff;border-right:0;border-radius:7px 0 0 7px;font-size:7px;font-weight:850}.pv-workspace-head>span:last-child{display:grid;line-height:1.05}.pv-workspace-head small{color:#d7cafa;font-size:4px;font-weight:800;letter-spacing:1px}.pv-workspace-head strong{margin-top:3px;font-size:10px}.pv-connection{display:flex;align-items:center;gap:4px;height:17px;padding:0 14px;border-bottom:1px solid #b9dfcf;background:#eaf8f2;color:#27745a;font-size:5px;font-weight:750}.pv-connection i{width:5px;height:5px;border-radius:50%;background:#36aa7d}.pv-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px 13px 5px}.pv-tabs b{display:flex;align-items:center;gap:4px;height:26px;padding:0 7px;border:1px solid #d6dfe8;border-radius:5px;background:#fff;color:#52677e;font-size:7px}.pv-tabs b.is-active{border-color:#6f48c8;background:#7045c5;color:#fff;box-shadow:0 5px 12px rgba(74,45,146,.2)}.pv-tabs b>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-workspace-card{position:absolute;top:97px;left:13px;right:13px;bottom:9px;padding:10px;border:1px solid #d5dee7;border-radius:6px;background:#fff}.pv-kicker{display:block;color:#714fc0;font-size:4px;font-weight:850;letter-spacing:.8px}.pv-workspace-card h3{margin:1px 0 7px;color:#263a50;font-size:10px}.pv-catalogue-controls{display:grid;grid-template-columns:.8fr .85fr 1.9fr;gap:5px;padding-top:7px;border-top:1px solid #e3e8ee}.pv-catalogue-controls button,.pv-catalogue-controls .pv-search{height:19px;border:1px solid #c8d4df;border-radius:3px;background:#fff;color:#40546b;font-size:5px}.pv-catalogue-controls button{text-align:left}.pv-catalogue-body{display:grid;grid-template-columns:1.35fr .65fr;gap:7px;margin-top:6px}.pv-catalogue-body>section{min-width:0;border:1px solid #e0e5ea;border-radius:4px;overflow:hidden}.pv-catalogue-body .pv-table-head,.pv-catalogue-body .pv-row{grid-template-columns:1.4fr 1fr}.pv-catalogue-body .pv-table-head{height:15px}.pv-catalogue-body .pv-row{height:29px;padding:0 7px}.pv-catalogue-body .pv-row strong{font-size:6px}.pv-catalogue-body .pv-row small{font-size:4px}.pv-catalogue-body .pv-row i{background:transparent;color:#4d6075;font-size:5px}.pv-catalogue-body .pv-detail{position:relative;top:auto;right:auto;bottom:auto;width:auto;min-height:106px;padding:8px;border-radius:5px;background:#f5f7fa;box-shadow:none;opacity:.28;transform:none;transition:opacity .25s,box-shadow .25s}.pv-catalogue-body .pv-detail.is-open{opacity:1;box-shadow:inset 3px 0 #7045c5}.pv-catalogue-body .pv-detail h4{font-size:8px}.pv-detail-actions{display:flex;gap:3px;margin-top:7px}.pv-detail-actions b{padding:4px;border-radius:3px;background:#fff;color:#344a61;font-size:4px}.pv-detail-actions b:last-child{background:#7045c5;color:#fff}.pv-catalogue-body .pv-detail-grid{gap:3px;margin-top:5px}.pv-catalogue-body .pv-detail-grid span{padding:4px;font-size:4px}.pv-catalogue-body .pv-detail-grid strong{font-size:5px}
.pv-record-page{background:#f4f5fa}.pv-nsbar{height:13px;background:#13293e}.pv-nsmenu{display:flex;align-items:center;gap:18px;height:26px;padding:0 13px;border-bottom:1px solid #cbd5df;background:#fff;color:#344a61;font-size:5px}.pv-nsmenu b{font-size:6px}.pv-record-title{padding:10px 13px 4px;font-size:12px}.pv-record-title>span{width:11px;height:14px}.pv-shortcuts{margin-left:3px}.pv-shortcuts i{width:17px;height:17px;font-size:6px}.pv-record-actions{padding-bottom:6px}.pv-record-actions b{font-size:5px}.pv-form{gap:8px;padding:8px 14px}.pv-field{padding:5px;border:1px solid #d7e0e8;border-radius:3px;background:#fff}.pv-field small{font-size:4px}.pv-field strong{font-size:6px}.pv-panel{top:34px;right:9px;bottom:7px;width:76%;border-radius:7px}.pv-panel-head{height:30px;padding:0 8px}.pv-panel-head .pv-logo{flex:0 0 18px;width:18px;height:18px}.pv-panel-head b{display:grid;margin-left:5px;font-size:7px;line-height:1.15}.pv-panel-head b small{color:#b9c6d3;font-size:4px;font-weight:500}.pv-panel-head em{margin-left:auto;font-size:6px;font-style:normal}.pv-panel-label{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 2px;color:#66798e;font-size:4px;font-weight:800;letter-spacing:.5px}.pv-panel-label b{padding:3px 5px;border-radius:4px;background:#f0eafa;color:#7045c5;font-size:4px;letter-spacing:0}.pv-panel-tools{display:grid;grid-template-columns:18px 58px 1fr;gap:4px;padding:4px 8px 6px}.pv-panel-tools button{border:1px solid #d0d9e4;border-radius:4px;background:#fff;color:#4d6177;font-size:5px}.pv-panel-tools button:first-child{border:0;border-radius:50%;background:#7045c5;color:#fff}.pv-panel-filters{display:grid;grid-template-columns:1.4fr 1fr;gap:5px;padding:0 8px 7px}.pv-panel-filters span{display:grid;color:#708197;font-size:4px;font-weight:800;letter-spacing:.4px}.pv-panel-filters strong{margin-top:2px;padding:4px;border:1px solid #d2dbe5;border-radius:3px;color:#40556b;font-size:5px;font-weight:500;letter-spacing:0}.pv-field-count{padding:5px 8px;border-top:1px solid #e4e8ed;border-bottom:1px solid #e4e8ed;color:#53687e;font-size:5px}.pv-field-row{margin:4px 7px 0;padding:5px 6px;border:1px solid #e0e5eb;border-radius:4px}.pv-field-row b{font-size:5px}.pv-field-row span,.pv-field-row strong{font-size:4px}.pv-field-row.is-match{border-color:#bdaae6;background:#f4effc}
.pv-plan-content{padding:9px}.pv-plan-head{margin:0 0 4px}.pv-plan-head h3{margin:1px 0}.pv-plan-head button{padding:4px 6px}.pv-plan-card{padding:6px;border:1px solid #d8e0e8;border-radius:5px;background:#f8fafc}.pv-plan-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:5px;border-bottom:1px solid #e4e8ed;color:#2d435a;font-size:6px}.pv-plan-title i{padding:2px 4px;border-radius:7px;background:#e7f6ef;color:#237457;font-size:4px;font-style:normal}.pv-readiness-title{margin:5px 0 3px;color:#31475d;font-size:5px;font-weight:800}.pv-readiness{padding:0;border:0;background:transparent}.pv-metric{padding:4px}.pv-metric b{font-size:7px}.pv-metric span{font-size:3px}.pv-plan-items{margin-top:5px}.pv-plan-section{padding:4px 6px}.pv-plan-row{padding:5px 6px}.pv-plan-row b{font-size:5px}.pv-add-modal{z-index:15;top:61px;width:66%;padding:9px}.pv-toast{z-index:16;bottom:11px}.pv-cursor{width:18px;height:23px;opacity:1;filter:drop-shadow(0 2px 2px rgba(8,28,53,.28));transform:translate(var(--cursor-x,30px),var(--cursor-y,235px));transform-origin:2px 2px;transition:transform .62s cubic-bezier(.22,.75,.25,1),opacity .16s}.preview-card:not(.is-playing):not(.is-complete) .pv-cursor{opacity:0}.pv-cursor svg{display:block;width:18px;height:23px;overflow:visible}.pv-cursor path{fill:#fff;stroke:#13293e;stroke-width:1.8;stroke-linejoin:round}.pv-cursor:before{display:none}.pv-cursor:after{top:-6px;left:-6px;width:16px;height:16px;border-color:#7658bd}