.oc{--green:#087c50;--ink:#172d24;--muted:#637369;--soft:#f0f6f2;color:var(--ink);background:#fff;font-family:inherit;font-size:16px;line-height:1.65}.oc *{box-sizing:border-box}.oc [hidden]{display:none!important}.oc-shell{max-width:1240px;margin:0 auto;padding:40px 28px}.oc h1{font-size:clamp(36px,4.1vw,62px);font-weight:750;line-height:1.12;letter-spacing:-2px;margin:22px 0}.oc h2{font-size:clamp(24px,2.5vw,36px);line-height:1.25;letter-spacing:-.7px}.oc h3{font-size:22px;line-height:1.35}.oc p{color:var(--muted)}.oc-eyebrow{font-size:12px;font-weight:750;letter-spacing:1.7px;color:var(--green)!important}.oc-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#39a765;margin-right:8px}.oc-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding-top:65px;padding-bottom:60px}.oc-lead{font-size:18px;max-width:630px}.oc-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.oc-primary,.oc-secondary{font:inherit;font-size:14px;line-height:1.35;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:12px;padding:15px 21px;cursor:pointer;transition:background .18s;color:var(--green)!important;background:#e9f3ec}.oc-primary{background:var(--green);color:white!important;font-weight:700}.oc-primary:hover{background:#08613f}.oc-secondary:hover{background:#dbeee1}.oc button:disabled{opacity:.5;cursor:wait}.oc-badges{display:flex;gap:10px 22px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:26px}.oc-pipeline{padding:28px 32px;background:linear-gradient(145deg,#f6f7eb,#eaf5ef);border-radius:28px;max-width:490px;width:100%;justify-self:end;box-shadow:0 20px 80px #11332208}.oc-source-card{width:215px;margin:auto;background:white;border-radius:18px;padding:16px 18px;text-align:center;box-shadow:0 8px 28px #13472d0b}.oc-source-card svg{display:block;width:100%;height:150px}.oc-label{font-size:10px;letter-spacing:1.4px;color:var(--muted)}.oc-source-card strong{font-size:13px}.oc-flow-line{text-align:center;color:#a5b7a7;font-size:24px;line-height:36px}.oc-ai-pill{background:#167b50;color:white;border-radius:30px;padding:10px 16px;font-size:13px;width:fit-content;margin:auto}.oc-ai-pill .oc-dot{background:#b3e4be}.oc-output-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.oc-output-grid>span{padding:13px;background:white;border-radius:12px;color:var(--green);font-size:18px}.oc-output-grid b{font-size:13px;margin-left:6px}.oc-output-grid small{display:block;font-size:10px;color:var(--muted);margin-left:26px}.oc-tool{padding:28px;background:white;border:1px solid #e2ebe4;border-radius:24px;box-shadow:0 16px 70px #123a2008;scroll-margin-top:30px}.oc-stepbar{display:flex;justify-content:space-between;gap:10px;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #e8eee9;color:#9aa89e;font-size:13px}.oc-stepbar span{display:flex;gap:10px}.oc-stepbar .active{color:var(--green)}.oc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.oc-drop{display:flex!important;align-items:center;justify-content:center;flex-direction:column;min-height:330px;background:#f4f8f5;border:2px dashed #bed1c3;border-radius:18px;text-align:center;padding:22px;gap:9px;cursor:pointer;color:var(--muted)!important}.oc-drop strong{font-size:21px;color:var(--ink)}.oc-drop small{font-size:12px}.oc-upload-icon{width:54px;height:54px;display:grid;place-items:center;font-size:29px;background:white;border-radius:16px;color:var(--green);margin-bottom:10px}.oc-drop input{max-width:100%;width:230px!important;font-size:12px;padding:8px!important;border:0!important}.oc-drop.dragover{background:#e1efe5;border-color:var(--green)}.oc label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:16px}.oc input:not([type=checkbox]),.oc select,.oc textarea{width:100%;padding:12px 14px;border:1px solid #dfe7e1;border-radius:10px;margin-top:7px;font:inherit;font-size:14px;background:#fff;color:var(--ink);min-width:0}.oc textarea{resize:vertical}.oc input:focus,.oc textarea:focus,.oc select:focus{outline:2px solid #70af8e;outline-offset:2px}.oc-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.oc-full{width:100%;margin-top:12px}.oc-hint{font-size:12px}.oc-check{display:flex!important;align-items:center;gap:8px;font-weight:400!important}.oc-check input{width:16px;height:16px;accent-color:var(--green)}.oc-details{margin-bottom:18px}.oc-details summary{font-size:13px;color:var(--green);cursor:pointer;margin-bottom:14px}.oc-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.oc-thumb{min-width:0;background:#f5f7f4;border-radius:10px;padding:6px}.oc-thumb img{width:100%;height:90px;object-fit:contain;border-radius:6px}.oc-thumb button{font:inherit;font-size:10px;padding:3px 6px;border:0;background:#e6eee8;border-radius:5px;cursor:pointer;margin:2px}.oc-thumb small{display:block;font-size:10px;color:var(--green)}#oc-notice{font-size:14px;white-space:pre-line}#oc-notice:not(:empty){background:#f0f6f2;padding:16px;border-radius:12px;margin-top:18px}#oc-notice.error{background:#fff0eb;color:#963b22}.oc-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}.oc-workspace-head h2{font-size:26px;overflow-wrap:anywhere}.oc-tabs{display:flex;gap:8px;overflow-x:auto;margin:24px 0;padding:5px;background:#f0f5f1;border-radius:12px}.oc-tabs button{border:0;background:transparent;padding:12px 20px;border-radius:9px;white-space:nowrap;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}.oc-tabs button.active{background:white;color:var(--green);box-shadow:0 2px 8px #13351b0b}.oc-progress{font-size:14px;color:var(--green);padding:12px 0}.oc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.oc-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.oc-bento button{border:0;border-radius:16px;background:#f1f6f2;padding:24px;text-align:left;font:inherit;cursor:pointer}.oc-bento strong{font-size:30px;display:block;color:var(--green)}.oc-bento span{color:var(--muted);font-size:13px}.oc-copy-card,.oc-asset-card,.oc-example-card,.oc-tool-card{border-radius:16px;background:#f5f8f5;padding:20px;min-width:0}.oc-copy-card textarea{background:white;min-height:190px}.oc-copy-card small,.oc-example-card>span,.oc-tool-card>span{font-size:10px;letter-spacing:1px;color:var(--green)}.oc-copy-actions{display:flex;gap:6px;flex-wrap:wrap}.oc-copy-actions button,.oc-retry{font:inherit;font-size:11px;padding:8px;border:0;border-radius:7px;background:#e1ece3;color:var(--green);cursor:pointer}.oc-asset-card img{width:100%;max-height:370px;object-fit:contain;border-radius:9px;background:white}.oc-asset-card video{width:100%;max-height:480px;border-radius:9px;background:#16241c}.oc-asset-card h3{font-size:16px}.oc-example{padding-top:75px}.oc-example-card p{font-size:15px}.oc-example-card small{font-size:11px;color:var(--muted)}.oc-seo article{padding:20px 0}.oc-seo h2{font-size:25px}.oc-seo details{padding:18px 0;border-bottom:1px solid #e2ebe4}.oc-seo summary{font-weight:650;cursor:pointer}.oc-links{margin-top:30px}.oc-tool-card{text-decoration:none;display:block;padding:32px}.oc-tool-card strong{color:var(--green)}.oc-hub,.oc-history{min-height:60vh}.oc-preview{background:white;padding:18px;border-radius:12px;margin:16px 0;border:1px solid #e0e9e2;white-space:pre-wrap;font-size:14px}.oc button:focus-visible,.oc a:focus-visible,.oc summary:focus-visible{outline:3px solid #69af87;outline-offset:3px}.oc a{color:var(--green)}.oc-analysis{padding:16px;background:#f3f8f4;border-radius:12px;font-size:14px;margin-top:16px}.oc-analysis ul{margin-bottom:0}
@media(max-width:900px){.oc-hero{gap:30px}.oc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-workspace-head{align-items:start;flex-direction:column}}
@media(max-width:640px){.oc-shell{padding:26px 16px}.oc-hero{grid-template-columns:1fr;padding-top:35px;gap:25px}.oc h1{letter-spacing:-1px;font-size:39px}.oc-lead{font-size:16px}.oc-pipeline{justify-self:center;padding:22px;max-width:440px}.oc-source-card{width:180px}.oc-source-card svg{height:115px}.oc-badges{font-size:11px}.oc-tool{padding:16px;border-radius:18px}.oc-stepbar{font-size:11px}.oc-stepbar span{gap:5px}.oc-stepbar b{font-weight:500}.oc-form-grid{grid-template-columns:1fr;gap:18px}.oc-drop{min-height:250px}.oc-two{gap:10px}.oc-grid{grid-template-columns:1fr}.oc-tabs button{padding:10px 16px}.oc-tabs{max-width:100%}.oc-workspace-head .oc-actions{gap:8px}.oc-primary,.oc-secondary{font-size:13px;padding:13px 16px}.oc-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.oc-thumb img{height:65px}.oc-bento button{padding:17px}.oc-bento strong{font-size:26px}.oc-bento{gap:10px}.oc-example{padding-top:45px}.oc-copy-card{padding:16px}.oc #oc-generate{position:sticky;bottom:12px;z-index:2;box-shadow:0 5px 20px #13572c26}.oc{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.oc *{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:640px){.onter-content-page .zalo-container,.onter-content-page .onter-floating-hotline,.onter-content-page iframe[title="Bee – Trợ lý AI của Onter"]{display:none!important}}