.home-tutorial{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:26px;align-items:center;margin:28px 0 35px;padding:24px 28px;background:#efefea;border:1px solid #d7d8d0;border-radius:3px}
.home-tutorial img{width:180px;height:125px;object-fit:contain;mix-blend-mode:multiply}
.home-tutorial h2{font-family:Georgia,serif;font-weight:400;font-size:30px;letter-spacing:-.04em;margin:9px 0}
.home-tutorial p{font-size:12px;line-height:1.75;color:#646760;margin:0;max-width:500px}.home-tutorial small{font-size:10px;display:block;color:#6d7067;margin-top:12px}
#editor-shell .header-actions>.tutorial-launch{display:inline-flex;align-items:center;gap:5px;text-decoration:none}
.tutorial-launch b{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;font-weight:500;font-size:11px}
#tutorial-guide{position:relative;z-index:11;flex:none;margin:0 12px 9px;border:1px solid #c8cbc0;background:#fdfdf9;box-shadow:0 3px 15px #30312f0c;border-radius:7px;max-height:43%;overflow:auto;scrollbar-width:thin;color:#30312f}
.tutorial-top{display:flex;align-items:center;gap:10px;padding:10px 13px}.tutorial-label{font-size:8px;letter-spacing:.13em;flex:1;font-weight:600}.tutorial-top>span:nth-child(2){font-size:10px;font-variant-numeric:tabular-nums;color:#666960}.tutorial-top button{border:0;background:#efefea;border-radius:3px;min-width:25px;min-height:25px;font-size:18px;color:#55594f}
.tutorial-progress{height:2px;background:#e8e8e2}.tutorial-progress i{display:block;height:2px;background:#9d805c;transition:width .15s}
#tutorial-body{padding:12px 15px}.tutorial-index-label{font-size:9px;color:#646960;display:block;margin-bottom:5px}
#editor-shell #tutorial-step{width:100%;padding:6px 8px;font-size:10px;background:#f4f4ee;border:1px solid #d8dad1}
#tutorial-title{font-family:Georgia,serif;font-size:22px;line-height:1.2;letter-spacing:-.02em;font-weight:400;margin:12px 0 8px;outline:none}
#tutorial-text,#tutorial-task{font-size:11px;line-height:1.65;margin:7px 0;color:#575c50}#tutorial-task{padding-left:11px;border-left:2px solid #b4a084;color:#454a3e}
#tutorial-dxf{display:inline-block;font-size:11px;color:#765638;margin:6px 0 8px}
#tutorial-feedback{font-size:9px;color:#767d6b;min-height:12px;margin:8px 0}.tutorial-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}.tutorial-actions button{font-size:10px;border:1px solid #d4d7cc;background:#f5f5ee;border-radius:4px;padding:8px 10px;color:#454a3d;min-height:33px}.tutorial-actions #tutorial-show{margin-right:auto;border-color:transparent;background:transparent;padding-left:0}.tutorial-actions #tutorial-next{background:#363932;color:#fff;border-color:#363932}
.tutorial-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;font-size:8px;color:#7b8172}.tutorial-foot button{border:0;background:transparent;color:#626b56;padding:4px 0;font-size:9px}
.tutorial-highlight{outline:2px solid #9b7d55!important;outline-offset:3px;box-shadow:0 0 0 5px #9b7d550a}
body:has(dialog[open]) .tutorial-highlight{outline:none!important;box-shadow:none}
@media(max-width:1250px){#editor-shell .tutorial-launch span{display:none}}
@media(max-width:1020px){.home-tutorial{grid-template-columns:130px 1fr;gap:20px}.home-tutorial img{width:130px}.home-tutorial>.button{grid-column:2;justify-self:start}}
@media(max-width:700px){#editor-shell .tutorial-launch{padding:5px!important;min-width:27px!important}#editor-shell.tutorial-active .sidebar,#editor-shell.tutorial-active .properties-panel{bottom:calc(var(--tutorial-height,290px) + 18px);max-height:calc(100% - var(--tutorial-height,290px) - 26px)}#tutorial-guide{margin:0 8px 8px;max-height:43%;z-index:21}.tutorial-top{padding:8px 10px}#tutorial-body{padding:10px 12px}#tutorial-title{font-size:21px}#tutorial-text,#tutorial-task{font-size:11px}.tutorial-actions button{padding:8px}#editor-shell .project-heading{min-width:0}.home-tutorial{grid-template-columns:1fr;margin-top:20px;padding:22px;gap:14px}.home-tutorial img{width:100%;height:140px}.home-tutorial>.button{grid-column:auto}.home-tutorial h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.tutorial-progress i{transition:none}}