.oc-studio{--st-ink:#1b1511;--st-muted:#6f6258;--st-soft:#f6ede2;--st-soft2:#eadbc8;--st-line:#e4d8ca;--st-surf:#fffdfa;--st-bg:#f7f4f0;--st-btn:#4a3f37;--st-btn2:#342c26;--st-cop:#86581f;--st-ok:#2f7a4c;--st-okbg:#e7f3ea;font-family:"Readex Pro",system-ui,Tahoma,sans-serif;color:var(--st-ink);line-height:1.6;background:var(--st-bg);padding-block:clamp(44px,7vw,88px)}.oc-studio--page{background:#fff0;padding-block:8px 32px}.oc-studio *{box-sizing:border-box}.ocst-wrap{max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}.oc-studio--page .ocst-wrap{max-width:1320px;padding-inline:0}.ocst-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.ocst-eyebrow{font-size:.8rem;letter-spacing:.08em;color:#86581f;font-weight:600}.oc-studio .ocst-h2{margin:.2rem 0 0;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;line-height:1.25;color:var(--st-ink);text-wrap:balance}.ocst-sub{margin:.4rem 0 0;color:var(--st-muted);font-size:.95rem;max-width:62ch}.ocst-offer{background:var(--st-okbg);color:var(--st-ok);border-radius:999px;padding:7px 14px;font-weight:600;font-size:13.5px;white-space:nowrap}.ocst-tabs{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:2px}.ocst-tab{display:flex;align-items:center;gap:10px;border:1.5px solid var(--st-line);background:var(--st-surf);border-radius:14px;padding:6px 14px 6px 6px;cursor:pointer;flex:none;text-align:start;font:inherit;color:inherit}.ocst-tab i{width:64px;height:40px;border-radius:8px;background:center/cover;display:block}.ocst-tab b{display:block;font-size:14px;font-weight:600}.ocst-tab small{display:block;color:var(--st-muted);font-size:12px}.ocst-tab[aria-pressed="true"]{border-color:var(--st-cop);background:var(--st-soft)}.ocst-tab:focus-visible,.ocst-btn:focus-visible{outline:2px solid #e3ad68;outline-offset:2px}.ocst-stage{position:relative;border-radius:18px;overflow:hidden;background:#d9c7ae;aspect-ratio:16/9;box-shadow:0 22px 50px rgb(22 17 13 / .14)}.ocst-img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;margin:0!important;border-radius:0!important}.ocst-spot{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;border:0;padding:0;cursor:pointer;background:rgb(255 253 250 / .95);box-shadow:0 2px 10px rgb(0 0 0 / .25);display:grid;place-items:center;z-index:2;min-height:0}.ocst-spot::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgb(255 253 250 / .85);animation:ocstP 2.2s ease-out infinite}.ocst-spot span{width:12px;height:12px;border-radius:50%;background:#86581f;display:block}.ocst-spot[aria-expanded="true"] span{background:#2f7a4c}.ocst-spot:focus-visible{outline:3px solid #e3ad68;outline-offset:3px}.ocst-tag{position:absolute;transform:translate(-50%,-145%);background:rgb(27 21 17 / .78);color:#fffaf3;font-size:12.5px;padding:4px 10px;border-radius:999px;white-space:nowrap;pointer-events:none;z-index:1;font-variant-numeric:tabular-nums}@keyframes ocstP{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.6);opacity:0}}.ocst-pop{position:absolute;z-index:5;width:300px;max-width:calc(100% - 24px);max-height:calc(100% - 24px);overflow:auto;background:var(--st-surf);border-radius:14px;box-shadow:0 12px 40px rgb(0 0 0 / .3);text-align:start}.ocst-ph{display:flex;gap:10px;padding:12px}.ocst-ph i{width:76px;height:76px;border-radius:10px;background:#fff center/cover;flex:none;display:block;border:1px solid var(--st-line)}.ocst-ph small{font-size:12px;color:var(--st-muted)}.ocst-ph b{display:block;font-size:14px;line-height:1.4;font-weight:600}.ocst-pr{font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}.ocst-pr s{color:var(--st-muted);font-weight:400;font-size:12px}.ocst-acts{display:flex;gap:8px;padding:0 12px 12px}.ocst-acts a,.ocst-acts button{flex:1;text-align:center;border-radius:10px;padding:8px 10px;font:inherit;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;border:1px solid var(--st-soft2);background:var(--st-soft);color:var(--st-ink);line-height:1.4}.ocst-acts a.m{background:var(--st-btn);color:#fffaf3;border-color:#fff0}.ocst-alts{border-top:1px solid var(--st-line);padding:10px 12px 12px;display:none}.ocst-alts.on{display:block}.ocst-alts p{margin:0 0 6px;font-size:12.5px;color:var(--st-muted)}.ocst-alt{display:flex;gap:8px;align-items:center;width:100%;border:1px solid var(--st-line);background:var(--st-bg);border-radius:10px;padding:5px;margin-top:6px;cursor:pointer;text-align:start;font:inherit;color:inherit}.ocst-alt i{width:40px;height:40px;border-radius:7px;background:#fff center/cover;flex:none;display:block}.ocst-alt span{flex:1;min-width:0;font-size:12.5px;line-height:1.35}.ocst-alt em{font-style:normal;font-weight:600;font-size:12.5px;white-space:nowrap}.ocst-x{position:absolute;top:6px;left:6px;width:26px;height:26px;border-radius:50%;border:0;background:var(--st-soft);cursor:pointer;line-height:1;color:var(--st-ink);padding:0;min-height:0}.ocst-below{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;margin-top:16px;align-items:start}.ocst-card{background:var(--st-surf);border:1px solid var(--st-line);border-radius:14px;padding:16px}.oc-studio .ocst-card h3{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--st-ink)}.ocst-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ocst-item{display:flex;gap:12px;align-items:center;padding:8px;border-radius:10px;border:1px solid var(--st-line);background:var(--st-bg);margin:0}.ocst-item i{width:60px;height:60px;border-radius:9px;background:#fff center/cover;flex:none;display:block}.ocst-item .t{flex:1;min-width:0}.ocst-item small{color:var(--st-muted);font-size:12px;display:block}.ocst-item a{font-weight:600;font-size:14px;text-decoration:none;color:var(--st-ink);display:block;line-height:1.4}.ocst-sw{border:0;background:none;color:var(--st-cop);font:inherit;font-size:12.5px;cursor:pointer;padding:0;text-decoration:underline;min-height:0}.ocst-item .p{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.ocst-item .p s{display:block;color:var(--st-muted);font-weight:400;font-size:12px}.ocst-tot{display:flex;flex-direction:column;gap:8px;font-size:14px}.ocst-tot div{display:flex;justify-content:space-between;gap:8px}.ocst-tot .d{color:var(--st-ok);font-weight:600}.ocst-tot .b{font-size:20px;font-weight:700;border-top:1px solid var(--st-line);padding-top:10px}.ocst-tot .o{color:var(--st-muted);text-decoration:line-through;font-size:13px;font-weight:400;margin-left:6px}.ocst-btn{border:0;border-radius:12px;padding:14px 16px;font:inherit;font-weight:600;cursor:pointer;font-size:15px;background:var(--st-btn);color:#fffaf3;width:100%;margin-top:14px}.ocst-btn:hover{background:var(--st-btn2)}.ocst-btn[disabled]{opacity:.6;cursor:wait}.ocst-note{font-size:12px;color:var(--st-muted);margin:10px 0 0}.ocst-err{color:#a2591a;font-size:13px;margin-top:8px}@media (max-width:900px){.ocst-below{grid-template-columns:minmax(0,1fr)}.ocst-tag{display:none}.ocst-pop{position:fixed;left:12px!important;right:12px;top:auto!important;bottom:12px;width:auto;max-width:none;max-height:75vh;z-index:9999}}@media (max-width:520px){.ocst-spot{width:28px;height:28px}.ocst-spot span{width:10px;height:10px}}@media (prefers-reduced-motion:reduce){.ocst-spot::before{animation:none}}.ocst-opts{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}.ocst-opt{display:flex;flex-direction:column;gap:2px;font-size:11.5px;color:var(--st-muted);min-width:0;flex:1 1 150px}.ocst-opt select{font:inherit;font-size:13px;color:var(--st-ink);background:#fff;border:1.5px solid var(--st-line);border-radius:8px;padding:6px 8px;min-height:36px;width:100%;max-width:100%}.ocst-opt.is-miss select{border-color:#e3ad68;background:#fff9f0}.ocst-opt select:focus{outline:2px solid #e3ad68;outline-offset:1px}.ocst-na{display:block;color:#a2591a;font-size:12px;margin:2px 0}.ocst-item .p small.from{display:block;font-weight:400;font-size:11px;color:var(--st-muted);text-align:end}.ocst-hint{font-size:12.5px;color:#a2591a;background:#fbeedd;border-radius:8px;padding:8px 10px;margin:10px 0 0}.ocst-popnote{margin:6px 0 0;font-size:12px;color:var(--st-muted)}.ocst-item{align-items:flex-start}.oc-studio .ocst-load{margin:.5rem 0 0;font-size:.78rem;color:#86581f;opacity:.85}.oc-studio .ocst-item .p small.ex{display:block;font-size:.7rem;font-weight:400;color:#7a6a5c;margin-top:.15rem;white-space:nowrap}.oc-studio .ocst-tot .d small{font-weight:400;font-size:.75em;opacity:.8}.oc-studio .ocst-na a{color:inherit;text-decoration:underline}.oc-studio .ocst-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px 8px}.oc-studio .ocst-opts .ocst-opt{min-width:0;max-width:none;width:auto}.oc-studio .ocst-units{margin:8px 0 2px;padding:10px;border:1px dashed #d9c6ae;border-radius:10px;background:#fffaf3}.oc-studio .ocst-units-h{margin:0 0 6px;font-size:12px;color:#5b4b3e}.oc-studio .ocst-units-h b{color:#423932;font-weight:600}.oc-studio .ocst-unit{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid #efe3d3}.oc-studio .ocst-unit i{width:40px;height:40px;border-radius:8px;background:#f6ede2 center/cover;flex:none}.oc-studio .ocst-unit span{flex:1;min-width:0;display:flex;flex-direction:column}.oc-studio .ocst-unit b{font-size:12px;font-weight:500;color:#1b1511;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-studio .ocst-unit small{font-size:11px;color:#86581f}.oc-studio .ocst-unit em{font-style:normal;font-size:12.5px;font-weight:600;color:#1b1511;white-space:nowrap}.oc-studio .ocst-unit-x{border:0;background:#f1e6d8;color:#423932;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;flex:none}.oc-studio .ocst-unit-add{margin-top:6px;width:100%;border:1.5px solid #86581f;background:#fff;color:#86581f;border-radius:9px;padding:8px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}@media (hover:hover){.oc-studio .ocst-unit-add:hover{background:#86581f;color:#fff}}.oc-studio .ocst-unit-add:active{background:#f6ede2}.oc-studio .ocst-unit-pick{margin-top:6px;max-height:260px;overflow:auto;border:1px solid #eadccb;border-radius:9px;background:#fff}.oc-studio .ocst-unit-pick button{display:flex;align-items:center;gap:8px;width:100%;border:0;border-bottom:1px solid #f1e6d8;background:none;padding:6px 8px;font:inherit;text-align:start;cursor:pointer}.oc-studio .ocst-unit-pick button:hover{background:#f6ede2}.oc-studio .ocst-unit-pick i{width:36px;height:36px;border-radius:7px;background:#f6ede2 center/cover;flex:none}.oc-studio .ocst-unit-pick span{flex:1;font-size:12px;color:#1b1511}.oc-studio .ocst-unit-pick em{font-style:normal;font-size:12px;font-weight:600;white-space:nowrap}.oc-studio .ocst-units-note,.oc-studio .ocst-units-max{margin:6px 0 0;font-size:11px;color:#7a6a5c}.oc-studio .ocst-chips{display:flex;gap:6px;margin:0 0 8px}.oc-studio .ocst-chip{border:1px solid #d9c6ae;background:#fff;color:#423932;border-radius:999px;padding:4px 10px;font:inherit;font-size:12px;cursor:pointer}.oc-studio .ocst-chip.on{background:#423932;border-color:#423932;color:#fff}.oc-studio .ocst-alts{max-height:340px;overflow:auto}.oc-studio .ocst-unit,.oc-studio .ocst-unit-pick button{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;align-items:center}.oc-studio .ocst-unit i,.oc-studio .ocst-unit-pick i{grid-row:1/span 2;width:44px;height:44px}.oc-studio .ocst-unit span,.oc-studio .ocst-unit-pick span{grid-column:2;grid-row:1;display:block;min-width:0}.oc-studio .ocst-unit b,.oc-studio .ocst-unit-pick span{white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45}.oc-studio .ocst-unit small{display:block;margin-top:1px}.oc-studio .ocst-unit em,.oc-studio .ocst-unit-pick em{grid-column:2;grid-row:2;justify-self:start}.oc-studio .ocst-unit-x{grid-column:3;grid-row:1/span 2}.oc-studio .ocst-unit-pick button{padding:8px 10px}@media (max-width:600px){.oc-studio .ocst-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;column-gap:10px;row-gap:2px;align-items:start}.oc-studio .ocst-item>i{grid-column:1;grid-row:1/span 3;width:52px;height:52px}.oc-studio .ocst-item>.t{display:contents}.oc-studio .ocst-item>.t>small,.oc-studio .ocst-item>.t>a,.oc-studio .ocst-item>.t>.ocst-sw{grid-column:2}.oc-studio .ocst-item>.p{grid-column:3;grid-row:1/span 3;text-align:end}.oc-studio .ocst-item>.t>.ocst-opts,.oc-studio .ocst-item>.t>.ocst-units,.oc-studio .ocst-item>.t>.ocst-load,.oc-studio .ocst-item>.t>.ocst-na{grid-column:1/-1}.oc-studio .ocst-opts{grid-template-columns:1fr}.oc-studio .ocst-units{padding:10px 10px 8px}.oc-studio .ocst-unit-pick{max-height:none}.oc-studio .ocst-unit-add{padding:11px;font-size:14px}}