.PageHeader-module__IZWCOa__header{justify-content:space-between;align-items:flex-start;gap:var(--p2-space-4);display:flex}.PageHeader-module__IZWCOa__text{gap:var(--p2-space-4);flex-direction:row;display:flex}.PageHeader-module__IZWCOa__backButton{color:var(--p2-text-tertiary);cursor:pointer;transition:color var(--p2-transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.PageHeader-module__IZWCOa__backButton:hover{color:var(--p2-text-primary)}.PageHeader-module__IZWCOa__title{font-size:var(--p2-text-xl);font-weight:var(--p2-weight-medium);color:var(--p2-text-primary);margin:0}.PageHeader-module__IZWCOa__description{font-size:var(--p2-text-sm);color:var(--p2-text-tertiary);margin:0}.PageHeader-module__IZWCOa__actions{align-items:center;gap:var(--p2-space-3);flex-shrink:0;display:flex}
.Card-module__V-rIaG__card{background-color:var(--p2-card-bg);border-radius:var(--p2-radius-lg);border:1px solid var(--p2-border)}.Card-module__V-rIaG__none{padding:0}.Card-module__V-rIaG__sm{padding:var(--p2-space-4)}.Card-module__V-rIaG__md{padding:var(--p2-space-6)}.Card-module__V-rIaG__lg{padding:var(--p2-space-8)}
.Button-module__8vGMSW__button{justify-content:center;align-items:center;gap:var(--p2-space-2);font-weight:var(--p2-weight-medium);border-radius:var(--p2-radius-lg);cursor:pointer;transition:all var(--p2-transition-base);border:none;outline:none;display:inline-flex}.Button-module__8vGMSW__button:disabled{opacity:.5;cursor:not-allowed}.Button-module__8vGMSW__button:focus-visible{box-shadow:var(--p2-focus-ring);outline:none}.Button-module__8vGMSW__sm{padding:var(--p2-space-2);font-size:var(--p2-text-sm)}.Button-module__8vGMSW__md{padding:var(--p2-space-3)var(--p2-space-5);font-size:var(--p2-text-base)}.Button-module__8vGMSW__lg{padding:var(--p2-space-4)var(--p2-space-6);font-size:var(--p2-text-lg)}.Button-module__8vGMSW__primary{background-color:var(--p2-brand-primary);color:var(--p2-text-inverted)}.Button-module__8vGMSW__primary:hover:not(:disabled){background-color:var(--p2-brand-primary-dark)}.Button-module__8vGMSW__secondary{background-color:var(--p2-border);color:var(--p2-text-primary)}.Button-module__8vGMSW__secondary:hover:not(:disabled){background-color:var(--p2-active)}.Button-module__8vGMSW__outline{border:1px solid var(--p2-border);color:var(--p2-text-primary);background-color:#0000}.Button-module__8vGMSW__outline:hover:not(:disabled){background-color:var(--p2-hover);color:var(--p2-text-primary)}.Button-module__8vGMSW__ghost{color:var(--p2-text-secondary);background-color:#0000}.Button-module__8vGMSW__ghost:hover:not(:disabled){background-color:var(--p2-hover)}.Button-module__8vGMSW__fullWidth{width:100%}
.Label-module__nACeDG__label{font-weight:var(--p2-weight-regular);color:var(--p2-text-secondary)}.Label-module__nACeDG__sm{font-size:var(--p2-text-xs)}.Label-module__nACeDG__xs{font-size:var(--p2-text-xs);color:var(--p2-text-tertiary)}
.CodeBlock-module__spp3na__wrapper{gap:var(--p2-space-2);flex-direction:column;display:flex}.CodeBlock-module__spp3na__codeContainer{border:1px solid var(--p2-border);border-radius:var(--p2-radius-lg);position:relative;overflow:hidden}.CodeBlock-module__spp3na__pre{padding:var(--p2-space-4);font-size:var(--p2-text-sm);margin:0;line-height:1.6;overflow-x:auto}.CodeBlock-module__spp3na__code{font-family:var(--p2-font-mono);color:var(--p2-text-primary)}.CodeBlock-module__spp3na__copyButton{top:var(--p2-space-2);right:var(--p2-space-2);padding:var(--p2-space-1)var(--p2-space-3);font-size:var(--p2-text-xs);font-weight:var(--p2-weight-medium);color:var(--p2-text-tertiary);border:1px solid var(--p2-border);border-radius:var(--p2-radius-md);cursor:pointer;transition:all var(--p2-transition-fast);opacity:0;position:absolute}.CodeBlock-module__spp3na__codeContainer:hover .CodeBlock-module__spp3na__copyButton{opacity:1}.CodeBlock-module__spp3na__copyButton:hover{color:var(--p2-text-primary);background-color:var(--p2-hover);border-color:var(--p2-gray-300)}
.DataList-module__zh71oW__list{flex-direction:column;display:flex}.DataList-module__zh71oW__header{padding:0 0 var(--p2-space-2)0;border-bottom:1px solid var(--p2-border);justify-content:space-between;align-items:center;display:flex}.DataList-module__zh71oW__headerLabel{font-size:var(--p2-text-xs);font-weight:var(--p2-weight-medium);color:var(--p2-text-muted)}.DataList-module__zh71oW__row{padding:var(--p2-space-3)0;border-bottom:1px solid var(--p2-border);justify-content:space-between;align-items:center;display:flex}.DataList-module__zh71oW__row:last-child{border-bottom:none}.DataList-module__zh71oW__left{align-items:center;gap:var(--p2-space-2);min-width:0;display:flex}.DataList-module__zh71oW__right{flex-shrink:0;align-items:center;display:flex}
.IconButton-module__b0KUqG__iconButton{cursor:pointer;border-radius:var(--p2-radius-sm);color:var(--p2-text-tertiary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.IconButton-module__b0KUqG__iconButton:disabled{opacity:.4;cursor:not-allowed}.IconButton-module__b0KUqG__sm{width:24px;height:24px}.IconButton-module__b0KUqG__md{width:32px;height:32px}.IconButton-module__b0KUqG__ghost:hover:not(:disabled){background:var(--p2-gray-100);color:var(--p2-text-secondary)}.IconButton-module__b0KUqG__outline{border:1px solid var(--p2-border);background:var(--p2-card-bg)}.IconButton-module__b0KUqG__outline:hover:not(:disabled){border-color:var(--p2-gray-300);color:var(--p2-text-secondary)}.IconButton-module__b0KUqG__danger:hover:not(:disabled){color:var(--p2-error);background:#ef444414}.IconButton-module__b0KUqG__dangerFilled{color:#fff;background:var(--p2-error)}.IconButton-module__b0KUqG__dangerFilled:hover:not(:disabled){color:#fff;background:var(--p2-error);filter:brightness(.9)}.IconButton-module__b0KUqG__success{color:var(--p2-success,#22c55e)}.IconButton-module__b0KUqG__success:hover:not(:disabled){background:#22c55e14}
.Input-module__Sh050W__wrapper{gap:var(--p2-space-2);flex-direction:column;width:100%;display:flex}.Input-module__Sh050W__input{width:100%;padding:var(--p2-space-3)var(--p2-space-4);font-size:var(--p2-text-sm);background-color:var(--p2-card-bg);color:var(--p2-text-primary);border:1px solid var(--p2-gray-300);border-radius:var(--p2-radius-md);transition:all var(--p2-transition-fast);outline:none}.Input-module__Sh050W__input:focus{border-color:var(--p2-gray-400);box-shadow:var(--p2-focus-ring)}.Input-module__Sh050W__input.Input-module__Sh050W__error{border-color:var(--p2-error)}.Input-module__Sh050W__input.Input-module__Sh050W__error:focus{box-shadow:var(--p2-focus-ring-error)}.Input-module__Sh050W__input:disabled{background-color:var(--p2-gray-100);cursor:not-allowed;opacity:.6}.Input-module__Sh050W__inputGroup{background-color:var(--p2-card-bg);border:1px solid var(--p2-border);border-radius:var(--p2-radius-md);height:32px;transition:all var(--p2-transition-fast);align-items:center;display:flex;overflow:hidden}.Input-module__Sh050W__inputGroup:focus-within{border-color:var(--p2-gray-400);box-shadow:var(--p2-focus-ring)}.Input-module__Sh050W__inputGroupError{border-color:var(--p2-error)}.Input-module__Sh050W__inputGroupError:focus-within{box-shadow:var(--p2-focus-ring-error)}.Input-module__Sh050W__prefix{padding-left:var(--p2-space-2);color:var(--p2-text-tertiary);font-size:var(--p2-text-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;flex-shrink:0}.Input-module__Sh050W__inputWithPrefix{padding-left:var(--p2-space-1);border:none;border-radius:0}.Input-module__Sh050W__inputWithPrefix:focus{box-shadow:none}.Input-module__Sh050W__errorText{font-size:var(--p2-text-sm);color:var(--p2-error)}.Input-module__Sh050W__helperText{font-size:var(--p2-text-sm);color:var(--p2-text-secondary)}
.Badge-module__VmXdTG__badge{font-weight:var(--p2-weight-medium);border-radius:var(--p2-radius-full);white-space:nowrap;align-items:center;display:inline-flex}.Badge-module__VmXdTG__sm{padding:var(--p2-space-1)var(--p2-space-3);font-size:var(--p2-text-xs)}.Badge-module__VmXdTG__md{padding:var(--p2-space-1)var(--p2-space-4);font-size:var(--p2-text-sm)}.Badge-module__VmXdTG__default{background-color:var(--p2-gray-100);color:var(--p2-text-secondary)}.Badge-module__VmXdTG__primary{background-color:var(--p2-brand-primary);color:#fff}.Badge-module__VmXdTG__success{background-color:var(--p2-success-light);color:#166534}.Badge-module__VmXdTG__warning{background-color:var(--p2-warning-light);color:#92400e}.Badge-module__VmXdTG__outline{border:1px solid var(--p2-gray-300);color:var(--p2-text-secondary);background-color:#0000}
.ComponentPreview-module__pUQNpa__preview{flex-direction:column;width:100%;height:100%;display:flex}.ComponentPreview-module__pUQNpa__content{flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex}.ComponentPreview-module__pUQNpa__empty{height:100%;color:var(--p2-text-tertiary);text-align:center;justify-content:center;align-items:center;padding:2rem;font-size:.875rem;display:flex}.ComponentPreview-module__pUQNpa__liveError{color:#991b1b;font-family:var(--p2-font-mono,monospace);white-space:pre-wrap;word-break:break-word;background-color:#fef2f2;border-top:1px solid #fecaca;margin:0;padding:.75rem 1rem;font-size:.75rem;line-height:1.5}
.Modal-module__4Jfcdq__overlay{z-index:var(--p2-z-modal);padding:var(--p2-space-6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;justify-content:center;align-items:center;animation:.15s ease-out Modal-module__4Jfcdq__fadeIn;display:flex;position:fixed;inset:0}.Modal-module__4Jfcdq__modal{background:var(--p2-card-bg);border-radius:var(--p2-radius-xl);width:100%;max-width:480px;box-shadow:var(--p2-shadow-xl);max-height:calc(100vh - 3rem);animation:.2s ease-out Modal-module__4Jfcdq__slideUp;overflow-y:auto}.Modal-module__4Jfcdq__header{padding:var(--p2-space-6)var(--p2-space-6)0}.Modal-module__4Jfcdq__title{font-size:var(--p2-text-xl);color:var(--p2-text-primary);margin:0 0 var(--p2-space-1)}.Modal-module__4Jfcdq__description{font-size:var(--p2-text-sm);color:var(--p2-text-tertiary);margin:0;line-height:1.5}.Modal-module__4Jfcdq__body{padding:var(--p2-space-5)var(--p2-space-6)var(--p2-space-6)}@keyframes Modal-module__4Jfcdq__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes Modal-module__4Jfcdq__slideUp{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}
.component-detail-module__fjVaBa__page{gap:var(--p2-space-8);flex-direction:column;height:100%;display:flex}.component-detail-module__fjVaBa__body{gap:var(--p2-space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.component-detail-module__fjVaBa__loading{min-height:40vh;color:var(--p2-text-tertiary);font-size:var(--p2-text-lg);justify-content:center;align-items:center;display:flex}.component-detail-module__fjVaBa__previewCard,.component-detail-module__fjVaBa__codeCard{overflow:hidden}.component-detail-module__fjVaBa__codeTabs{border-bottom:1px solid var(--p2-border)}.component-detail-module__fjVaBa__codeBody{padding:var(--p2-space-5)var(--p2-space-6);gap:var(--p2-space-4);flex-direction:column;display:flex}.component-detail-module__fjVaBa__tabBody{padding:var(--p2-space-5)var(--p2-space-6)}.component-detail-module__fjVaBa__placeholder{color:var(--p2-text-muted);font-size:var(--p2-text-sm);padding:var(--p2-space-4)0}.component-detail-module__fjVaBa__tokenInfo{align-items:center;gap:var(--p2-space-2);display:flex}.component-detail-module__fjVaBa__tokenSwatch{border-radius:var(--p2-radius-sm);border:1px solid var(--p2-border);flex-shrink:0;width:14px;height:14px}.component-detail-module__fjVaBa__tokenPath{font-family:var(--p2-font-mono);font-size:var(--p2-text-sm);color:var(--p2-text-primary)}.component-detail-module__fjVaBa__monoValue{font-family:var(--p2-font-mono);font-size:var(--p2-text-xs);color:var(--p2-text-tertiary)}.component-detail-module__fjVaBa__propName{font-weight:var(--p2-weight-medium);color:var(--p2-text-primary);font-family:var(--p2-font-mono);font-size:var(--p2-text-sm)}.component-detail-module__fjVaBa__propRequired{font-size:var(--p2-text-xs);color:var(--p2-text-muted);font-style:italic}
.Features-module__cr-lfG__features{padding:var(--p2-space-20)0}.Features-module__cr-lfG__container{max-width:1200px;padding:0 var(--p2-space-6);margin:0 auto}.Features-module__cr-lfG__header{text-align:center;margin-bottom:var(--p2-space-16)}.Features-module__cr-lfG__title{font-size:var(--p2-text-4xl);font-weight:var(--p2-weight-bold);color:var(--p2-text-primary);margin-bottom:var(--p2-space-4)}.Features-module__cr-lfG__description{font-size:var(--p2-text-xl);color:var(--p2-text-secondary)}.Features-module__cr-lfG__grid{gap:var(--p2-space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.Features-module__cr-lfG__icon{margin-bottom:var(--p2-space-4);font-size:3rem}.Features-module__cr-lfG__featureTitle{font-size:var(--p2-text-xl);color:var(--p2-text-primary);margin-bottom:var(--p2-space-3)}.Features-module__cr-lfG__featureDescription{font-size:var(--p2-text-base);color:var(--p2-text-secondary);line-height:1.6}
.ColorPicker-module__Zef3Fq__root{gap:var(--p2-space-2);flex-direction:column;display:inline-flex;position:relative}.ColorPicker-module__Zef3Fq__swatch{border:1px solid var(--p2-border);border-radius:var(--p2-radius-md);cursor:pointer;flex-shrink:0;transition:box-shadow .15s,transform .1s}.ColorPicker-module__Zef3Fq__swatch:hover{box-shadow:0 0 0 2px #00000014}.ColorPicker-module__Zef3Fq__swatch:active{transform:scale(.96)}.ColorPicker-module__Zef3Fq__sm{width:24px;height:24px}.ColorPicker-module__Zef3Fq__md{width:38px;height:32px}.ColorPicker-module__Zef3Fq__lg{width:40px;height:40px}.ColorPicker-module__Zef3Fq__popover{z-index:var(--p2-z-modal,9999);background:var(--p2-card-bg,#fff);border:1px solid var(--p2-border);border-radius:var(--p2-radius-lg);box-shadow:var(--p2-shadow-lg);padding:var(--p2-space-4);gap:var(--p2-space-3);flex-direction:column;width:224px;animation:.12s ease-out ColorPicker-module__Zef3Fq__fadeIn;display:flex;position:fixed}@keyframes ColorPicker-module__Zef3Fq__fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ColorPicker-module__Zef3Fq__popover .react-colorful{gap:var(--p2-space-4);border-radius:var(--p2-radius-md);width:100%}.ColorPicker-module__Zef3Fq__popover .react-colorful__saturation{border-radius:var(--p2-radius-lg)}.ColorPicker-module__Zef3Fq__popover .react-colorful__hue{border-radius:6px;height:12px}:is(.ColorPicker-module__Zef3Fq__popover .react-colorful__saturation-pointer,.ColorPicker-module__Zef3Fq__popover .react-colorful__hue-pointer){border:2px solid #fff;width:16px;height:16px;box-shadow:0 1px 4px #0000004d}.ColorPicker-module__Zef3Fq__hexRow{border:1px solid var(--p2-gray-300);border-radius:var(--p2-radius-md);align-items:center;gap:0;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.ColorPicker-module__Zef3Fq__hexRow:focus-within{border-color:var(--p2-brand-primary);box-shadow:0 0 0 2px #3b82f626}.ColorPicker-module__Zef3Fq__hexHash{padding:var(--p2-space-2)0 var(--p2-space-2)var(--p2-space-3);color:var(--p2-text-tertiary);font-size:var(--p2-text-sm);font-family:var(--p2-font-mono);-webkit-user-select:none;user-select:none}.ColorPicker-module__Zef3Fq__hexInput{padding:var(--p2-space-2)var(--p2-space-2);font-size:var(--p2-text-sm);font-family:var(--p2-font-mono);color:var(--p2-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0}
.Select-module__Oa-F4W__wrapper{gap:var(--p2-space-2);flex-direction:column;width:100%;display:flex}.Select-module__Oa-F4W__selectContainer{position:relative}.Select-module__Oa-F4W__select{width:100%;padding:var(--p2-space-3)var(--p2-space-4);padding-right:var(--p2-space-10);font-size:var(--p2-text-base);font-family:var(--p2-font-sans);border:1px solid var(--p2-gray-300);border-radius:var(--p2-radius-md);background:var(--p2-card-bg);color:var(--p2-text-primary);appearance:none;cursor:pointer;transition:all var(--p2-transition-fast);outline:none}.Select-module__Oa-F4W__select:focus{border-color:var(--p2-brand-primary);box-shadow:var(--p2-focus-ring)}.Select-module__Oa-F4W__select.Select-module__Oa-F4W__error{border-color:var(--p2-error)}.Select-module__Oa-F4W__chevron{right:var(--p2-space-3);color:var(--p2-text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.Select-module__Oa-F4W__errorText{font-size:var(--p2-text-sm);color:var(--p2-error)}
.components-module__sSKv3q__page{gap:var(--p2-space-8);flex-direction:column;height:100%;display:flex}.components-module__sSKv3q__body{gap:var(--p2-space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.components-module__sSKv3q__categoryTabs{flex-shrink:0}.components-module__sSKv3q__componentList{gap:var(--p2-space-5);grid-template-columns:1fr;grid-auto-rows:1fr;display:grid}@media (min-width:768px){.components-module__sSKv3q__componentList{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.components-module__sSKv3q__componentList{grid-template-columns:repeat(3,1fr)}}.components-module__sSKv3q__empty{text-align:center;color:var(--p2-text-tertiary)}.components-module__sSKv3q__componentCard{cursor:pointer;transition:all var(--p2-transition-fast);flex-direction:column;display:flex;overflow:hidden}.components-module__sSKv3q__componentCard:hover{box-shadow:var(--p2-shadow-sm);transform:translateY(-2px)}.components-module__sSKv3q__cardHeader{padding:var(--p2-space-3)var(--p2-space-4);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.components-module__sSKv3q__cardInfo{gap:var(--p2-space-1);flex-direction:column;display:flex}.components-module__sSKv3q__componentName{font-size:var(--p2-text-sm);font-weight:var(--p2-weight-medium);color:var(--p2-text-primary);margin:0}.components-module__sSKv3q__componentDesc{font-size:var(--p2-text-sm);color:var(--p2-text-tertiary);margin:0}.components-module__sSKv3q__cardActions{align-items:center;gap:var(--p2-space-2);display:flex}.components-module__sSKv3q__preview{border-top:1px solid var(--p2-border);pointer-events:none;flex:1;justify-content:center;align-items:center;min-height:180px;display:flex;overflow:hidden}
.tokens-module__2rAw1q__page{gap:var(--p2-space-8);flex-direction:column;height:100%;display:flex}.tokens-module__2rAw1q__body{gap:var(--p2-space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.tokens-module__2rAw1q__categoryTabs{flex-shrink:0}.tokens-module__2rAw1q__tokenList{gap:var(--p2-space-10);flex-direction:column;display:flex}.tokens-module__2rAw1q__empty{text-align:center;color:var(--p2-text-tertiary)}.tokens-module__2rAw1q__categoryGroup{gap:var(--p2-space-4);flex-direction:column;display:flex}.tokens-module__2rAw1q__categoryTitle{font-size:var(--p2-text-sm);color:var(--p2-text-tertiary);margin:0}.tokens-module__2rAw1q__cardWrapper{position:relative}.tokens-module__2rAw1q__cardActions{opacity:0;z-index:2;align-items:center;gap:2px;transition:opacity .15s;display:flex;position:absolute;top:6px;right:6px}.tokens-module__2rAw1q__cardWrapper:hover .tokens-module__2rAw1q__cardActions,:is(.tokens-module__2rAw1q__cardActions:has(>button[title=Save\ changes]),.tokens-module__2rAw1q__cardActions:has(>button[title=Cancel])){opacity:1}.tokens-module__2rAw1q__cardActions:has(>button[title="Click again to delete"]){opacity:1}.tokens-module__2rAw1q__swatchGrid{gap:var(--p2-space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.tokens-module__2rAw1q__swatchGrid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.tokens-module__2rAw1q__swatchGrid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.tokens-module__2rAw1q__swatchGrid{grid-template-columns:repeat(3,1fr)}}.tokens-module__2rAw1q__swatchCard{overflow:hidden}.tokens-module__2rAw1q__swatchColorBlock{aspect-ratio:4;border-bottom:1px solid var(--p2-border);width:100%}.tokens-module__2rAw1q__swatchMeta{padding:var(--p2-space-3)var(--p2-space-4);justify-content:space-between;align-items:center;gap:var(--p2-space-2);flex-direction:row;display:flex}.tokens-module__2rAw1q__swatchName{font-size:var(--p2-text-xs);font-weight:var(--p2-weight-medium);color:var(--p2-text-primary);font-family:var(--p2-font-mono);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden}.tokens-module__2rAw1q__previewGrid{gap:var(--p2-space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.tokens-module__2rAw1q__previewGrid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.tokens-module__2rAw1q__previewGrid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.tokens-module__2rAw1q__previewGrid{grid-template-columns:repeat(3,1fr)}}.tokens-module__2rAw1q__previewCard{overflow:hidden}.tokens-module__2rAw1q__previewVisual{min-height:80px;padding:var(--p2-space-4);background:var(--p2-gray-50);border-bottom:1px solid var(--p2-border);justify-content:center;align-items:center;display:flex}.tokens-module__2rAw1q__previewMeta{padding:var(--p2-space-3)var(--p2-space-4);justify-content:space-between;align-items:center;gap:var(--p2-space-2);flex-direction:row;display:flex}.tokens-module__2rAw1q__previewName{font-size:var(--p2-text-xs);font-weight:var(--p2-weight-medium);color:var(--p2-text-primary);font-family:var(--p2-font-mono);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden}.tokens-module__2rAw1q__copyValueBtn{border-radius:var(--p2-radius-sm);cursor:pointer;font-size:var(--p2-text-xs);font-family:var(--p2-font-mono);color:var(--p2-text-secondary);background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;max-width:120px;padding:2px 6px;transition:background .15s;display:inline-flex}.tokens-module__2rAw1q__copyValueBtn:hover{background:var(--p2-gray-100)}.tokens-module__2rAw1q__copyIcon{opacity:0;flex-shrink:0;transition:opacity .15s}.tokens-module__2rAw1q__copyValueBtn:hover .tokens-module__2rAw1q__copyIcon{opacity:.6}.tokens-module__2rAw1q__valueText{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tokens-module__2rAw1q__editForm{gap:var(--p2-space-3);padding:var(--p2-space-4);flex-direction:row;display:flex}.tokens-module__2rAw1q__editFormInput{font-size:var(--p2-text-sm);padding:var(--p2-space-2)}.tokens-module__2rAw1q__spacingBar{background:var(--p2-brand-primary);opacity:.6;border-radius:2px;min-width:4px;max-width:100%;height:16px}.tokens-module__2rAw1q__radiusBox{background:var(--p2-gray-100);border:1px solid var(--p2-border);width:56px;height:56px}.tokens-module__2rAw1q__shadowBox{background:var(--p2-card-bg);border-radius:var(--p2-radius-md);border:1px solid var(--p2-border);width:56px;height:56px}.tokens-module__2rAw1q__typographySample{color:var(--p2-text-primary);white-space:nowrap;line-height:1.2}
.create-modal-module__ETaa6q__form{gap:var(--p2-space-5);flex-direction:column;display:flex}.create-modal-module__ETaa6q__modeField{gap:var(--p2-space-2);flex-direction:column;display:flex}.create-modal-module__ETaa6q__modeLabel{font-size:var(--p2-text-sm);font-weight:var(--p2-weight-medium);color:var(--p2-text-secondary)}.create-modal-module__ETaa6q__modeOptions{gap:var(--p2-space-2);flex-direction:column;display:flex}.create-modal-module__ETaa6q__modeCard{padding:var(--p2-space-3)var(--p2-space-4);border:1px solid var(--p2-border);border-radius:var(--p2-radius-md);background:var(--p2-card-bg);text-align:left;cursor:pointer;transition:all var(--p2-transition-fast);flex-direction:column;gap:2px;display:flex}.create-modal-module__ETaa6q__modeCard:hover{background-color:var(--p2-hover);border-color:var(--p2-gray-300)}.create-modal-module__ETaa6q__modeActive,.create-modal-module__ETaa6q__modeActive:hover{border-color:var(--p2-brand-primary);background-color:var(--p2-selected)}.create-modal-module__ETaa6q__modeName{font-size:var(--p2-text-sm);color:var(--p2-text-primary)}.create-modal-module__ETaa6q__modeDesc{font-size:var(--p2-text-xs);color:var(--p2-text-tertiary);line-height:1.4}.create-modal-module__ETaa6q__error{color:var(--p2-error);font-size:var(--p2-text-sm);text-align:center;margin:0}.create-modal-module__ETaa6q__actions{justify-content:flex-end;gap:var(--p2-space-3);padding-top:var(--p2-space-2);display:flex}
.CTA-module__AFNbjG__cta{padding:var(--p2-space-20)0;background:linear-gradient(135deg,var(--p2-brand-primary)0%,var(--p2-brand-primary-dark)100%)}.CTA-module__AFNbjG__container{max-width:800px;padding:0 var(--p2-space-6);text-align:center;margin:0 auto}.CTA-module__AFNbjG__title{font-size:var(--p2-text-4xl);font-weight:var(--p2-weight-bold);color:#fff;margin-bottom:var(--p2-space-4)}.CTA-module__AFNbjG__description{font-size:var(--p2-text-xl);color:#ffffffe6;margin-bottom:var(--p2-space-8)}.CTA-module__AFNbjG__actions{gap:var(--p2-space-4);flex-wrap:wrap;justify-content:center;display:flex}.CTA-module__AFNbjG__actions button{color:var(--p2-brand-primary)}.CTA-module__AFNbjG__actions button:hover{background-color:var(--p2-hover)}.CTA-module__AFNbjG__actions .outline{color:#fff;background-color:#0000;border-color:#fff}.CTA-module__AFNbjG__actions .outline:hover{background-color:#ffffff1a}
.auth-module__E1Dfga__container{min-height:100vh;padding:var(--p2-space-6);background:linear-gradient(135deg,var(--p2-gray-50)0%,var(--p2-gray-100)100%);justify-content:center;align-items:center;display:flex}.auth-module__E1Dfga__card{gap:var(--p2-space-4);flex-direction:column;width:100%;max-width:450px;display:flex}.auth-module__E1Dfga__header{gap:var(--p2-space-2);text-align:left;flex-direction:column;display:flex}.auth-module__E1Dfga__title{font-size:var(--p2-text-xl);font-weight:var(--p2-weight-semibold);color:var(--p2-text-primary)}.auth-module__E1Dfga__subtitle{color:var(--p2-text-secondary);font-size:var(--p2-text-sm)}.auth-module__E1Dfga__form{gap:var(--p2-space-4);flex-direction:column;display:flex}.auth-module__E1Dfga__error{color:var(--p2-error);font-size:var(--p2-text-sm);text-align:center}.auth-module__E1Dfga__footer{text-align:center;color:var(--p2-text-secondary);font-size:var(--p2-text-sm)}.auth-module__E1Dfga__link{color:var(--p2-brand-primary);font-weight:var(--p2-weight-medium)}.auth-module__E1Dfga__link:hover{text-decoration:underline}.auth-module__E1Dfga__oauthButtons{gap:var(--p2-space-3);flex-direction:column;display:flex}.auth-module__E1Dfga__githubButton{justify-content:center;align-items:center;gap:var(--p2-space-3);width:100%;padding:var(--p2-space-3)var(--p2-space-4);background-color:var(--p2-card-bg);color:var(--p2-text-primary);border:1px solid var(--p2-border);border-radius:var(--p2-radius-lg);font-size:var(--p2-text-base);font-weight:var(--p2-weight-medium);cursor:pointer;transition:background-color var(--p2-transition-fast);display:flex}.auth-module__E1Dfga__githubButton:hover{background-color:var(--p2-hover)}.auth-module__E1Dfga__githubButton svg{flex-shrink:0}.auth-module__E1Dfga__googleButton{justify-content:center;align-items:center;gap:var(--p2-space-3);width:100%;padding:var(--p2-space-3)var(--p2-space-4);background-color:var(--p2-card-bg);color:var(--p2-text-primary);border:1px solid var(--p2-border);border-radius:var(--p2-radius-lg);font-size:var(--p2-text-base);font-weight:var(--p2-weight-medium);cursor:pointer;transition:background-color var(--p2-transition-fast);display:flex}.auth-module__E1Dfga__googleButton:hover{background-color:var(--p2-hover)}.auth-module__E1Dfga__googleButton svg{flex-shrink:0}.auth-module__E1Dfga__divider{align-items:center;gap:var(--p2-space-3);color:var(--p2-text-muted);font-size:var(--p2-text-sm);margin:0;display:flex}.auth-module__E1Dfga__divider:before,.auth-module__E1Dfga__divider:after{content:"";background-color:var(--p2-border);flex:1;height:1px}
.integrations-module__J7B_wG__page{gap:var(--p2-space-8);flex-direction:column;height:100%;display:flex}.integrations-module__J7B_wG__body{gap:var(--p2-space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.integrations-module__J7B_wG__integrationCard{overflow:hidden}.integrations-module__J7B_wG__cardHeader{padding:var(--p2-space-5)var(--p2-space-6);justify-content:space-between;align-items:flex-start;display:flex}.integrations-module__J7B_wG__cardInfo{gap:var(--p2-space-2);flex-direction:column;flex:1;display:flex}.integrations-module__J7B_wG__cardTitle{align-items:center;gap:var(--p2-space-3);display:flex}.integrations-module__J7B_wG__cardTitle h3{font-size:var(--p2-text-lg);color:var(--p2-text-primary);margin:0}.integrations-module__J7B_wG__cardDesc{font-size:var(--p2-text-sm);color:var(--p2-text-tertiary);max-width:800px;margin:0;line-height:1.5}.integrations-module__J7B_wG__cardStatus{margin-left:var(--p2-space-4);flex-shrink:0}.integrations-module__J7B_wG__cardBody{padding:var(--p2-space-5)var(--p2-space-6)}.integrations-module__J7B_wG__connectedState{justify-content:space-between;align-items:center;display:flex}.integrations-module__J7B_wG__repoInfo{align-items:center;gap:var(--p2-space-2);display:flex}.integrations-module__J7B_wG__repoLink{font-family:var(--p2-font-mono);font-size:var(--p2-text-sm);color:var(--p2-brand-primary);text-decoration:none}.integrations-module__J7B_wG__repoLink:hover{text-decoration:underline}.integrations-module__J7B_wG__connectPrompt{align-items:center;gap:var(--p2-space-4);padding:var(--p2-space-4)0;flex-direction:column;display:flex}.integrations-module__J7B_wG__syncMessage{text-align:center;max-width:440px}.integrations-module__J7B_wG__syncMessage h4{font-size:var(--p2-text-base);color:var(--p2-text-primary);margin:0 0 var(--p2-space-2)}.integrations-module__J7B_wG__syncMessage p{font-size:var(--p2-text-sm);color:var(--p2-text-tertiary);margin:0;line-height:1.6}.integrations-module__J7B_wG__connectPrompt button{align-items:center;gap:var(--p2-space-2);display:flex}.integrations-module__J7B_wG__hint{font-size:var(--p2-text-xs);color:var(--p2-text-muted);margin:0}.integrations-module__J7B_wG__repoPicker{gap:var(--p2-space-3);flex-direction:column;display:flex}.integrations-module__J7B_wG__pickerLabel{font-size:var(--p2-text-sm);font-weight:var(--p2-weight-medium);color:var(--p2-text-secondary);margin:0}.integrations-module__J7B_wG__searchInput{width:100%;padding:var(--p2-space-3)var(--p2-space-4);border:1px solid var(--p2-border);border-radius:var(--p2-radius-md);font-size:var(--p2-text-sm);font-family:var(--p2-font-sans);color:var(--p2-text-primary);transition:border-color var(--p2-transition-fast);outline:none}.integrations-module__J7B_wG__searchInput:focus{border-color:var(--p2-brand-primary);box-shadow:var(--p2-focus-ring)}.integrations-module__J7B_wG__searchInput::placeholder{color:var(--p2-text-muted)}.integrations-module__J7B_wG__loadingText,.integrations-module__J7B_wG__emptyText{font-size:var(--p2-text-sm);color:var(--p2-text-tertiary);text-align:center;padding:var(--p2-space-4)0;margin:0}.integrations-module__J7B_wG__repoList{border:1px solid var(--p2-border);border-radius:var(--p2-radius-md);flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.integrations-module__J7B_wG__repoRow{padding:var(--p2-space-3)var(--p2-space-4);border-bottom:1px solid var(--p2-gray-100);transition:background-color var(--p2-transition-fast);justify-content:space-between;align-items:center;display:flex}.integrations-module__J7B_wG__repoRow:last-child{border-bottom:none}.integrations-module__J7B_wG__repoRow:hover{background-color:var(--p2-hover)}.integrations-module__J7B_wG__repoRowInfo{align-items:center;gap:var(--p2-space-2);min-width:0;display:flex}.integrations-module__J7B_wG__repoName{font-size:var(--p2-text-sm);font-family:var(--p2-font-mono);color:var(--p2-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.integrations-module__J7B_wG__error{color:var(--p2-error);font-size:var(--p2-text-sm);text-align:center;margin-top:var(--p2-space-3)}.integrations-module__J7B_wG__teaserCard{text-align:center}.integrations-module__J7B_wG__teaserText{color:var(--p2-text-muted);font-size:var(--p2-text-sm);margin:0}
.dashboard-module__2qy9Ta__container{max-width:1200px;padding:var(--p2-space-8);margin:0 auto}.dashboard-module__2qy9Ta__loading{justify-content:center;align-items:center;gap:var(--p2-space-4);min-height:60vh;font-size:var(--p2-text-lg);color:var(--p2-text-secondary);flex-direction:column;display:flex}.dashboard-module__2qy9Ta__spinner{border:4px solid var(--p2-border);border-top-color:var(--p2-brand-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite dashboard-module__2qy9Ta__spin}@keyframes dashboard-module__2qy9Ta__spin{to{transform:rotate(360deg)}}.dashboard-module__2qy9Ta__error{margin-top:var(--p2-space-8)}.dashboard-module__2qy9Ta__errorContent{text-align:center;padding:var(--p2-space-8)}.dashboard-module__2qy9Ta__errorContent h2{color:var(--p2-error);margin-bottom:var(--p2-space-3)}.dashboard-module__2qy9Ta__errorContent p{color:var(--p2-text-secondary);margin-bottom:var(--p2-space-6)}.dashboard-module__2qy9Ta__header{margin-bottom:var(--p2-space-8);justify-content:space-between;align-items:flex-start;display:flex}.dashboard-module__2qy9Ta__title{font-size:var(--p2-text-4xl);font-weight:var(--p2-weight-bold);color:var(--p2-text-primary);margin-bottom:var(--p2-space-2)}.dashboard-module__2qy9Ta__subtitle{font-size:var(--p2-text-lg);color:var(--p2-text-secondary)}.dashboard-module__2qy9Ta__empty{text-align:center}.dashboard-module__2qy9Ta__emptyContent{max-width:600px;padding:var(--p2-space-8);margin:0 auto}.dashboard-module__2qy9Ta__emptyIcon{margin-bottom:var(--p2-space-4);font-size:4rem}.dashboard-module__2qy9Ta__emptyContent h2{font-size:var(--p2-text-2xl);margin-bottom:var(--p2-space-3);color:var(--p2-text-primary)}.dashboard-module__2qy9Ta__emptyContent p{color:var(--p2-text-secondary);margin-bottom:var(--p2-space-6);line-height:1.6}.dashboard-module__2qy9Ta__emptyActions{gap:var(--p2-space-6);flex-direction:column;align-items:center;display:flex}.dashboard-module__2qy9Ta__cliInstructions{text-align:center}.dashboard-module__2qy9Ta__orText{font-size:var(--p2-text-sm);color:var(--p2-text-tertiary);margin-bottom:var(--p2-space-2)}.dashboard-module__2qy9Ta__cliInstructions p{margin:0}.dashboard-module__2qy9Ta__cliInstructions pre{padding:var(--p2-space-3)var(--p2-space-4);background-color:var(--p2-gray-900);border-radius:var(--p2-radius-md);display:inline-block}.dashboard-module__2qy9Ta__cliInstructions code{color:var(--p2-success-light);font-size:var(--p2-text-sm)}.dashboard-module__2qy9Ta__syncHint{margin-top:var(--p2-space-6);padding-top:var(--p2-space-6);border-top:1px solid var(--p2-border);text-align:center}.dashboard-module__2qy9Ta__syncHint p{font-size:var(--p2-text-sm);color:var(--p2-text-tertiary);margin-bottom:var(--p2-space-3)}.dashboard-module__2qy9Ta__syncHint pre{padding:var(--p2-space-3)var(--p2-space-5);background-color:var(--p2-gray-900);border-radius:var(--p2-radius-md);text-align:left;display:inline-block}.dashboard-module__2qy9Ta__syncHint code{color:var(--p2-success-light);font-size:var(--p2-text-sm);line-height:1.7}.dashboard-module__2qy9Ta__grid{gap:var(--p2-space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.dashboard-module__2qy9Ta__systemCard{cursor:pointer;transition:all var(--p2-transition-base);flex-direction:column;height:100%;display:flex}.dashboard-module__2qy9Ta__systemCard:hover{background-color:var(--p2-hover);transform:translateY(-2px)}.dashboard-module__2qy9Ta__systemHeader{margin-bottom:var(--p2-space-3);justify-content:space-between;align-items:flex-start;display:flex}.dashboard-module__2qy9Ta__systemName{font-size:var(--p2-text-xl);color:var(--p2-text-primary)}.dashboard-module__2qy9Ta__badge{font-size:var(--p2-text-xs);padding:var(--p2-space-1)var(--p2-space-2);background-color:var(--p2-brand-primary);color:#fff;border-radius:var(--p2-radius-full);font-weight:var(--p2-weight-medium)}.dashboard-module__2qy9Ta__systemDescription{color:var(--p2-text-secondary);font-size:var(--p2-text-base);margin-bottom:var(--p2-space-4);line-height:1.5}.dashboard-module__2qy9Ta__githubInfo{align-items:center;gap:var(--p2-space-2);font-size:var(--p2-text-sm);color:var(--p2-text-tertiary);padding-top:var(--p2-space-4);border-top:1px solid var(--p2-border);margin-top:auto;display:flex}.dashboard-module__2qy9Ta__systemFooter{margin-top:var(--p2-space-4);padding-top:var(--p2-space-3);border-top:1px solid var(--p2-border)}.dashboard-module__2qy9Ta__date{font-size:var(--p2-text-sm);color:var(--p2-text-tertiary)}
.settings-module__5Ac_HG__page{gap:var(--p2-space-8);max-width:560px;margin:0 auto;margin-bottom:var(--p2-space-16);flex-direction:column;display:flex}.settings-module__5Ac_HG__sections{gap:var(--p2-space-6);flex-direction:column;display:flex}.settings-module__5Ac_HG__section{gap:var(--p2-space-4);flex-direction:column;display:flex}.settings-module__5Ac_HG__sectionTitle{font-size:var(--p2-text-sm);font-weight:var(--p2-weight-semibold);color:var(--p2-text-primary)}.settings-module__5Ac_HG__field{gap:var(--p2-space-1);flex-direction:column;display:flex}.settings-module__5Ac_HG__hint{font-size:var(--p2-text-xs);color:var(--p2-text-muted)}.settings-module__5Ac_HG__themeOptions{gap:var(--p2-space-3);display:flex}.settings-module__5Ac_HG__themeOption{align-items:center;gap:var(--p2-space-2);padding:var(--p2-space-4)var(--p2-space-3);border:1px solid var(--p2-border);border-radius:var(--p2-radius-lg);cursor:pointer;color:var(--p2-text-secondary);font-size:var(--p2-text-sm);font-weight:var(--p2-weight-medium);background:0 0;flex-direction:column;flex:1;transition:all .15s;display:flex}.settings-module__5Ac_HG__themeOption:hover{background-color:var(--p2-hover);color:var(--p2-text-primary)}.settings-module__5Ac_HG__themeActive{border-color:var(--p2-text-primary);color:var(--p2-text-primary);background-color:var(--p2-hover)}.settings-module__5Ac_HG__accountActions{gap:var(--p2-space-4);flex-direction:column;display:flex}.settings-module__5Ac_HG__accountRow{justify-content:space-between;align-items:center;gap:var(--p2-space-4);display:flex}.settings-module__5Ac_HG__accountLabel{font-size:var(--p2-text-sm);font-weight:var(--p2-weight-medium);color:var(--p2-text-primary)}.settings-module__5Ac_HG__accountHint{font-size:var(--p2-text-xs);color:var(--p2-text-muted);margin-top:2px}.settings-module__5Ac_HG__divider{background-color:var(--p2-border);height:1px}.settings-module__5Ac_HG__dangerButton{color:var(--p2-error);border-color:var(--p2-error);flex-shrink:0}.settings-module__5Ac_HG__dangerButton:hover{background-color:#ef444414}
.cli-auth-module__iMIjMq__container{min-height:100vh;padding:var(--p2-space-6);background:linear-gradient(135deg,var(--p2-gray-50)0%,var(--p2-gray-100)100%);justify-content:center;align-items:center;display:flex}.cli-auth-module__iMIjMq__card{width:100%;max-width:460px}.cli-auth-module__iMIjMq__header{text-align:center;margin-bottom:var(--p2-space-6)}.cli-auth-module__iMIjMq__badge{padding:var(--p2-space-1)var(--p2-space-3);background-color:var(--p2-gray-900);color:var(--p2-success-light);border-radius:var(--p2-radius-full);font-size:var(--p2-text-xs);font-family:monospace;font-weight:var(--p2-weight-medium);margin-bottom:var(--p2-space-4);letter-spacing:.025em;display:inline-block}.cli-auth-module__iMIjMq__title{font-size:var(--p2-text-2xl);font-weight:var(--p2-weight-bold);color:var(--p2-text-primary);margin-bottom:var(--p2-space-2)}.cli-auth-module__iMIjMq__subtitle{color:var(--p2-text-secondary);line-height:1.5}.cli-auth-module__iMIjMq__form{gap:var(--p2-space-4);flex-direction:column;display:flex}.cli-auth-module__iMIjMq__error{color:var(--p2-error);font-size:var(--p2-text-sm);text-align:center}.cli-auth-module__iMIjMq__githubButton{justify-content:center;align-items:center;gap:var(--p2-space-3);width:100%;padding:var(--p2-space-3)var(--p2-space-4);background-color:var(--p2-gray-900);color:var(--p2-text-inverted);border:1px solid var(--p2-gray-900);border-radius:var(--p2-radius-lg);font-size:var(--p2-text-base);font-weight:var(--p2-weight-medium);cursor:pointer;transition:background-color var(--p2-transition-fast);display:flex}.cli-auth-module__iMIjMq__githubButton:hover{background-color:var(--p2-gray-800)}.cli-auth-module__iMIjMq__githubButton svg{flex-shrink:0}.cli-auth-module__iMIjMq__divider{align-items:center;gap:var(--p2-space-3);color:var(--p2-text-muted);font-size:var(--p2-text-sm);margin:var(--p2-space-2)0;display:flex}.cli-auth-module__iMIjMq__divider:before,.cli-auth-module__iMIjMq__divider:after{content:"";background-color:var(--p2-border);flex:1;height:1px}.cli-auth-module__iMIjMq__footer{margin-top:var(--p2-space-6);text-align:center;color:var(--p2-text-secondary);font-size:var(--p2-text-sm)}.cli-auth-module__iMIjMq__link{color:var(--p2-brand-primary);font-weight:var(--p2-weight-medium);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0}.cli-auth-module__iMIjMq__link:hover{text-decoration:underline}.cli-auth-module__iMIjMq__status{text-align:center;padding:var(--p2-space-8)0}.cli-auth-module__iMIjMq__statusIcon{margin-bottom:var(--p2-space-4);font-size:3rem}.cli-auth-module__iMIjMq__statusTitle{font-size:var(--p2-text-xl);color:var(--p2-text-primary);margin-bottom:var(--p2-space-2)}.cli-auth-module__iMIjMq__statusMessage{color:var(--p2-text-secondary);font-size:var(--p2-text-base)}.cli-auth-module__iMIjMq__spinner{border:3px solid var(--p2-border);border-top-color:var(--p2-brand-primary);width:32px;height:32px;margin:0 auto var(--p2-space-4);border-radius:50%;animation:.8s linear infinite cli-auth-module__iMIjMq__spin}@keyframes cli-auth-module__iMIjMq__spin{to{transform:rotate(360deg)}}