.design-guide{grid-column:1/-1;flex-basis:100%;margin:12px 0 0;color:#30414b}
#constructor:has(.design-guide){flex-wrap:wrap}
.design-guide>button{display:inline-flex;align-items:center;gap:12px;max-width:100%;padding:13px 17px;border:1px solid #dce2df;border-radius:12px;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer}
.design-guide>button:hover{background:#f3f6f4;border-color:#aab9b0}
.studio-start-principles{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 18px;padding:12px 15px;border:1px solid #dce2df;border-radius:12px;background:#f5f7f5;color:#30414b;font:inherit;font-size:14px;line-height:1.5;text-align:left;cursor:pointer}
.studio-start-principles:hover{background:#edf3ef}
.studio-start-principles:focus-visible{outline:2px solid #4387d9;outline-offset:3px}
.design-guide>p{margin:10px 0 0;font-size:14px;line-height:1.6;color:#6b7770}
#design-guide-dialog{box-sizing:border-box;width:min(680px,calc(100vw - 32px));max-height:85svh;padding:0;border:1px solid #e1e6e3;border-radius:22px;background:#fff;color:#30414b;box-shadow:0 24px 80px #14271b26;overflow:auto}
#design-guide-dialog::backdrop{background:#182b254d;backdrop-filter:blur(3px)}
#design-guide-dialog header{position:sticky;top:0;display:flex;align-items:flex-start;gap:20px;padding:24px 28px;background:#fff;border-bottom:1px solid #edf0ee;z-index:1}
#design-guide-dialog h2{margin:0;font-size:24px;line-height:1.3;letter-spacing:-.02em}
#design-guide-close{flex:0 0 36px;width:36px;height:36px;border:0;border-radius:50%;background:#f2f4f5;color:inherit;font-size:26px;cursor:pointer}
.design-guide-body{padding:6px 28px 24px;font-size:15px;line-height:1.7}
.design-guide-body h3{font-size:17px;margin:24px 0 8px;color:#263e32}
.design-guide-body p{margin:14px 0;color:#64716b}
.design-guide button:focus-visible,#design-guide-dialog button:focus-visible{outline:2px solid #4387d9;outline-offset:3px}
body:has(#design-guide-dialog[open]){overflow:hidden}
@media(max-width:600px){#design-guide-dialog header{padding:20px;gap:12px}#design-guide-dialog h2{font-size:20px}.design-guide-body{padding:4px 20px 20px}.design-guide>button{font-size:14px}.design-guide>p{font-size:13px}}