.arttao-oi-wrap{max-width:1200px;margin:24px auto;padding:0 10px;font-family:Arial,"Microsoft YaHei",sans-serif;color:#24363d}
.arttao-oi-master-toggle{width:1100px;max-width:100%;min-height:42px;margin:0 auto 14px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #e6ccff;border-radius:7px;background:#f4e8fb;color:#24363d;font-size:15px;font-weight:500;line-height:1.2;cursor:pointer;box-shadow:none}
.arttao-oi-toggle-mark{margin-left:auto;font-size:20px;line-height:1}
.arttao-oi-master-panel{border:1px solid #87ceeb;border-radius:8px;background:#fff;padding:12px}
.arttao-oi-intro{border:1px solid #ccffff;border-radius:8px;background:#fbffff;padding:10px 12px;margin-bottom:12px;font-size:13px;line-height:1.65}
.arttao-oi-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:start}
.arttao-oi-card{border:1px solid #87ceeb;border-radius:8px;background:#fcffff;padding:10px}
.arttao-oi-card-title{font-size:14px;font-weight:700;margin-bottom:8px;color:#29434a}
.arttao-oi-stage{display:flex;justify-content:center;align-items:center;background:#f8f8f8;border:1px solid #d9edf6;border-radius:6px;overflow:hidden}
.arttao-oi-canvas{display:block;width:100%;max-width:700px;height:auto;aspect-ratio:1/1;background:#fff}
.arttao-oi-caption,.arttao-oi-note{font-size:12px;line-height:1.65;color:#5b6c73;margin-top:8px}
.arttao-oi-controls-row{display:grid;gap:10px;margin-bottom:10px}
.arttao-oi-controls-row.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.arttao-oi-controls-row.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}
.arttao-oi-controls-row label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#33454b}
.arttao-oi-controls-row label span{font-weight:600}
.arttao-oi-controls-row select,.arttao-oi-controls-row input[type="number"]{height:34px;border:1px solid #c9dfe7;border-radius:6px;background:#fff;padding:0 10px;font-size:13px;color:#24363d}
.arttao-oi-controls-row input[type="range"]{width:100%;accent-color:#5f8aa7}
.arttao-oi-controls-row em{font-style:normal;font-size:12px;color:#4e6a74;text-align:right}
.arttao-oi-status{display:grid;gap:6px;border:1px solid #dbf0f5;background:#fafdff;border-radius:6px;padding:8px 10px;margin-bottom:10px;font-size:12px}
.arttao-oi-btn-grid{display:grid;gap:10px}
.arttao-oi-btn-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.oi-btn{height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #b7d8e8;border-radius:7px;background:#f0ffff;color:#24404a;font-size:13px;cursor:pointer;text-decoration:none;padding:0 10px;box-sizing:border-box}
.oi-btn:hover{background:#ffedff}
.oi-load-wrap{position:relative;overflow:hidden}
.oi-load-json{position:absolute;inset:0;opacity:0;cursor:pointer}
@media (max-width:980px){.arttao-oi-grid{grid-template-columns:1fr}.arttao-oi-controls-row.two-col,.arttao-oi-controls-row.three-col,.arttao-oi-btn-grid.two{grid-template-columns:1fr}}

/* v1.0.2: six controls moved to right column */
.arttao-oi-sliders-title{margin-top:10px;margin-bottom:10px;}
.arttao-oi-right .arttao-oi-controls-row label{min-width:0;}