.design-guide-panel,.design-guide-welcome{--guide-border:#3978ad;--guide-focus:#245d8d;--guide-surface:#f1f7fc;--guide-error:#a4422d;box-sizing:border-box;color:var(--ink,#263d34);background:var(--guide-surface);font-family:inherit}
.design-guide-panel{flex:0 0 auto;min-width:0;margin:12px;padding:12px;border:1px solid var(--guide-border);border-inline-start:4px solid var(--guide-border);border-radius:8px;overflow-wrap:anywhere}
.design-guide-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px;color:var(--muted,#60685f);font-size:11px;line-height:1.5}
.design-guide-label{font-weight:650}.design-guide-count{white-space:nowrap}
.design-guide-panel .design-guide-title{font-family:'Manrope',sans-serif;font-size:17px;font-weight:650;line-height:1.35;letter-spacing:-.3px;margin:0 0 8px;outline-offset:3px}
.design-guide-description,.design-guide-hint,.design-guide-live,.design-guide-error{font-size:12px;line-height:1.6;margin:0;color:var(--muted,#60685f);overflow-wrap:anywhere}
.design-guide-tools,.design-guide-navigation{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:12px}
.design-guide-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;max-width:100%;min-width:0;border:1px solid var(--guide-border);border-radius:7px;padding:8px 10px;background:var(--panel,#fffefa);color:var(--ink,#263d34);font:inherit;font-size:12px;font-weight:600;line-height:1.4;text-align:center;white-space:normal;overflow-wrap:anywhere}
.design-guide-button:focus-visible,.design-guide-welcome select:focus-visible,.design-guide-title:focus-visible{outline:2px solid var(--guide-focus,#245d8d);outline-offset:3px}
.design-guide-button.design-guide-primary{background:var(--guide-border,#3978ad);border-color:var(--guide-border,#3978ad);color:#fff}
.design-guide-button:disabled{opacity:.5;cursor:default}.design-guide-navigation>.design-guide-button{flex:1 1 auto}
.design-guide-panel .design-guide-hint{margin-top:8px;font-size:11px}
.design-guide-button.design-guide-leave{min-height:32px;margin-top:8px;padding:4px 0;background:transparent;border-color:transparent;color:var(--muted,#60685f);text-decoration:underline;text-underline-offset:3px}
.design-guide-error{margin-top:8px;color:var(--guide-error)}.design-guide-error[hidden]{display:none}
.design-guide-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.design-guide-welcome{width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:24px;border:1px solid var(--guide-border);border-radius:12px;overflow:auto}
.design-guide-welcome h2{font-family:'Manrope',sans-serif;font-size:24px;font-weight:650;line-height:1.3;letter-spacing:-.5px;margin:0 0 12px}
.design-guide-welcome>.design-guide-description{font-size:14px;margin:0 0 12px}
.design-guide-welcome-choices{display:flex;flex-direction:column;gap:8px;margin-top:20px}
.design-guide-welcome .design-guide-button{width:100%;min-height:44px;font-size:14px}
.design-guide-saved-label{font-size:12px;line-height:1.5;font-weight:600;margin-top:8px}
.design-guide-welcome select{width:100%;min-width:0;max-width:100%;min-height:44px;border:1px solid var(--guide-border);border-radius:7px;padding:8px;background:var(--panel,#fffefa);color:var(--ink,#263d34);font:inherit;font-size:14px}
.design-guide-target{outline:2px solid #3978ad;outline-offset:-2px;border-radius:6px}
.design-guide-target:focus-visible,.design-guide-target :focus-visible{outline-color:#245d8d}
.project-title.design-guide-target{width:fit-content;max-width:calc(100% + 8px);padding:3px 4px;margin:-3px -4px}
.project-title.design-guide-target>[data-icon]{flex-shrink:0}
@media(max-width:900px){.design-guide-panel{margin:8px 0;padding:10px}.design-guide-button{min-height:44px;font-size:13px}.design-guide-button.design-guide-leave{min-height:44px;margin-top:4px}.design-guide-top{margin-bottom:4px}.design-guide-panel .design-guide-title{margin-bottom:6px}.design-guide-tools,.design-guide-navigation{margin-top:8px}.design-guide-navigation{flex-wrap:nowrap;gap:6px}.design-guide-navigation>.design-guide-button{flex:1 1 0;padding:6px;font-size:12px}.design-guide-panel .design-guide-description,.design-guide-panel .design-guide-hint{font-size:13px}.design-guide-panel .design-guide-hint{margin-top:4px}}
@media(max-width:480px){.design-guide-welcome{padding:20px}.design-guide-welcome h2{font-size:22px}}