.section-guidance{padding:14px 16px;margin:0 0 22px;border-left:3px solid var(--accent);border-radius:0 7px 7px 0;background:var(--bg);font-size:14px;line-height:1.6}
.section-guidance strong{display:block;font-size:14px;color:var(--ink);margin-bottom:5px}.section-guidance p{margin:0;color:var(--muted)}
.section-flow{display:grid;gap:9px;margin-top:14px}.section-flow p{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}.section-flow button{font-size:14px;min-height:44px}
#studioGuideButton{font-size:14px;min-height:42px;white-space:nowrap;border-color:var(--accent)}
#nav .foundation-label{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;flex-shrink:0;font-size:12px}
#nav .nav-group-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:20px 10px 7px}
#nav button{min-height:44px}#nav button[aria-current] .foundation-label{background:var(--accent);border-color:var(--accent);color:var(--panel)}
.guide-welcome{width:min(590px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:16px;padding:30px;background:var(--panel);color:var(--ink);box-shadow:0 24px 90px #0003}
.guide-welcome::backdrop{background:#14132288;backdrop-filter:blur(3px)}.guide-welcome h2{font-size:28px;line-height:1.2;margin:10px 0 18px}.guide-welcome p{font-size:16px;line-height:1.6}.guide-welcome .guide-demo-note{font-size:14px;color:var(--muted)}
.guide-welcome-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.guide-welcome-heading button{min-width:44px;min-height:44px}
.guide-map{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px}.guide-map li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start}.guide-map li>span{display:grid;place-items:center;border:1px solid var(--line);width:30px;height:30px;border-radius:50%;font-size:14px}.guide-map strong{font-size:16px}.guide-map small{display:block;color:var(--muted);font-size:14px;line-height:1.5;margin-top:3px}
.guide-welcome-actions{display:grid;gap:10px}.guide-welcome-actions button{min-height:46px;font-size:15px}.guide-welcome-actions .guide-dismiss{border:0;text-decoration:underline;background:transparent;color:var(--muted)}
.guide-spotlight{position:fixed;pointer-events:none;z-index:501;border:3px solid #7b51f2;box-shadow:0 0 0 5px #7b51f233;border-radius:8px;transition:left .12s,top .12s,width .12s,height .12s}
.studio-guide{position:fixed;z-index:502;box-sizing:border-box;max-width:calc(100vw - 24px);width:320px;max-height:calc(100dvh - 24px);overflow:auto;border:1px solid var(--line);border-top:4px solid #7850e5;border-radius:12px;background:var(--panel);color:var(--ink);padding:16px;box-shadow:0 12px 42px #0003}
.studio-guide[hidden],.guide-spotlight[hidden]{display:none}.studio-guide h2{font-size:21px;line-height:1.25;margin:8px 0 12px}.studio-guide p{font-size:15px;line-height:1.55;margin:0 0 12px}.studio-guide .guide-count{font-size:12px;color:var(--muted)}.guide-card-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.guide-card-heading button{font-size:13px;min-height:38px;padding:6px 8px}
.guide-task{background:var(--bg);border-radius:7px;padding:10px 12px}.guide-task strong{font-size:12px;display:block;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px}
.guide-card-actions{display:flex;gap:8px;flex-wrap:wrap}.guide-card-actions button{min-height:42px;font-size:14px}.guide-card-actions button.primary{flex:1}.guide-card-footer{margin-top:12px!important;font-size:12px!important;color:var(--muted)}
.guide-progress{display:block;width:100%;height:4px;margin:10px 0 14px;border:0;border-radius:3px;overflow:hidden;accent-color:var(--accent);background:var(--line)}.guide-progress::-webkit-progress-bar{background:var(--line)}.guide-progress::-webkit-progress-value{background:var(--accent)}.guide-progress::-moz-progress-bar{background:var(--accent)}
.guide-links{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}.guide-links button{min-height:36px;font-size:12px;padding:6px 0}.studio-guide :focus-visible,.guide-welcome :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.guide-minimized{position:fixed;right:18px;bottom:18px;z-index:502;background:var(--panel);border:1px solid var(--accent);box-shadow:0 4px 20px #0002;padding:12px 16px;font-size:14px;max-width:calc(100vw - 32px)}.guide-minimized[hidden]{display:none}
@media(max-width:760px){#studioGuideButton{font-size:13px;padding:8px 10px}.guide-welcome{padding:22px}.guide-welcome h2{font-size:25px}.studio-guide{width:calc(100vw - 24px);max-height:45dvh;overflow:auto;padding:16px;left:12px!important;top:auto!important;bottom:12px}.studio-guide h2{font-size:19px;margin-bottom:8px}.studio-guide p{font-size:14px}.guide-card-footer{display:none}.section-guidance{padding:12px}.guide-spotlight{transition:none}}
@media(prefers-reduced-motion:reduce){.guide-spotlight{transition:none}}

@media(max-width:760px){.studio-guided:not(.guide-reduced):not(.editing-artwork) .editor,.studio-guided:not(.guide-reduced):not(.editing-artwork) .preview{padding-bottom:calc(45dvh + 24px)}}