.oc-demo{width:100%;min-width:0;border:1px solid #333c32;border-radius:12px;overflow:hidden;background:#151a15;color:#edf2e8;box-shadow:0 16px 38px #14201012;font-family:Onest,Arial,sans-serif}
.oc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;background:#20261f;border-bottom:1px solid #333c32}
.oc-brand{font-size:13px;font-weight:700}.oc-demo-badge{font-size:9px;color:#d4e1c8;background:#303c28;padding:4px 7px;border:1px solid #57674a;border-radius:4px;white-space:nowrap}
.oc-shell{display:grid;grid-template-columns:130px minmax(0,1fr);min-height:430px}.oc-sidebar{border-right:1px solid #30392e;padding:19px 12px;background:#191f18;display:flex;flex-direction:column;gap:12px;min-width:0}
.oc-side-caption{color:#b6c2ac;font-size:8px;letter-spacing:1.5px}.oc-project{font-size:10px;line-height:1.5}.oc-new-chat{font-size:10px;border:1px solid #48553e;padding:7px 5px;border-radius:4px;color:#dfebd4}.oc-files{display:grid;gap:9px;margin-top:4px}.oc-file{font-size:9px;line-height:1.5;color:#bdc9b2;overflow-wrap:anywhere}.oc-side-bottom{margin-top:auto;color:#b9ff00;font-size:9px;line-height:1.5}
.oc-main{display:flex;flex-direction:column;min-width:0}.oc-session{font-size:10px;color:#c6d0bc;padding:13px 16px;border-bottom:1px solid #293126}
.oc-working{display:grid;grid-template-columns:minmax(0,1fr) minmax(55px,100px);gap:10px;align-items:center;padding:9px 14px;border-bottom:1px solid #293126;background:#191f18}.oc-working-status{min-width:0;font-size:9px;color:#bdc9b2;overflow-wrap:anywhere}.oc-progress-track{display:block;height:4px;border-radius:4px;background:#35402f;overflow:hidden}.oc-progress-fill{display:block;width:100%;height:100%;background:#b9ff00;transform:scaleX(0);transform-origin:left center}
.oc-thread{padding:16px;flex:1;height:300px;max-height:360px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#4e5d44 #151a15}.oc-message{margin-bottom:14px;min-width:0}.oc-message:last-child{margin-bottom:0}.oc-speaker{font-size:9px;color:#b9ff00;font-weight:700;display:block;margin-bottom:6px}.oc-user .oc-speaker{color:#c4cfba}.oc-message p{font-size:12px;line-height:1.6;color:#e0e8d8;margin:0;overflow-wrap:anywhere}.oc-user{border-left:2px solid #556447;padding-left:10px}
.oc-artifact{border:1px solid #414e36;border-radius:7px;background:#f0f3ed;color:#172013;padding:12px;margin-top:11px;min-width:0}.oc-artifact-title{font-size:9px;color:#4e5c43;border-bottom:1px solid #d3ddc9;padding-bottom:8px;margin-bottom:9px;overflow-wrap:anywhere}.oc-artifact>strong{font-size:12px;display:block;margin-bottom:9px}.oc-doc-row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;font-size:10px;line-height:1.55;margin:5px 0}.oc-doc-row>span:first-child{color:#5e6b53}.oc-artifact small{display:block;font-size:9px;line-height:1.55;color:#536148;margin-top:8px}
.oc-table{width:100%;border-collapse:collapse;font-size:10px;line-height:1.5;font-variant-numeric:tabular-nums}.oc-table caption{text-align:left;font-size:9px;color:#54624a;margin-bottom:7px}.oc-table th,.oc-table td{padding:5px 4px;border-bottom:1px solid #d3ddc9;text-align:right}.oc-table th:first-child{text-align:left}.oc-table tbody tr:last-child{font-weight:700}.oc-diff{margin:0;background:#172013;border-radius:4px;padding:9px;font:11px/1.65 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.oc-diff-old{color:#ffc2b8;display:block}.oc-diff-new{color:#c6ff7d;display:block}.oc-artifact .oc-test{color:#324f21;font-size:10px;margin:9px 0 0}.oc-code-note{font-size:9px!important}
.oc-preview-video{display:block;width:100%;height:154px;background:#090c0a;border-radius:5px;object-fit:contain}.oc-video-caption{margin-top:10px!important;font-size:11px!important}.oc-video-note{margin-top:5px!important}
.oc-composer{position:relative;min-height:64px;margin:0 14px 13px;padding:10px 34px 9px 11px;border:1px solid #435139;background:#20271c;border-radius:7px;font-size:10px;color:#e5eddc}.oc-composer-text{overflow-wrap:anywhere}.oc-composer-caret{color:#b9ff00}.oc-composer-model{display:block;color:#c9d9bb;font-size:8px;margin-top:8px}.oc-send{position:absolute;right:9px;bottom:9px;background:#b9ff00;color:#172013;border-radius:4px;width:21px;height:21px;text-align:center;font-size:14px;line-height:21px}
.oc-controls{display:flex;align-items:center;gap:8px;border-top:1px solid #303a29;padding:9px 12px;background:#20271c;flex-wrap:wrap}.oc-control{font:inherit;font-size:10px;line-height:1.3;background:#303d27;color:#eaf4e0;border:1px solid #61724f;border-radius:5px;padding:8px 12px;min-height:36px;cursor:pointer}.oc-control:hover:not(:disabled){background:#405333}.oc-control:focus-visible{outline:2px solid #b9ff00;outline-offset:3px}.oc-control:disabled{opacity:.6;cursor:default}.oc-count{font-size:9px;color:#c1d2b0;margin-left:auto}.oc-footnote{padding:9px 13px!important;margin:0!important;font-size:9px!important;line-height:1.6!important;color:#b9c9aa!important;background:#191f16}
.oc-message-enter,.oc-build-in.is-built{animation:ocDemoBuild 180ms cubic-bezier(.16,1,.3,1) both}.oc-build-in{opacity:1;transform:translateY(5px)}.oc-build-in.is-built{opacity:1;transform:translateY(0)}@keyframes ocDemoBuild{from{opacity:1;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.oc-demo[data-state="paused"] .oc-message-enter,.oc-demo[data-state="paused"] .oc-build-in.is-built{animation-play-state:paused!important}
@media(max-width:1000px){.oc-shell{grid-template-columns:105px minmax(0,1fr)}.oc-sidebar{padding:15px 9px}.oc-thread{padding:13px}.oc-doc-row{grid-template-columns:70px minmax(0,1fr)}}
@media(max-width:550px){.oc-shell{grid-template-columns:minmax(0,1fr);min-height:0}.oc-sidebar{display:none}.oc-top{padding:11px 12px}.oc-thread{height:300px;max-height:330px;padding:12px}.oc-message p{font-size:12px}.oc-artifact{padding:10px}.oc-doc-row{font-size:10px;grid-template-columns:68px minmax(0,1fr)}.oc-demo-badge{font-size:8px}.oc-control{font-size:11px;min-height:44px}.oc-count{font-size:10px}.oc-footnote{font-size:10px!important}.oc-preview-video{height:136px}.oc-table{font-size:10px}.oc-diff{font-size:10px}.oc-session{font-size:11px}.oc-composer{font-size:11px;margin:0 10px 10px}.oc-working{grid-template-columns:minmax(0,1fr) 58px;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){.oc-message-enter,.oc-build-in,.oc-build-in.is-built{animation:none!important;opacity:1!important;transform:none!important}}