.sguide-theme-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.sguide-theme-choice{background:#fffdf8;border:2px solid #deded5;border-radius:18px;min-width:0;position:relative;overflow:hidden}.sguide-theme-choice[data-selected=true]{border-color:#075b4d;box-shadow:0 0 0 1px #075b4d}.sguide-theme-thumbnail{background:#f7f7f2;width:100%;min-width:0;position:relative;overflow:hidden}.sguide-theme-thumbnail-screen{transform-origin:0 0;pointer-events:none;position:absolute;inset:0 auto auto 0;overflow:hidden}.sguide-theme-choice-caption{color:#173f35;background:#fffdf8;border-bottom:1px solid #e6e5df;justify-content:space-between;align-items:center;gap:6px;min-height:48px;padding:10px 12px;font-size:14px;font-weight:700;line-height:1.3;display:flex}.sguide-theme-choice-caption svg{flex-shrink:0}.sguide-theme-choice-select{z-index:2;border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.sguide-theme-choice-select:focus-visible{outline-offset:-5px;outline:3px solid #075b4d}.sguide-design-live{background:#f6f3eb;border:1px solid #deded5;border-radius:18px;margin:12px 0 16px;padding:10px}.sguide-design-live-label{color:#173f35;margin:0 0 8px;font-size:13px;font-weight:700}.sguide-design-live-scroll{overscroll-behavior:contain;border-radius:14px;width:100%;max-width:390px;max-height:420px;margin-inline:auto;overflow:auto}@media (width>=640px){.sguide-theme-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}.sguide-details-layer{color:var(--foreground);font-family:var(--font-sans),system-ui,sans-serif;display:contents}.sguide-details-backdrop{z-index:1000;background:#0713167a;position:fixed;inset:0}.sguide-details-panel{z-index:1001;box-sizing:border-box;border:1px solid var(--border);background:var(--card);width:min(32rem,100vw - 1.5rem);min-width:0;max-width:calc(100vw - 1.5rem);max-height:min(84dvh,52rem);color:var(--foreground);border-radius:20px;outline:none;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 70px #0000004d}.sguide-details-header{border-bottom:1px solid var(--border);background:var(--card);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 12px 18px;display:flex}.sguide-details-title{overflow-wrap:anywhere;min-width:0;margin:0;font-size:17px;font-weight:700;line-height:1.35}.sguide-details-close{border:1px solid var(--border);background:var(--muted);width:44px;height:44px;color:var(--foreground);cursor:pointer;border-radius:50%;flex:0 0 44px;place-items:center;display:grid}.sguide-details-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sguide-details-body{overscroll-behavior:contain;overflow-wrap:anywhere;-webkit-overflow-scrolling:touch;min-width:0;min-height:0;overflow:auto}.sguide-details-body :is(img,video,iframe,pre){max-width:100%}.sguide-details-body :is(pre,code){white-space:pre-wrap;overflow-wrap:anywhere}.sguide-details-body .text-foreground{color:var(--foreground)}.sguide-details-body .text-muted-foreground{color:var(--muted-foreground)}.sguide-details-body .bg-muted{background:var(--muted)}.sguide-details-body .bg-card{background:var(--card)}.sguide-details-body .border-border{border-color:var(--border)}