.tut-player{margin:0}.tut-viewport{border:1px solid var(--color-border-strong);background:#f4f5f7;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 18px 40px -28px #12121673}.tut-stage{transform-origin:0 0;transition:transform .85s cubic-bezier(.65,0,.35,1);position:absolute;top:0;left:0}.tut-shot{object-fit:cover;width:100%;height:100%;display:block}.tut-cursor{z-index:5;pointer-events:none;filter:drop-shadow(0 2px 3px #00000059);transition:transform .85s cubic-bezier(.65,0,.35,1);position:absolute;top:0;left:0}.tut-ripple{border:3px solid var(--color-accent);border-radius:999px;width:40px;height:40px;animation:.6s ease-out forwards tut-ripple;position:absolute;top:-18px;left:-18px}@keyframes tut-ripple{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.6)}}.tut-ring{z-index:4;pointer-events:none;box-shadow:0 0 0 3px var(--color-accent), 0 0 0 9999px #0a0a0e2e;border-radius:8px;animation:.3s ease-out tut-pop;position:absolute}@keyframes tut-pop{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.tut-caption{min-height:3.2em;color:var(--color-fg);flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:14px;font-size:17px;line-height:1.45;display:flex}.tut-count{letter-spacing:.08em;text-transform:uppercase;color:var(--color-brass-text);font-size:13px;font-weight:800}.tut-say{flex:18rem;font-weight:600}.tut-controls{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tut-ctl{border:1px solid var(--color-border-strong);background:var(--color-bg);min-height:44px;color:var(--color-fg);cursor:pointer;border-radius:999px;padding:0 16px;font-size:15px;font-weight:700}.tut-ctl:hover:not(:disabled){border-color:var(--color-fg)}.tut-ctl:disabled{opacity:.45;cursor:default}.tut-ctl-main{background:var(--color-accent-bright);border-color:var(--color-accent-bright);color:#fff;min-width:7.5rem}.tut-ctl-main:hover:not(:disabled){background:var(--color-accent-deep);border-color:var(--color-accent-deep)}.tut-dots{flex-wrap:wrap;margin-top:6px;display:flex}.tut-dotbtn{cursor:pointer;justify-content:center;align-items:center;width:28px;height:44px;display:inline-flex}.tut-dotbtn span{background:var(--color-border-strong);border-radius:999px;width:10px;height:10px;transition:all .2s}.tut-dotbtn.is-done span{background:var(--color-positive)}.tut-dotbtn.is-on span{background:var(--color-accent);width:18px}.tut-screen{color:#1f2329;background:#f4f5f7;font-size:14px;line-height:1.3;position:relative}.tut-top{background:#fff;border-bottom:1px solid #e5e6eb;align-items:center;gap:10px;height:52px;padding:0 18px;display:flex}.tut-logo{background:#1f2329;border-radius:7px;width:26px;height:26px}.tut-brand{font-size:16px;font-weight:800}.tut-search{color:#8a8f99;background:#f2f3f5;border-radius:8px;align-items:center;width:260px;height:32px;margin-left:28px;padding:0 12px;font-size:13px;display:flex}.tut-top-right{align-items:center;gap:14px;margin-left:auto;display:flex}.tut-dot{border:2px solid #c9cdd4;border-radius:999px;width:18px;height:18px}.tut-avatar{background:#f2f3f5;border-radius:999px;align-items:center;height:30px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.tut-body{height:calc(100% - 52px);display:flex}.tut-nav{background:#fff;border-right:1px solid #e5e6eb;flex:none;width:200px;padding:8px;overflow:hidden}.tut-nav-item,.tut-nav-child{border-radius:7px;justify-content:space-between;align-items:center;height:30px;padding:0 12px;font-size:13.5px;font-weight:600;display:flex}.tut-nav-child{color:#4e5969;padding-left:28px;font-weight:500}.tut-nav-item.is-on,.tut-nav-child.is-on{color:#d10d3a;background:#ffe9ee}.tut-caret{color:#8a8f99;font-size:11px}.tut-main{flex-direction:column;flex:1;gap:14px;min-width:0;padding:18px 24px;display:flex;overflow:hidden}.tut-crumbs{color:#8a8f99;font-size:12px}.tut-h-title{font-size:22px;font-weight:800}.tut-h-sub{color:#4e5969;margin-top:2px;font-size:13px}.tut-tabs{border-bottom:1px solid #e5e6eb;gap:22px;display:flex}.tut-tab{color:#4e5969;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 2px;font-weight:600}.tut-tab.is-on{color:#1f2329;border-color:#1f2329}.tut-btn-row{gap:10px;display:flex}.tut-btn{white-space:nowrap;background:#fff;border:1px solid #c9cdd4;border-radius:8px;align-items:center;height:34px;padding:0 16px;font-weight:700;display:inline-flex}.tut-btn-primary{color:#fff;background:#e6143d;border-color:#e6143d}.tut-btn-link{color:#d10d3a;background:0 0;border:0;padding:0 4px}.tut-field{flex-direction:column;gap:6px;display:flex}.tut-label{font-size:13px;font-weight:600}.tut-req{color:#f53f3f}.tut-input{white-space:nowrap;background:#fff;border:1px solid #c9cdd4;border-radius:8px;justify-content:space-between;align-items:center;height:36px;padding:0 12px;display:flex;overflow:hidden}.tut-input.is-area{white-space:normal;align-items:flex-start;height:72px;padding-top:9px}.tut-ph{color:#a9aeb8}.tut-val{color:#1f2329;font-weight:500}.tut-hint{color:#8a8f99;font-size:12px}.tut-upload{color:#4e5969;background:#fff;border:1.5px dashed #c9cdd4;border-radius:10px;justify-content:center;align-items:center;height:76px;font-weight:600;display:flex}.tut-upload.has-file{color:#0f7a4f;background:#eefaf4;border-style:solid;border-color:#0f7a4f}.tut-row{gap:14px;display:flex}.tut-row-cell{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.tut-table{background:#fff;border:1px solid #e5e6eb;border-radius:10px;overflow:hidden}.tut-tr{border-top:1px solid #f0f1f3;grid-auto-columns:1fr;grid-auto-flow:column;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:grid}.tut-th{color:#4e5969;background:#f7f8fa;border-top:0;font-weight:700}.tut-link{color:#d10d3a;border-radius:6px;justify-self:start;padding:2px 4px;font-weight:700}.tut-card{background:#fff;border:1px solid #e5e6eb;border-radius:10px;padding:12px 14px}.tut-tone-info{background:#e6f6f5;border-color:#bfe6e3}.tut-tone-good{background:#eefaf4;border-color:#bfe8d3}.tut-tone-warn{background:#fff4ec;border-color:#ffd6bd}.tut-card-title{font-weight:700}.tut-card-body{color:#4e5969;margin-top:3px;font-size:13px;line-height:1.45}.tut-toggle-row{align-items:center;gap:10px;font-weight:600;display:flex}.tut-toggle{background:#c9cdd4;border-radius:999px;flex:none;width:40px;height:22px;transition:background .2s;position:relative}.tut-toggle span{background:#fff;border-radius:999px;width:16px;height:16px;transition:left .2s;position:absolute;top:3px;left:3px}.tut-toggle.is-on{background:#0f7a4f}.tut-toggle.is-on span{left:21px}.tut-checks{flex-wrap:wrap;gap:10px 20px;display:flex}.tut-check{border-radius:6px;align-items:center;gap:8px;padding:2px;font-weight:600;display:inline-flex}.tut-box{color:#fff;background:#fff;border:1.5px solid #c9cdd4;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:inline-flex}.tut-check.is-on .tut-box{background:#0f7a4f;border-color:#0f7a4f}.tut-menu{background:#fff;border:1px solid #e5e6eb;border-radius:10px;max-width:320px;padding:6px;box-shadow:0 10px 24px -12px #00000040}.tut-menu-item{border-radius:6px;padding:8px 10px;font-weight:500}.tut-note{color:#4e5969;background:#f7f8fa;border-radius:8px;padding:8px 12px;font-size:12.5px}.tut-stats{grid-auto-columns:1fr;grid-auto-flow:column;gap:12px;display:grid}.tut-stat{background:#fff;border:1px solid #e5e6eb;border-radius:10px;padding:12px 14px}.tut-stat-label{color:#4e5969;font-size:12px;font-weight:600}.tut-stat-value{margin-top:4px;font-size:20px;font-weight:800}.tut-dialog-wrap{z-index:2;background:#0f11166b;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tut-dialog{background:#fff;border-radius:14px;flex-direction:column;gap:14px;width:520px;padding:20px 22px;display:flex;box-shadow:0 24px 48px -20px #00000073}.tut-dialog-title{font-size:18px;font-weight:800}.is-hit{outline-offset:3px;outline:3px solid #e6143d;animation:.9s ease-out tut-hit}.tut-btn-primary.is-hit{box-shadow:0 0 0 6px #d7191f38}@keyframes tut-hit{0%{outline-color:#e6143d00}30%{outline-color:#e6143d}}@media (prefers-reduced-motion:reduce){.tut-stage,.tut-cursor,.tut-toggle,.tut-toggle span{transition:none}.tut-ripple,.tut-ring,.is-hit{animation:none}}.tut-screen{animation:.26s ease-out tut-fade}@keyframes tut-fade{0%{opacity:.25}to{opacity:1}}@media (prefers-reduced-motion:reduce){.tut-screen{animation:none}}.tut-modes{border:1px solid var(--color-border);background:var(--color-bg-subtle);border-radius:10px;gap:4px;margin-bottom:12px;padding:4px;display:flex}.tut-mode{min-height:44px;color:var(--color-fg-subtle);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;flex:auto;padding:0 14px;font-size:15px;font-weight:600;line-height:1.15}.tut-mode:hover{color:var(--color-fg)}.tut-mode[aria-selected=true]{color:var(--color-fg);background:var(--color-bg-elevated);border-color:var(--color-border-strong);box-shadow:0 1px 2px #1010180f}.tut-mode:focus-visible{outline:2px solid var(--color-fg);outline-offset:2px}@media (max-width:420px){.tut-mode{padding:0 8px;font-size:14px}}.tut-video{aspect-ratio:1000/620;border:1px solid var(--color-border-strong);object-fit:contain;background:#f4f5f7;border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 18px 40px -28px #12121673}.t3d-view{aspect-ratio:1000/620;border:1px solid var(--color-border-strong);background:#fafafa;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 18px 40px -28px #12121673}.t3d-view:focus-visible{outline:2px solid var(--color-fg);outline-offset:3px}@media (max-width:767px){.t3d-view{aspect-ratio:1/.85}}.t3d-canvas{width:100%;height:100%;animation:.6s ease-out both t3d-in;display:block;position:absolute;inset:0}@keyframes t3d-in{0%{opacity:0}to{opacity:1}}.t3d-flat{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.t3d-flat-in{aspect-ratio:1000/620;width:100%;position:relative}.t3d-flat-img{width:100%;height:100%;display:block}.t3d-flat-ring{pointer-events:none;border-radius:6px;animation:.3s ease-out tut-pop;position:absolute;box-shadow:0 0 0 3px #007a7c,0 0 0 8px #25f4ee73}@media (prefers-reduced-motion:reduce){.t3d-canvas,.t3d-flat-ring{animation:none}}