.style-guide-wrapper{background:var(--ui-background);width:100%;color:var(--ui-text);min-height:100vh;font-family:var(--ui-font-family);padding:40px;transition:background .2s}.style-guide-wrapper .sg-header{border-bottom:1px solid var(--ui-border);justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;display:flex}.style-guide-wrapper .sg-header h1{color:var(--ui-text-bold);margin:0;font-size:32px;font-weight:700}.style-guide-wrapper .sg-header p{margin:4px 0 0}.style-guide-wrapper .sg-section{margin-bottom:60px}.style-guide-wrapper .sg-section-title{color:var(--ui-text-bold);border-left:4px solid var(--ui-clr-800);margin-bottom:24px;padding-left:12px;font-size:24px;font-weight:600}.style-guide-wrapper .color-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;display:grid}.style-guide-wrapper .color-swatch{border:1px solid var(--ui-border);border-radius:8px;flex-direction:column;justify-content:flex-end;height:100px;padding:8px;font-size:10px;display:flex;box-shadow:0 2px 4px #0000000d}.style-guide-wrapper .color-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0000001a;border-radius:4px;width:fit-content;padding:2px 6px}.style-guide-wrapper.dark-ui .color-label{color:var(--ui-text);background:#ffffff1a}.style-guide-wrapper .button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.style-guide-wrapper .typo-sample{margin-bottom:24px}.style-guide-wrapper .typo-sample:last-child{margin-bottom:0}.style-guide-wrapper .theme-toggle{background:var(--ui-clr-800);color:var(--ui-text);border:1px solid var(--ui-border);cursor:pointer;border-radius:24px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.style-guide-wrapper .theme-toggle:hover{background:var(--ui-clr-750);transform:translateY(-1px)}.style-guide-wrapper .theme-toggle:active{transform:translateY(0)}.style-guide-wrapper .icon-preview-item{background:var(--ui-background-b);border:1px solid var(--ui-border);border-radius:8px;flex-direction:column;align-items:center;gap:8px;min-width:80px;padding:16px;display:flex}.style-guide-wrapper .icon-preview-item svg{color:var(--ui-text)}.style-guide-wrapper .icon-preview-item p{font-size:10px;font-family:var(--font-geist);color:var(--ui-text-muted);margin:0}.style-guide-wrapper .input-demo-container{background:var(--ui-background-b);border:1px solid var(--ui-border);border-radius:12px;flex-direction:column;gap:32px;max-width:400px;padding:24px;display:flex}.style-guide-wrapper .input-demo-container .input-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ui-text-muted);margin-bottom:8px;font-size:12px;font-weight:600}.style-guide-wrapper .input-demo-container .input-state-info{color:var(--ui-text-extra-muted);margin-top:8px;font-size:10px}