/* Isolated, presentation-only STEP D UI. No product styles or data are mutated. */
.native-ui{container-type:inline-size;text-align:left;background:#16181d;color:#e2e8f0;font-family:var(--font);padding:20px;min-width:0;letter-spacing:-.015em;line-height:1.5}.native-ui *{box-sizing:border-box}.native-ui strong,.native-ui b{font-weight:600}.ui-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.ui-toolbar strong{font-size:18px;display:block}.ui-toolbar small{display:block;color:#94a3b8;font-size:11px;margin-top:3px}.ui-example{border:1px solid #334155;border-radius:999px;padding:4px 8px;font-size:9px;white-space:nowrap;color:#94a3b8}.ui-filters{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.ui-chip{border:1px solid #334155;background:#1c1e24;border-radius:999px;color:#cbd5e1;padding:7px 12px;font-size:11px;display:flex;gap:16px;align-items:center}.ui-chip>span{color:#94a3b8}.ui-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:16px 0}.ui-stats>div{padding:15px 12px;background:#1c1e24;border:1px solid #303747;border-radius:10px;min-width:0}.ui-stats small{font-size:10px;color:#94a3b8;display:block}.ui-stats strong{display:block;font-size:clamp(18px,4.5cqi,29px);margin-top:7px;white-space:nowrap;color:#f8fafc}.ui-distribution .ui-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.ui-distribution .ui-stats strong{font-size:22px}.ui-view-tabs{display:flex;gap:18px;border-bottom:1px solid #303747;font-size:11px;margin:18px 0 0;flex-wrap:wrap}.ui-view-tabs>span{padding:9px 0;color:#94a3b8}.ui-view-tabs>.chosen{color:#60a5fa;border-bottom:2px solid #1c60ff}.ui-view-tabs b{margin-left:5px}.ui-chart{border:1px solid #303747;background:#1c1e24;border-radius:10px;padding:17px 12px 4px;margin-top:15px}.ui-chart-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:0 6px;gap:10px}.ui-chart-heading>span{font-size:9px;color:#94a3b8}.ui-chart-heading i{display:inline-block;background:#4280ff;width:6px;height:6px;border-radius:50%;margin-right:5px}.ui-chart svg{display:block;width:100%;height:auto;overflow:visible;margin-top:10px}.ui-chart svg text{font-family:var(--font);font-size:9px;fill:#94a3b8}.ui-data-table{margin-top:16px;border:1px solid #303747;border-radius:9px;overflow:hidden}.ui-data-table table{width:100%;border-collapse:collapse;font-size:11px;table-layout:fixed}.ui-data-table caption{text-align:left;padding:12px;background:#1c1e24;font-size:12px;font-weight:600}.ui-data-table th{font-weight:500;color:#94a3b8;background:#1c1e24}.ui-data-table th,.ui-data-table td{padding:11px 12px;border-top:1px solid #303747;text-align:right;overflow-wrap:anywhere}.ui-data-table th:first-child,.ui-data-table td:first-child{text-align:left;width:50%}.ui-calendar-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;margin:20px 0 12px}.ui-calendar-title span{font-size:10px;color:#94a3b8}.ui-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #303747;border-radius:10px;overflow:hidden;min-height:220px}.ui-day{border-left:1px solid #303747;min-width:0;background:#1c1e24}.ui-day:first-child{border-left:0}.ui-day>b{display:block;padding:12px 4px;text-align:center;background:#181b22;font-size:11px;border-bottom:1px solid #303747}.ui-event{background:#12264a;border:1px solid #2457a5;border-radius:7px;margin:9px 5px;padding:8px 6px}.ui-event small,.ui-event strong,.ui-event span,.ui-event em{display:block;font-style:normal;overflow-wrap:anywhere}.ui-event small{font-size:8px;color:#93c5fd}.ui-event strong{font-size:10px;margin:7px 0;line-height:1.6}.ui-event span{font-size:8px;color:#b3c1d5}.ui-event em{font-size:8px;color:#93c5fd;margin-top:9px}.ui-event.warn{background:#352b1c;border-color:#755523}.ui-event.warn small{color:#fcd34d}.ui-event.done{background:#15332b;border-color:#28664b}.ui-event.done small{color:#6ee7b7}.ui-editor-head{display:flex;gap:12px;align-items:center;font-size:10px;margin-bottom:15px;color:#94a3b8}.ui-blue-label{display:inline-block;border-radius:999px;background:#1c60ff22;color:#93c5fd;padding:4px 9px;font-size:10px}.ui-save{margin-left:auto;color:#6ee7b7}.ui-editor-grid{display:grid;grid-template-columns:1fr 1.2fr .95fr;border:1px solid #303747;border-radius:10px;overflow:hidden}.ui-scenes,.ui-properties{background:#1c1e24;padding:14px;min-width:0}.ui-pane-title{font-size:12px;font-weight:600;display:block;margin-bottom:14px}.ui-pane-title small{display:block;font-size:9px;color:#94a3b8;margin-top:3px;font-weight:400}.ui-scene{padding:8px;display:flex;gap:8px;border:1px solid #303747;border-radius:7px;margin-bottom:10px;align-items:center}.ui-scene.chosen{border-color:#1c60ff;background:#1c60ff12}.ui-scene img{width:48px;height:38px;object-fit:cover;border-radius:4px}.ui-scene b{display:block;font-size:10px}.ui-scene small{display:block;color:#94a3b8;font-size:8px;margin-top:5px}.ui-preview{padding:14px;background:#0c1018;text-align:center;min-width:0}.ui-video{width:145px;max-width:100%;aspect-ratio:9/16;margin:auto;border:1px solid #334155;border-radius:7px;position:relative;overflow:hidden;background:#0f172a}.ui-video img{width:100%;height:100%;object-fit:cover}.ui-video:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009)}.ui-video-title{position:absolute;top:10px;left:0;right:0;color:#fff;font-size:10px;text-shadow:0 1px 3px #000}.ui-caption{position:absolute;z-index:1;bottom:35px;left:8px;right:8px;color:white;font-weight:700;font-size:16px;text-align:center;text-shadow:0 2px 4px #000}.ui-time{display:flex;justify-content:center;gap:7px;color:#94a3b8;font-size:8px;margin-top:12px}.ui-time>span{color:#1c60ff}.ui-properties>small{font-size:9px;color:#94a3b8;display:block;margin-bottom:6px}.ui-field{padding:9px;border:1px solid #334155;background:#16181d;border-radius:6px;font-size:10px;margin-bottom:15px;overflow-wrap:anywhere}.ui-colors{display:flex;gap:7px}.ui-colors i{width:17px;height:17px;border:1px solid #475569;border-radius:50%;background:white}.ui-colors i:nth-child(2){background:#1c60ff}.ui-colors i:nth-child(3){background:#0f172a}.ui-timeline{margin-top:12px;background:#1c1e24;border:1px solid #303747;border-radius:8px;padding:12px}.ui-ruler{margin-left:38px;display:flex;justify-content:space-between;color:#94a3b8;font-size:8px;margin-bottom:10px}.ui-track{display:flex;align-items:center;gap:8px;margin-top:7px}.ui-track>small{width:30px;flex-shrink:0;color:#94a3b8;font-size:9px}.ui-track>div{flex:1;min-width:0;display:flex;gap:3px}.ui-track span{flex:1;background:#1c60ff44;border:1px solid #1c60ff77;border-radius:4px;padding:10px 5px;font-size:9px;color:#bfdbfe;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-track.captions span{background:#153746;border-color:#235a6e;color:#a5e6ee;padding:5px}.ui-approval-card{display:flex;gap:14px;border:1px solid #303747;border-radius:10px;padding:13px;align-items:center;background:#1c1e24}.ui-approval-card img{width:110px;aspect-ratio:16/10;object-fit:cover;border-radius:6px}.ui-approval-card strong{display:block;font-size:13px;margin:5px 0}.ui-approval-card small,.ui-approval-card p{font-size:10px;color:#94a3b8;margin:4px 0}.ui-review-details{font-size:11px;margin:15px 0}.ui-review-details>div{display:flex;gap:14px;padding:11px 0;border-bottom:1px solid #303747}.ui-review-details dt{width:65px;color:#94a3b8;flex-shrink:0}.ui-review-details dd{margin:0}.ui-review-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#94a3b8}.ui-review-footer b{color:#93c5fd}.product-screen>.screen-bar{display:none}.product-screen .native-ui{padding:17px}.approval-section{grid-template-columns:.86fr 1.25fr}.showcase .native-ui{padding:24px}.showcase .ui-editor-grid{min-height:350px}.showcase .ui-video{width:175px}.showcase .ui-scenes,.showcase .ui-properties{padding:22px}.showcase .ui-scene img{width:65px;height:45px}.showcase .ui-scene b{font-size:13px}.showcase .ui-field{padding:12px;font-size:12px}.showcase .ui-pane-title{font-size:14px}.showcase .ui-calendar{min-height:300px}.showcase .ui-event{padding:12px}.showcase .ui-event strong{font-size:13px}.showcase .ui-event span,.showcase .ui-event small{font-size:10px}
@container(max-width:650px){.ui-editor-grid{grid-template-columns:1fr 1.2fr}.ui-properties{display:none}.ui-stats{gap:6px}.ui-stats>div{padding:10px 8px}.ui-stats small{font-size:9px}.ui-distribution .ui-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-calendar{grid-template-columns:repeat(4,minmax(0,1fr));min-height:0}.ui-day{min-height:165px;border-bottom:1px solid #303747}.ui-chart-heading{font-size:11px}.ui-scene{flex-direction:column;align-items:stretch}.ui-scene img{width:100%;height:55px}.ui-scene small{font-size:9px}.ui-preview{padding:12px 8px}.ui-video{width:125px}.ui-caption{font-size:14px}}
@container(max-width:360px){.ui-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-distribution .ui-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-toolbar strong{font-size:15px}.ui-toolbar small{font-size:10px}.ui-approval-card{flex-direction:column;align-items:stretch}.ui-approval-card img{width:100%;max-height:100px}.ui-data-table th,.ui-data-table td{padding:8px 6px;font-size:9px}.ui-chip{font-size:9px;padding:6px 9px}.ui-review-details{font-size:10px}.ui-review-footer{flex-direction:column;align-items:flex-start}.ui-caption{font-size:12px}.ui-pane-title{font-size:10px}.ui-scenes{padding:10px}.ui-time{font-size:7px;gap:3px}.ui-view-tabs{gap:12px;font-size:10px}}
@media(max-width:700px){.approval-section{grid-template-columns:1fr}.showcase .native-ui{padding:12px}.showcase .ui-editor-grid{min-height:0}.showcase .ui-scenes{padding:10px}.showcase .ui-scene img{width:100%;height:55px}.showcase .ui-scene b{font-size:10px}.showcase .ui-pane-title{font-size:11px}.showcase .ui-event{padding:8px}.showcase .ui-event strong{font-size:10px}.showcase .ui-event span,.showcase .ui-event small{font-size:9px}.product-screen .native-ui{padding:12px}}