.oc{display:grid;grid-gap:1.5rem;gap:1.5rem;min-width:0}.oc>:not(dialog){margin-bottom:0!important}.oc-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1.5rem;gap:1.5rem}.oc-create-card{display:flex;flex-direction:column;gap:1rem;min-width:0;padding:2rem;background:var(--color-surface);border:1px solid var(--color-rule-strong);border-radius:16px;color:var(--color-ink);transition:border-color .16s,background-color .16s}.oc-create-card:hover{border-color:var(--color-ink);background:var(--color-paper)}.oc-create-card__icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;background:var(--color-acid-soft);border-radius:12px}.oc-create-card__icon svg{width:1.75rem;height:1.75rem}.oc-create-card__input{font-size:.82rem;color:var(--color-muted)}.oc-create-card h2{font-size:1.65rem}.oc-create-card p{color:var(--color-muted);max-width:31rem}.oc-create-card__outcome{font-size:.85rem;color:var(--color-muted);padding-block:.5rem}.oc-create-card>strong{display:flex;align-items:center;gap:.5rem;margin-top:auto;min-height:3rem;font-size:.95rem}.oc-flow-note{display:grid;grid-gap:.5rem;gap:.5rem;margin-top:2rem;padding:1.5rem 0;border-top:1px solid var(--color-rule)}.oc-flow-note>strong{font-size:.95rem;line-height:1.7}.oc-flow-note p{color:var(--color-muted);font-size:.88rem}.oc-steps{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin:0;padding:0;list-style:none}.oc-steps li{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-muted);line-height:1.5}.oc-steps li>span{display:grid;place-items:center;min-width:1.5rem;min-height:1.5rem;border:1px solid var(--color-rule-strong);border-radius:50%;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.oc-steps li[aria-current=step]{font-weight:600;color:var(--color-ink)}.oc-steps li[aria-current=step]>span{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-on-dark)}.oc-usage{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border:1px solid var(--color-rule);border-radius:10px;font-size:.83rem;color:var(--color-muted);background:var(--color-paper-2)}.oc-usage strong{color:var(--color-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.oc-new-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(16rem,1fr);grid-gap:1.5rem;gap:1.5rem;align-items:start}.oc-upload{display:grid;grid-gap:.75rem;gap:.75rem;justify-items:start;min-width:0;padding:1.5rem;border:1px dashed var(--color-rule-strong);background:var(--color-paper);border-radius:10px}.oc-upload>svg{width:2rem;height:2rem}.oc-upload>label{font-weight:600;overflow-wrap:anywhere;line-height:1.6}.oc-upload input{max-width:100%;font-size:.85rem}.oc-upload input::-webkit-file-upload-button{min-height:2.75rem;padding:.6rem 1rem;border:1px solid var(--color-rule-strong);border-radius:8px;background:var(--color-surface);color:var(--color-ink);margin-right:.75rem;font:600 .85rem var(--font-body);cursor:pointer}.oc-upload input::file-selector-button{min-height:2.75rem;padding:.6rem 1rem;border:1px solid var(--color-rule-strong);border-radius:8px;background:var(--color-surface);color:var(--color-ink);margin-right:.75rem;font:600 .85rem var(--font-body);cursor:pointer}.oc-help,.oc-upload p{font-size:.82rem;line-height:1.65;color:var(--color-muted)}.oc-guide{display:grid;grid-gap:1.5rem;gap:1.5rem;margin:0 0 1.5rem;padding-left:1.25rem}.oc-guide li{padding-left:.4rem}.oc-guide p{margin-top:.4rem;font-size:.85rem;color:var(--color-muted)}.oc-upload-progress{display:grid;grid-gap:.75rem;gap:.75rem;min-width:0}.oc-upload-progress>span{display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.oc progress{width:100%;height:.6rem;accent-color:var(--color-ink)}.oc-check{display:flex;align-items:flex-start;gap:.65rem;min-height:2.75rem;font-size:.85rem;line-height:1.65;cursor:pointer}.oc-check input{flex-shrink:0;width:1.15rem;height:1.15rem;margin-top:.2rem;accent-color:var(--color-ink)}.oc-tabs{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid var(--color-rule);padding-bottom:.75rem}.oc-tabs button{min-height:2.75rem;padding:.65rem 1rem;border:1px solid transparent;border-radius:8px;background:transparent;font-weight:600;color:var(--color-muted)}.oc-tabs button:hover{background:var(--color-paper-2);color:var(--color-ink)}.oc-tabs button[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}.oc-edit-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(16rem,1fr);grid-gap:1.5rem;gap:1.5rem;align-items:start}.oc-source-video{display:block;width:100%;max-height:30rem;aspect-ratio:16/9;object-fit:contain;border-radius:10px;background:var(--color-studio)}.oc-result{display:grid;grid-template-columns:minmax(12rem,18rem) minmax(0,1fr);grid-gap:2rem;gap:2rem;align-items:start}.oc-result video{width:100%;max-height:36rem;aspect-ratio:9/16;object-fit:contain;border-radius:10px;background:var(--color-studio)}.oc-result__info{display:grid;grid-gap:1.25rem;gap:1.25rem;padding-top:.5rem}.oc-result__info>p{color:var(--color-muted);font-size:.9rem}.oc-result__info>.console-button{justify-self:start}.oc-preview-empty{display:grid;justify-items:center;grid-gap:1rem;gap:1rem;min-height:17rem;text-align:center;padding:2rem 1rem;background:var(--color-paper);border-radius:10px}.oc-preview-empty>svg{width:2.5rem;height:2.5rem;color:var(--color-muted)}.oc-preview-empty p{max-width:28rem;font-size:.87rem;color:var(--color-muted)}.oc-plan-summary{display:grid;grid-gap:.75rem;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--color-rule)}.oc-plan-summary p{font-size:.87rem;color:var(--color-muted)}.oc-plan-summary strong{font-size:.85rem}.oc-segment,.oc-segments{display:grid;grid-gap:1rem;gap:1rem}.oc-segment{border:1px solid var(--color-rule);background:var(--color-paper);border-radius:10px;padding:1rem}.oc-segment__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;font-size:.9rem}.oc-segment__times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.oc-removed{display:grid;grid-gap:.75rem;gap:.75rem;padding:1rem;border:1px dashed var(--color-rule-strong);border-radius:10px;font-size:.85rem}.oc-removed>div{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.oc-removed span{min-width:0;overflow-wrap:anywhere}.oc-style-picker{display:flex;flex-wrap:wrap;gap:.75rem;border:0;margin:0;padding:0}.oc-style-picker legend{font-weight:600;font-size:.9rem;margin-bottom:.75rem}.oc-style-picker label{display:flex;align-items:center;gap:.5rem;min-height:3rem;padding:.75rem 1rem;border:1px solid var(--color-rule-strong);border-radius:8px;cursor:pointer;font-size:.9rem}.oc-style-picker label:has(input:checked){background:var(--color-acid-soft);border-color:var(--color-ink)}.oc-style-picker input{accent-color:var(--color-ink)}.oc-style-range{max-width:40rem}.oc-template{display:grid;grid-gap:1rem;gap:1rem;min-width:0}.oc-template-picker{display:grid;grid-gap:.5rem;gap:.5rem;min-width:0;border:0;padding:0;margin:0}.oc-template-picker legend{margin-bottom:.65rem;font-size:.9rem;font-weight:600}.oc-template-option{display:flex;align-items:center;gap:.75rem;min-height:3rem;padding:.85rem 1rem;border:1px solid var(--color-rule-strong);border-radius:10px;cursor:pointer;background:var(--color-paper);transition:border-color .16s,background-color .16s}.oc-template-option>input{width:1.1rem;height:1.1rem;flex-shrink:0;accent-color:var(--color-ink)}.oc-template-option>span{display:grid;grid-gap:.25rem;gap:.25rem;min-width:0}.oc-template-option strong{font-size:.9rem;line-height:1.5}.oc-template-option small{color:var(--color-muted);font-size:.8rem;line-height:1.55;overflow-wrap:anywhere}.oc-template-option:has(input:checked){border-color:var(--color-ink);background:var(--color-acid-soft)}.oc-template-option:has(input:focus-visible){outline:2px solid var(--color-ink);outline-offset:3px}.oc-template-picker:disabled .oc-template-option{cursor:default;opacity:.7}.oc-template-preview{display:grid;grid-gap:.65rem;gap:.65rem;justify-items:start;margin:0}.oc-template-preview video{display:block;width:min(100%,18rem);aspect-ratio:9/16;object-fit:contain;border-radius:10px;background:var(--color-studio)}.oc-template-preview figcaption{font-size:.8rem;color:var(--color-muted);line-height:1.6}.oc-history{display:grid;grid-gap:.75rem;gap:.75rem}.oc-history article{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--color-rule);border-radius:8px;font-size:.88rem}.oc-history article>span{color:var(--color-muted)}.oc-save-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.5rem;border:1px solid var(--color-rule-strong);border-radius:12px;background:var(--color-surface)}.oc-save-bar>div:first-child{flex:1 1;min-width:14rem}.oc-save-bar strong{font-size:.95rem}.oc-save-bar p{margin-top:.4rem;font-size:.83rem;color:var(--color-muted)}.oc-project-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.oc-project-toolbar .console-search{flex:1 1 15rem}.oc-project-toolbar .console-field{flex:0 1 auto}.oc-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1.25rem;gap:1.25rem}.oc-project-card{display:grid;grid-template-columns:7rem minmax(0,1fr);grid-gap:1.25rem;gap:1.25rem;padding:1.25rem;background:var(--color-surface);border:1px solid var(--color-rule);border-radius:14px;min-width:0}.oc-project-cover{display:block;aspect-ratio:9/16;overflow:hidden;border-radius:8px;background:var(--color-paper-2);min-width:0}.oc-project-cover img{width:100%;height:100%;object-fit:cover}.oc-project-cover>div{display:grid;justify-items:center;align-content:center;grid-gap:.5rem;gap:.5rem;height:100%;padding:.5rem;text-align:center;color:var(--color-muted)}.oc-project-cover>div>svg{width:1.5rem;height:1.5rem}.oc-project-cover span{display:grid;grid-gap:.5rem;gap:.5rem;font-size:.75rem;line-height:1.5}.oc-project-cover small{font-size:.68rem}.oc-project-card__main{display:flex;flex-direction:column;gap:.8rem;min-width:0}.oc-project-card__top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.78rem;color:var(--color-muted)}.oc-project-card__main h2{font-size:1.05rem}.oc-project-card__main>p{font-size:.79rem;color:var(--color-muted)}.oc-project-card__main>.console-button{align-self:flex-start;margin-top:auto}.oc-previous-link{color:var(--color-muted);justify-self:start}.oc .console-notice p{overflow-wrap:anywhere}@media(max-width:1100px){.oc-project-grid{grid-template-columns:1fr}.oc-edit-layout,.oc-new-layout{grid-template-columns:minmax(0,1fr)}.oc-edit-layout>.console-panel:last-child{max-width:40rem}}@media(max-width:600px){.oc-create-grid{grid-template-columns:1fr;gap:1rem}.oc-create-card{padding:1.5rem}.oc-create-card h2{font-size:1.4rem}.oc-create-card__icon{width:3rem;height:3rem}.oc-result{grid-template-columns:1fr;gap:1.5rem}.oc-result video{max-width:18rem;justify-self:center}.oc-project-toolbar>.console-search{flex-basis:100%}.oc-project-toolbar>.console-field{flex:1 1 7.5rem}.oc-project-toolbar select{padding-inline:.6rem}.oc-project-card{grid-template-columns:5.5rem minmax(0,1fr);gap:1rem;padding:1rem}.oc-project-card__main>.console-button{white-space:normal;text-align:left;font-size:.8rem;padding-inline:.75rem}.oc-save-bar{padding:1rem}.oc-save-bar>.console-button-row{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.oc-save-bar>.console-button-row>.console-button{width:100%;white-space:nowrap}.oc-upload{padding:1rem}.oc-segment{padding:.8rem}.oc-segment__times{gap:.75rem}.oc-segment__times label{flex-wrap:wrap}.oc-removed>div{align-items:flex-start}.oc-steps{gap:.5rem 1rem}.oc-steps li{font-size:.73rem}.oc-usage{padding:.85rem 1rem}.oc-tabs{gap:.25rem}.oc-tabs button{padding:.65rem .75rem;font-size:.8rem}}