#aster-guide{--guide-paper:#fffcf5;--guide-ink:#283d35;--guide-coral:#b65e45;--hand:'Segoe Print','Bradley Hand','Chalkboard SE','Comic Sans MS',cursive;position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--guide-ink);font:16px/1.5 system-ui,sans-serif;overflow:hidden}
#aster-guide::backdrop{background:rgba(244,241,233,.68)}
#aster-guide [hidden]{display:none!important}
#aster-guide button{font:500 14px/1.3 system-ui,sans-serif;min-height:44px;padding:10px 17px;border:1px solid #cdd2c6;border-radius:10px;background:var(--guide-paper);color:var(--guide-ink);cursor:pointer}
#aster-guide button:hover{background:#ecefe5}#aster-guide button:focus-visible{outline:3px solid var(--guide-coral);outline-offset:3px}#aster-guide button:disabled{opacity:.45;cursor:default}
#aster-guide .guide-primary{background:var(--guide-ink);color:var(--guide-paper);border-color:var(--guide-ink)}#aster-guide .guide-primary:hover{background:#405d4b}
#aster-guide .guide-close{position:absolute;right:16px;top:16px;width:44px;padding:0;font-size:26px;z-index:5;border-radius:50%}
.guide-intro{position:relative;width:100%;height:100%;overflow:auto}
.guide-welcome{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 40px));padding:32px;border:1px solid #d8d9ca;border-radius:20px;background:#fffcf5;box-shadow:0 22px 70px #283d351c;z-index:2;text-align:center}
#aster-guide .guide-eyebrow{color:#667063;text-transform:uppercase;font-size:11px;letter-spacing:2px;margin:0 0 13px}
#aster-guide h2{font:normal 38px/1.1 Georgia,serif;letter-spacing:-1px;margin:0 0 18px}#aster-guide .guide-welcome p{margin:0 0 20px}#aster-guide .guide-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}#aster-guide .guide-small{font-size:12px;color:#667063;margin:18px 0 0}
.guide-note{position:absolute;max-width:175px;font:21px/1.35 var(--hand);color:#994d38;transform:rotate(-5deg);z-index:1;pointer-events:none}.guide-note:nth-of-type(2){transform:rotate(4deg)}.guide-note:nth-of-type(3){transform:rotate(-3deg)}
.guide-sketch{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;color:#b65e45}.guide-sketch path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.guide-tour{height:100%;display:flex;flex-direction:column;background:#f4f1e9}.guide-top{display:flex;align-items:center;gap:18px;padding:12px 76px 12px 22px;border-bottom:1px solid #d8d9ca;min-height:68px;flex:none}.guide-top strong{font:600 27px Georgia,serif;letter-spacing:-1px}.guide-top span{font-size:13px;color:#667063}.guide-demo{position:relative;flex:1;min-height:0}.guide-demo iframe{width:100%;height:100%;border:0;display:block;pointer-events:none}.guide-loading{position:absolute;inset:0;background:#f4f1e9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;text-align:center;padding:24px}
.guide-footer{background:#fffcf5;border-top:1px solid #d8d9ca;padding:17px 24px max(17px,env(safe-area-inset-bottom));flex:none;display:grid;grid-template-columns:1fr auto;gap:14px 24px;align-items:center}.guide-caption{max-width:750px}.guide-caption strong{font:normal 23px/1.2 Georgia,serif}.guide-caption p{margin:6px 0 0;font-size:14px;line-height:1.5;color:#526153}.guide-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.guide-progress{display:flex;gap:6px;grid-column:1/-1}#aster-guide .guide-progress button{padding:0;min-height:24px;flex:1;border:none;background:transparent;border-radius:0;position:relative}#aster-guide .guide-progress button:after{content:'';position:absolute;left:0;right:0;top:10px;height:3px;border-radius:3px;background:#dedfd3}#aster-guide .guide-progress button[aria-current=true]:after{background:#b65e45}#aster-guide .guide-progress button:hover:after{background:#283d35}
.tour-mode.guided-preview .tour-callout{font-family:'Segoe Print','Bradley Hand','Chalkboard SE','Comic Sans MS',cursive;font-size:17px;line-height:1.4;transform:rotate(-2deg);background:#fff7df;color:#664532;border-color:#dfceb0;border-radius:3px 16px 6px 12px;box-shadow:3px 5px 0 #6645320b}.tour-mode.guided-preview .tour-callout small{font-family:system-ui,sans-serif;color:#965134}
@media(max-width:700px){.guide-welcome{padding:25px 22px;top:50%;width:calc(100% - 42px)}#aster-guide h2{font-size:32px}.guide-note{font-size:17px;max-width:150px}.guide-top{padding-left:16px;gap:12px}.guide-top strong{font-size:23px}.guide-top span{font-size:12px}.guide-footer{display:block;padding:12px 16px max(12px,env(safe-area-inset-bottom))}.guide-caption strong{font-size:21px}.guide-caption p{font-size:13px}.guide-controls{margin-top:12px;justify-content:space-between;gap:5px}#aster-guide .guide-controls button{padding:8px 11px}.guide-progress{margin-top:5px}}
@media(max-height:560px){.guide-welcome{padding:20px;top:50%}.guide-note{display:none}.guide-sketch{display:none}.guide-welcome .guide-small{display:none}.guide-top{min-height:52px;padding-top:6px;padding-bottom:6px}.guide-caption p{display:none}.guide-footer{padding-top:8px;padding-bottom:8px}.guide-progress{display:none}}
@media(prefers-reduced-motion:no-preference){.guide-welcome{animation:guide-card-in .45s ease-out}@keyframes guide-card-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}.guide-note{animation:guide-ink .7s ease-out both}@keyframes guide-ink{from{opacity:0}to{opacity:1}}}

#aster-guide .guide-step-label{font:600 10px/1.4 system-ui,sans-serif;letter-spacing:1.2px;color:#965134;margin:10px 0 5px}#aster-guide .guide-result{padding-left:12px;border-left:2px solid #c8cebc;color:#53624f;font-size:13px;margin-top:10px}.guide-reference{grid-column:1/-1;font-size:13px;color:#526153}.guide-reference summary{cursor:pointer;padding:5px 0;text-underline-offset:3px}.guide-reference ul{margin:8px 0 0;padding-left:22px;max-height:130px;overflow:auto}.guide-reference li{margin:7px 0}.guide-footer{max-height:48dvh;overflow:auto}.guide-demo{min-height:120px}.guide-controls{max-width:370px}.guide-progress{gap:8px}#aster-guide .guide-progress button{min-width:24px} @media(max-height:560px){.guide-caption p{display:block}.guide-footer{max-height:55dvh}.guide-top{display:none}}