.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:400px}.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-thread{padding:16px;flex:1;height:310px;max-height:370px;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:13px;line-height:1.65;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:13px;margin-top:12px;min-width:0}.oc-artifact-title{font-size:9px;color:#4e5c43;border-bottom:1px solid #d3ddc9;padding-bottom:9px;margin-bottom:10px;overflow-wrap:anywhere}.oc-artifact>strong{font-size:12px;display:block;margin-bottom:10px}.oc-doc-row{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;font-size:10px;line-height:1.6;margin:5px 0}.oc-doc-row>span:first-child{color:#5e6b53}.oc-artifact small{display:block;font-size:9px;line-height:1.6;color:#536148;margin-top:8px}.oc-table{width:100%;border-collapse:collapse;font-size:10px;line-height:1.6;font-variant-numeric:tabular-nums}.oc-table caption{text-align:left;font-size:9px;color:#54624a;margin-bottom:9px}.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:10px;font:12px/1.7 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-top:10px}.oc-video{height:130px;background:#090c0a;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:15px;overflow:hidden}.oc-video img{height:100%;width:auto;max-width:55%;object-fit:contain}.oc-video-label{font-size:10px;line-height:1.8;color:#e4eddb;white-space:pre-line;padding-right:10px}.oc-composer{position:relative;margin:0 14px 14px;padding:11px 34px 9px 11px;border:1px solid #435139;background:#20271c;border-radius:7px;font-size:10px;color:#aebda2}.oc-composer-model{display:block;color:#d4e4c4;font-size:8px;margin-top:12px}.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:9px 12px;min-height:36px;cursor:pointer}.oc-control:hover{background:#405333}.oc-control:focus-visible{outline:2px solid #b9ff00;outline-offset:3px}.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{animation:ocDemoMessage 180ms cubic-bezier(.16,1,.3,1) both}@keyframes ocDemoMessage{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@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:75px minmax(0,1fr)}}@media(max-width:550px){.oc-shell{grid-template-columns:minmax(0,1fr)}.oc-sidebar{display:none}.oc-top{padding:11px 12px}.oc-thread{height:330px;max-height:380px;padding:14px}.oc-message p{font-size:12px}.oc-artifact{padding:12px}.oc-doc-row{font-size:11px}.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-video{height:140px}.oc-table{font-size:11px}.oc-diff{font-size:10px}.oc-video-label{font-size:9px}.oc-session{font-size:11px}.oc-composer{font-size:11px}}@media(prefers-reduced-motion:reduce){.oc-message-enter{animation:none!important}}