.uc-illo{aspect-ratio:600/338;border:1px solid var(--slate-200);border-radius:var(--radius-lg);background:radial-gradient(circle at 1px 1px, #0f172a24 1px, transparent 1px) 0 0 / 18px 18px, linear-gradient(180deg, var(--slate-50), var(--paper));width:100%;position:relative;overflow:hidden;container-type:size}.uc-illo.cool{background:radial-gradient(circle at 1px 1px,#0f172a24 1px,#0000 1px) 0 0/18px 18px,linear-gradient(#fbfaff,#f6f7fb)}.uc-illo.warm{background:radial-gradient(circle at 1px 1px,#0f172a24 1px,#0000 1px) 0 0/18px 18px,linear-gradient(#fbfaff,#fef8ee)}.uc-illo.mint{background:radial-gradient(circle at 1px 1px,#0f172a24 1px,#0000 1px) 0 0/18px 18px,linear-gradient(#f6fbf8,#fbfaff)}.uc-illo__scene{transform-origin:50%;width:600px;height:338px;transform:translate(-50%, -50%) scale(calc(100cqw / 566px));color:var(--slate-900);position:absolute;top:50%;left:50%}.uc-illo .eyebrow-lbl{letter-spacing:.1em;color:var(--slate-500);text-transform:uppercase;font-size:10px;font-weight:700;position:absolute}.uc-illo .chip{border:1px solid var(--slate-200);background:#fff;border-radius:8px;align-items:center;gap:10px;width:184px;padding:10px 12px;display:flex;position:absolute;box-shadow:0 4px 10px #0f172a0f}.uc-illo .chip .ico{width:26px;height:26px;font-family:var(--font-mono);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.uc-illo .chip .meta{line-height:1.25}.uc-illo .chip .meta .name{color:var(--slate-900);font-size:12px;font-weight:600}.uc-illo .chip .meta .sub{font-size:10.5px;font-family:var(--font-mono);color:var(--slate-400);margin-top:1px}.uc-illo .panel{border:1px solid var(--slate-200);background:#fff;border-radius:10px;position:absolute;overflow:hidden;box-shadow:0 6px 14px #0f172a14}.uc-illo .panel-hdr{background:var(--slate-50);border-bottom:1px solid var(--slate-200);letter-spacing:.08em;color:var(--slate-500);text-transform:uppercase;justify-content:space-between;align-items:center;padding:7px 10px;font-size:9.5px;font-weight:700;display:flex}.uc-illo .panel-hdr.dark{background:var(--indigo-700);border-color:var(--indigo-800);color:#fff}.uc-illo .panel-hdr .pill{font-family:var(--font-mono);letter-spacing:0;color:var(--slate-400);font-size:9px;font-weight:600}.uc-illo .panel-hdr.dark .pill{color:#ffffffc7}.uc-illo .hook{background:var(--slate-50);font-family:var(--font-mono);color:var(--slate-700);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:10.5px;display:flex}.uc-illo .hook .check{background:var(--emerald-400);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex}.uc-illo .hook .nm{flex:1}.uc-illo .hook .rel{color:var(--slate-400);font-size:10px}.uc-illo svg{display:block;overflow:visible}.uc-illo .mono{font-family:var(--font-mono)}
.oc-hero{aspect-ratio:600 / var(--oc-h,350);border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at 1px 1px, #0f172a1a 1px, transparent 1px) 0 0 / 16px 16px, linear-gradient(180deg, var(--slate-50), var(--paper));position:relative;overflow:hidden;container-type:inline-size}.oc-scene{width:600px;height:calc(var(--oc-h,350) * 1px);transform-origin:50%;transform:translate(-50%, -50%) scale(calc(100cqw / 600px));color:var(--slate-900);position:absolute;top:50%;left:50%}.oc-scene svg{display:block;overflow:visible}.oc-scene .panel{border:1px solid var(--slate-200);font-family:var(--font-sans);background:#fff;border-radius:10px;position:absolute;overflow:hidden;box-shadow:0 6px 14px #0f172a0f}.oc-scene .panel-hdr{background:var(--slate-50);border-bottom:1px solid var(--slate-200);letter-spacing:.1em;text-transform:uppercase;color:var(--slate-500);justify-content:space-between;align-items:center;padding:7px 11px;font-size:10px;font-weight:700;display:flex}.oc-scene .panel-hdr.dark{background:var(--indigo-700);border-color:var(--indigo-800);color:#fff}.oc-scene .panel-hdr .pill{font-family:var(--font-mono);letter-spacing:0;text-transform:none;color:var(--slate-400);font-size:10px;font-weight:600}.oc-scene .panel-hdr.dark .pill{color:#ffffffc7}.oc-scene .src-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--slate-500);font-size:11px;font-weight:700;position:absolute}.oc-scene .src{border:1px solid var(--slate-200);background:#fff;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:absolute;box-shadow:0 4px 10px #0f172a0d}.oc-scene .src .ico{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.oc-scene .src .meta-row{line-height:1.25}.oc-scene .src .nm{color:var(--slate-900);font-size:13px;font-weight:600}.oc-scene .src .sub{font-family:var(--font-mono);color:var(--slate-400);margin-top:2px;font-size:11px}.oc-scene .idx-grid{grid-template-columns:repeat(4,1fr);gap:6px;padding:14px;display:grid}.oc-scene .idx-grid>i{aspect-ratio:1;border-radius:4px;display:block}.oc-scene .idx-legend{color:var(--slate-600);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:0 14px 8px;font-size:11px;display:flex}.oc-scene .idx-legend .dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.oc-scene .idx-more{font-family:var(--font-mono);color:var(--slate-400);padding:0 14px 12px;font-size:11px}.oc-scene .ret-col{width:168px;position:absolute}.oc-scene .ret-col .head{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.oc-scene .ret-col .head .swatch{border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.oc-scene .ret-row{border:1px solid var(--slate-200);font-family:var(--font-mono);color:var(--slate-700);background:#fff;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 11px;font-size:11px;display:flex;box-shadow:0 2px 6px #0f172a0a}.oc-scene .ret-row .score{font-size:11px;font-weight:700}.oc-scene .fused{background:var(--indigo-600);color:#fff;border-radius:10px;position:absolute;overflow:hidden;box-shadow:0 8px 20px #30208240}.oc-scene .fused .hdr{background:var(--indigo-700);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:9px 14px;font-size:11px;font-weight:700;display:flex}.oc-scene .fused .row{font-family:var(--font-mono);color:#fff;border-top:1px solid #ffffff1a;align-items:center;gap:10px;padding:9px 14px;font-size:11px;display:flex}.oc-scene .fused .row .n{color:#fff;background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex}.oc-scene .fused .row .label{color:#fff;flex:1;font-size:11px}.oc-scene .fused .row .score{color:#fff;font-weight:600}