.dss-single-page{background:#f9f9f9;min-height:100vh}.dss-page-header{background:linear-gradient(135deg,#e862a4,#9b5fa3);color:#fff;margin-bottom:3rem;padding:3rem 0}.dss-page-header h1{font-size:2rem;font-weight:700;margin:0 0 1rem}.dss-page-header p{font-size:1rem;margin:0;opacity:.95}.dss-main-content{margin:0 auto;max-width:1200px;padding:0 2rem}.dss-group{background:#fff;border-radius:20px;box-shadow:0 2px 8px #00000014;margin-bottom:3rem;padding:3rem}.dss-group .dss-group-title{border-bottom:2px solid #f0f0f0;color:#e862a4;font-size:1.25rem;font-weight:700;margin:0 0 2rem;padding-bottom:2rem}.dss-colors-compact{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dss-color-item{display:flex;gap:1rem}.dss-color-item .dss-color-swatch{border:1px solid #eee;border-radius:12px;flex-shrink:0;height:60px;width:60px}.dss-color-item .dss-color-details{display:flex;flex-direction:column;font-size:.85rem;justify-content:center}.dss-color-item .dss-color-details strong{color:#606161;font-weight:700;margin-bottom:2px}.dss-color-item .dss-color-details code{background:#f5f5f5;border-radius:3px;color:#c41d7f;font-family:Monaco,Menlo,monospace;font-size:.75rem;margin-bottom:4px;padding:2px 4px}.dss-color-item .dss-color-details small{color:#999;font-style:italic}.dss-spacing-compact{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.dss-spacing-item{align-items:flex-end;display:flex;gap:1rem}.dss-spacing-item .dss-spacing-bar{background:linear-gradient(180deg,#e862a4,#9b5fa3);border-radius:6px;min-height:20px;width:30px}.dss-spacing-item .dss-spacing-label{flex:1 1;font-size:.8rem}.dss-spacing-item .dss-spacing-label strong{color:#606161;display:block;font-weight:700;margin-bottom:2px}.dss-spacing-item .dss-spacing-label span{color:#666;display:block;font-size:.75rem}.dss-typography-subsection{margin-bottom:3rem}.dss-typography-subsection h3{color:#606161;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.dss-typography-subsection .dss-typography-description{color:#999;font-size:.9rem;font-style:italic;margin:0 0 2rem}.dss-fonts-showcase{display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.dss-font-item{background:#f9f9f9;border:1px solid #eee;border-radius:12px;padding:2rem}.dss-font-item .dss-font-preview{background:#fff;border-left:4px solid #e862a4;border-radius:6px;color:#606161;display:block;font-size:1.5rem;font-weight:700;margin-bottom:2rem;padding:2rem}.dss-font-item .dss-font-details{display:flex;flex-direction:column;gap:.5rem}.dss-font-item .dss-font-details strong{color:#606161;font-size:.95rem;font-weight:700}.dss-font-item .dss-font-details .usage{color:#666;font-size:.85rem;font-style:italic}.dss-font-item .dss-font-details code{background:#f0f0f0;border-radius:3px;color:#c41d7f;font-family:Monaco,Menlo,monospace;font-size:.75rem;padding:4px 6px;word-break:break-all}.dss-typography-compact{display:flex;flex-direction:column;gap:1rem}.dss-typo-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:2rem;padding:1rem 0}.dss-typo-row:last-child{border-bottom:none}.dss-typo-row .dss-typo-sample{color:#606161;flex:1 1}.dss-typo-row .dss-typo-info{color:#999;display:flex;font-size:.75rem;gap:1rem;min-width:250px}.dss-typo-row .dss-typo-info span{background:#f5f5f5;border-radius:3px;padding:2px 6px;white-space:nowrap}.dss-typo-row .dss-typo-info span.size{color:#e862a4;font-weight:600}.dss-gradient-subsection{margin-bottom:3rem}.dss-gradient-subsection h3{color:#606161;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.dss-gradient-subsection .dss-gradient-description{color:#999;font-size:.9rem;font-style:italic;margin:0 0 2rem}.dss-gradients-bold{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.dss-gradient-bold-item .dss-gradient-preview-large{align-items:center;border:2px solid #ddd;border-radius:20px;box-shadow:0 6px 16px #0000001f;display:flex;height:150px;justify-content:center;margin-bottom:2rem;position:relative}.dss-gradient-bold-item .dss-gradient-preview-large .gradient-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border-radius:12px;color:#fff;font-size:.9rem;font-weight:700;padding:1rem 2rem}.dss-gradient-bold-item .gradient-code{background:#f5f5f5;border-radius:12px;color:#c41d7f;display:block;font-size:.7rem;line-height:1.4;overflow-x:auto;padding:1rem;word-break:break-all}.dss-gradients-subtle{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dss-gradient-subtle-item .dss-gradient-preview-medium{border:1px solid #ddd;border-radius:12px;height:100px;margin-bottom:1rem}.dss-gradient-subtle-item .dss-gradient-info strong{color:#606161;display:block;font-size:.85rem;margin-bottom:4px}.dss-gradient-subtle-item .dss-gradient-info code{background:#f5f5f5;border-radius:3px;color:#c41d7f;display:block;font-size:.65rem;overflow-x:auto;padding:4px 6px;word-break:break-all}.dss-shadows-compact{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.dss-shadow-item .dss-shadow-demo{align-items:center;background:#fff;border-radius:12px;color:#606161;display:flex;font-size:.85rem;font-weight:600;height:60px;justify-content:center;margin-bottom:1rem}.dss-shadow-item code{background:#f5f5f5;border-radius:3px;color:#c41d7f;display:block;font-size:.65rem;overflow-x:auto;padding:4px 6px}.dss-button-subsection{margin-bottom:3rem}.dss-button-subsection h3{color:#606161;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.dss-button-subsection .dss-button-description{color:#999;font-size:.9rem;font-style:italic;margin:0 0 2rem}.btn-gradient-pink{background:linear-gradient(135deg,#e862a4,#ff6bb6)}.btn-gradient-pink:hover{background:linear-gradient(135deg,#ff6bb6,#e862a4)}.btn-gradient-blue{background:linear-gradient(135deg,#79cef4,#3dd5f3)}.btn-gradient-blue:hover{background:linear-gradient(135deg,#3dd5f3,#79cef4)}.btn-gradient-purple{background:linear-gradient(135deg,#9b5fa3,#c879d9)}.btn-gradient-purple:hover{background:linear-gradient(135deg,#c879d9,#9b5fa3)}.btn-gradient-orange{background:linear-gradient(135deg,#ff9a56,#ff6b5a)}.btn-gradient-orange:hover{background:linear-gradient(135deg,#ff6b5a,#ff9a56)}.btn-gradient-green{background:linear-gradient(135deg,#86bd36,#a8d952)}.btn-gradient-green:hover{background:linear-gradient(135deg,#a8d952,#86bd36)}.btn-gradient-yellow{background:linear-gradient(135deg,#efc740,#ffd966);color:#333}.btn-gradient-yellow:hover{background:linear-gradient(135deg,#ffd966,#efc740)}.dss-buttons-bold{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.dss-buttons-sizes{align-items:flex-end;display:flex;flex-wrap:wrap;gap:2rem}.dss-radius-compact{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.dss-radius-item{text-align:center}.dss-radius-item .dss-radius-demo{background:linear-gradient(135deg,#79cef4,#a8dff8);border:2px solid #ddd;height:80px;margin:0 auto 1rem;width:80px}.dss-radius-item span{color:#606161;display:block;font-size:.85rem;font-weight:600}.dss-reference{background:linear-gradient(135deg,#fff,#fff)}.dss-reference .dss-group-title{border-bottom-color:#ffffff4d}.dss-reference-items{display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dss-ref-item h4{color:#606161;font-size:1rem;font-weight:700;margin:0 0 1rem}.dss-ref-item ul{list-style:none;margin:0;padding:0}.dss-ref-item ul li{color:#666;font-size:.85rem;padding:4px 0}.dss-ref-item ul li code{background:#0000000d;border-radius:3px;color:#e862a4;font-weight:600;padding:2px 4px}.dss-ref-item p{color:#666;font-size:.85rem;margin:0 0 1rem}.dss-ref-item p code{background:#0000000d;border-radius:3px;color:#e862a4;font-weight:600;padding:2px 4px}.dss-page-footer{background:#44464e;color:#fff;margin-top:3rem;padding:3rem 0;text-align:center}.dss-page-footer p{font-size:.9rem;margin:0;opacity:.9}.dss-page-footer p code{background:#ffffff1a;border-radius:3px;color:#efc740;font-size:.85rem;padding:2px 6px}@media(max-width:768px){.dss-page-header{padding:2rem 0}.dss-page-header h1{font-size:1.5rem}.dss-page-header p{font-size:.9rem}.dss-main-content{padding:0 1rem}.dss-group{margin-bottom:2rem;padding:2rem}.dss-group .dss-group-title{font-size:1.1rem;margin-bottom:1rem;padding-bottom:1rem}.dss-colors-compact,.dss-fonts-showcase,.dss-gradients-compact,.dss-shadows-compact,.dss-spacing-compact{grid-template-columns:1fr}.dss-radius-compact{grid-template-columns:repeat(3,1fr)}.dss-reference-items{grid-template-columns:1fr}.dss-typo-row{align-items:flex-start;flex-direction:column}.dss-typo-row .dss-typo-info{min-width:auto;width:100%}}
/*# sourceMappingURL=4869.472cc00f.chunk.css.map*/