.tutorial-start-button{position:absolute;left:50%;bottom:clamp(18px,5%,36px);transform:translateX(-50%);border:0;background:transparent;color:#aaa7a3;font:400 14px/1.5 "Noto Sans TC",sans-serif;letter-spacing:.08em;padding:10px 14px;min-height:44px;white-space:nowrap;cursor:pointer}
.tutorial-start-button:hover,.tutorial-start-button:focus-visible{color:#898580;text-decoration:underline;text-underline-offset:5px}
.boxuu-tutorial{position:fixed;inset:0;z-index:9998;pointer-events:none;font-family:"Noto Sans TC",sans-serif}
.boxuu-tutorial-blocker{position:absolute;inset:0;background:transparent;pointer-events:auto;touch-action:none;user-select:none}
.boxuu-tutorial[data-choosing="true"] .boxuu-tutorial-blocker{pointer-events:none}
.boxuu-tutorial-mask{position:absolute;inset:0;overflow:visible;pointer-events:none}
.boxuu-tutorial:not([data-lighting="spotlight"]) .boxuu-tutorial-mask{display:none}
.boxuu-tutorial-outlines{stroke:#e5c99a;stroke-width:2;stroke-linejoin:round}
.boxuu-tutorial-tip{position:fixed;z-index:2;box-sizing:border-box;width:min(354px,calc(100vw - 24px));padding:16px 18px;border:1px solid #82715b;border-radius:14px;background:#27231f;color:#fff;box-shadow:0 12px 44px #0005;pointer-events:auto}
.boxuu-tutorial-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.boxuu-tutorial-kicker{color:#e4c596;font-size:12px;line-height:1.5;letter-spacing:.04em}
.boxuu-tutorial-copy strong{display:block;font-size:18px;line-height:1.45;font-weight:600;margin-bottom:7px}
.boxuu-tutorial-copy p{margin:0;color:#eee8e1;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.boxuu-tutorial-meta{display:flex;align-items:center;gap:8px;margin:8px 0;color:#bfb5a9;font-size:12px;min-height:32px}
.boxuu-tutorial-progress{margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}
.boxuu-tutorial-tip button{font:inherit;cursor:pointer;touch-action:manipulation}
.boxuu-tutorial-navigation{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.boxuu-tutorial-back,.boxuu-tutorial-next{min-height:44px;padding:10px 8px;border:1px solid #766b5e;border-radius:7px;color:#fff;background:#ffffff0b;font-size:14px!important}
.boxuu-tutorial-next{border-color:#e4c596;background:#e4c596;color:#29231d}
.boxuu-tutorial-tip button:disabled{opacity:.4;cursor:default}
.boxuu-tutorial-tip button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.boxuu-tutorial-skip{width:32px;min-width:32px;height:32px;margin:-8px -8px -4px 0;border:0;background:transparent;color:#d8cbbb;font-size:26px!important;line-height:1}
.boxuu-tutorial-pause{padding:7px 8px;border:0;background:transparent;color:#e4c596;font-size:12px!important;min-height:32px;text-decoration:underline;text-underline-offset:3px}
.boxuu-tutorial-cursor{position:fixed;left:-4px;top:-3px;z-index:3;width:36px;height:44px;will-change:transform;pointer-events:none;filter:drop-shadow(0 3px 4px #0007)}
.boxuu-tutorial-cursor[hidden],.boxuu-tutorial-tip [hidden]{display:none!important}
.boxuu-tutorial-cursor>svg{position:relative;display:block}
.boxuu-tutorial-click-ring{position:absolute;top:-12px;left:-12px;width:30px;height:30px;border:3px solid #e9b35b;border-radius:50%;opacity:0}
.is-clicking .boxuu-tutorial-click-ring{animation:boxuu-demo-click .65s ease-out}
.is-dragging>svg{filter:drop-shadow(0 0 4px #ffc869)}
.boxuu-tutorial-zoom-mark{display:none;position:absolute;left:23px;top:-9px;color:#29231d;background:#e4c596;border-radius:50%;width:24px;height:24px;text-align:center;font:600 20px/24px sans-serif}
.is-zooming .boxuu-tutorial-zoom-mark{display:block}
@keyframes boxuu-demo-click{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(2)}}
/* Keep real actions mounted for validated programmatic clicks. */
body.tutorial-autoplay .composer-action-bar .composer-actions{visibility:hidden;height:0;min-height:0;padding:0;margin:0;overflow:hidden}
body.tutorial-autoplay .composer-action-bar{min-height:0!important}
body.tutorial-autoplay .composer-close{visibility:hidden}
body.tutorial-autoplay #composerQuote{visibility:visible}
body.tutorial-autoplay .low-divider-confirm::backdrop{background:transparent}
.low-divider-confirm>.boxuu-tutorial{display:block;margin:0}
.low-divider-confirm .boxuu-tutorial button{flex:initial}
.low-divider-confirm .boxuu-tutorial-skip,.low-divider-confirm .boxuu-tutorial-pause{min-height:32px}
@media(min-width:721px){
 .boxuu-tutorial-tip{display:flex;flex-direction:column;height:var(--tutorial-desktop-panel-height,280px);max-height:calc(100dvh - var(--tutorial-desktop-bottom,112px) - 16px)}
 .boxuu-tutorial-heading,.boxuu-tutorial-meta,.boxuu-tutorial-navigation{flex-shrink:0}
 .boxuu-tutorial-copy{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 body[data-planner-mode="custom"].tutorial-autoplay .composer-desktop-settings{grid-template-rows:auto auto minmax(0,1fr) calc(var(--tutorial-desktop-panel-height,280px) + 12px) auto auto}
 body[data-planner-mode="custom"].tutorial-autoplay .composer-desktop-settings>.composer-view-tools{grid-row:5}
 body[data-planner-mode="custom"].tutorial-autoplay .composer-desktop-settings>.composer-action-bar{grid-row:6}
}
@media(max-width:720px){
 .boxuu-tutorial-tip{padding:12px 14px;border-radius:12px}
 .boxuu-tutorial-copy strong{font-size:16px;margin-bottom:4px}
 .boxuu-tutorial-copy p{font-size:14px;line-height:1.55}
 .boxuu-tutorial-heading{margin-bottom:4px}
 .boxuu-tutorial-meta{margin:5px 0;min-height:30px}
 body.tutorial-autoplay .composer-sheet{height:calc(100dvh - var(--tutorial-dock-height,224px))!important;max-height:calc(100dvh - var(--tutorial-dock-height,224px))!important}
 body.tutorial-autoplay .builder-view .plan-viewport{height:calc(100dvh - var(--tutorial-dock-height,224px) - 130px)!important;min-height:220px!important;max-height:calc(100dvh - var(--tutorial-dock-height,224px) - 130px)!important}
 body.tutorial-autoplay .builder-footer{bottom:var(--tutorial-dock-height,224px);min-height:0}
 body.tutorial-autoplay .composer-action-bar{padding-top:0!important;padding-bottom:4px!important}
 body.tutorial-autoplay .composer-sheet>.composer-view-tools{gap:4px;padding-inline:6px}
 body.tutorial-autoplay .view-tool-tag{font-size:12px;padding-inline:7px}
}
@media(prefers-reduced-motion:reduce){.is-clicking .boxuu-tutorial-click-ring{animation:none;opacity:.7}.boxuu-tutorial-cursor{filter:none}}