.pk-row{display:flex;flex-wrap:wrap;margin-left:0;margin-right:0}.pk-row--gap-0{margin-left:0;margin-right:0}.pk-row--gap-sm{margin-left:-4px;margin-right:-4px}.pk-row--gap-lg{margin-left:-16px;margin-right:-16px}[class*=pk-col]{box-sizing:border-box;padding-left:0;padding-right:0;min-width:0}.pk-row--gap-0>[class*=pk-col]{padding-left:0;padding-right:0}.pk-row--gap-sm>[class*=pk-col]{padding-left:4px;padding-right:4px}.pk-row--gap-lg>[class*=pk-col]{padding-left:16px;padding-right:16px}.pk-col{flex:1 0 0%}.pk-col-auto{flex:0 0 auto;width:auto}.pk-col-1{flex:0 0 auto;width:8.3333%}.pk-col-2{flex:0 0 auto;width:16.6667%}.pk-col-3{flex:0 0 auto;width:25%}.pk-col-4{flex:0 0 auto;width:33.3333%}.pk-col-5{flex:0 0 auto;width:41.6667%}.pk-col-6{flex:0 0 auto;width:50%}.pk-col-7{flex:0 0 auto;width:58.3333%}.pk-col-8{flex:0 0 auto;width:66.6667%}.pk-col-9{flex:0 0 auto;width:75%}.pk-col-10{flex:0 0 auto;width:83.3333%}.pk-col-11{flex:0 0 auto;width:91.6667%}.pk-col-12{flex:0 0 auto;width:100%}.pk-col-xs-1{flex:0 0 auto;width:8.3333%}.pk-col-xs-2{flex:0 0 auto;width:16.6667%}.pk-col-xs-3{flex:0 0 auto;width:25%}.pk-col-xs-4{flex:0 0 auto;width:33.3333%}.pk-col-xs-5{flex:0 0 auto;width:41.6667%}.pk-col-xs-6{flex:0 0 auto;width:50%}.pk-col-xs-7{flex:0 0 auto;width:58.3333%}.pk-col-xs-8{flex:0 0 auto;width:66.6667%}.pk-col-xs-9{flex:0 0 auto;width:75%}.pk-col-xs-10{flex:0 0 auto;width:83.3333%}.pk-col-xs-11{flex:0 0 auto;width:91.6667%}.pk-col-xs-12{flex:0 0 auto;width:100%}@media(min-width:576px){.pk-col-sm-1{flex:0 0 auto;width:8.3333%}.pk-col-sm-2{flex:0 0 auto;width:16.6667%}.pk-col-sm-3{flex:0 0 auto;width:25%}.pk-col-sm-4{flex:0 0 auto;width:33.3333%}.pk-col-sm-5{flex:0 0 auto;width:41.6667%}.pk-col-sm-6{flex:0 0 auto;width:50%}.pk-col-sm-7{flex:0 0 auto;width:58.3333%}.pk-col-sm-8{flex:0 0 auto;width:66.6667%}.pk-col-sm-9{flex:0 0 auto;width:75%}.pk-col-sm-10{flex:0 0 auto;width:83.3333%}.pk-col-sm-11{flex:0 0 auto;width:91.6667%}.pk-col-sm-12{flex:0 0 auto;width:100%}}@media(min-width:768px){.pk-col-md-1{flex:0 0 auto;width:8.3333%}.pk-col-md-2{flex:0 0 auto;width:16.6667%}.pk-col-md-3{flex:0 0 auto;width:25%}.pk-col-md-4{flex:0 0 auto;width:33.3333%}.pk-col-md-5{flex:0 0 auto;width:41.6667%}.pk-col-md-6{flex:0 0 auto;width:50%}.pk-col-md-7{flex:0 0 auto;width:58.3333%}.pk-col-md-8{flex:0 0 auto;width:66.6667%}.pk-col-md-9{flex:0 0 auto;width:75%}.pk-col-md-10{flex:0 0 auto;width:83.3333%}.pk-col-md-11{flex:0 0 auto;width:91.6667%}.pk-col-md-12{flex:0 0 auto;width:100%}}@media(min-width:992px){.pk-col-lg-1{flex:0 0 auto;width:8.3333%}.pk-col-lg-2{flex:0 0 auto;width:16.6667%}.pk-col-lg-3{flex:0 0 auto;width:25%}.pk-col-lg-4{flex:0 0 auto;width:33.3333%}.pk-col-lg-5{flex:0 0 auto;width:41.6667%}.pk-col-lg-6{flex:0 0 auto;width:50%}.pk-col-lg-7{flex:0 0 auto;width:58.3333%}.pk-col-lg-8{flex:0 0 auto;width:66.6667%}.pk-col-lg-9{flex:0 0 auto;width:75%}.pk-col-lg-10{flex:0 0 auto;width:83.3333%}.pk-col-lg-11{flex:0 0 auto;width:91.6667%}.pk-col-lg-12{flex:0 0 auto;width:100%}}@media(min-width:1200px){.pk-col-xl-1{flex:0 0 auto;width:8.3333%}.pk-col-xl-2{flex:0 0 auto;width:16.6667%}.pk-col-xl-3{flex:0 0 auto;width:25%}.pk-col-xl-4{flex:0 0 auto;width:33.3333%}.pk-col-xl-5{flex:0 0 auto;width:41.6667%}.pk-col-xl-6{flex:0 0 auto;width:50%}.pk-col-xl-7{flex:0 0 auto;width:58.3333%}.pk-col-xl-8{flex:0 0 auto;width:66.6667%}.pk-col-xl-9{flex:0 0 auto;width:75%}.pk-col-xl-10{flex:0 0 auto;width:83.3333%}.pk-col-xl-11{flex:0 0 auto;width:91.6667%}.pk-col-xl-12{flex:0 0 auto;width:100%}}.pk-row--align-top{align-items:flex-start}.pk-row--align-center{align-items:center}.pk-row--align-bottom{align-items:flex-end}.pk-row--align-stretch{align-items:stretch}.pk-row--justify-start{justify-content:flex-start}.pk-row--justify-center{justify-content:center}.pk-row--justify-end{justify-content:flex-end}.pk-row--justify-between{justify-content:space-between}.pk-row--justify-around{justify-content:space-around}.pk-col--align-top{align-self:flex-start}.pk-col--align-center{align-self:center}.pk-col--align-bottom{align-self:flex-end}:root{--pk-btn-primary: #1976d2;--pk-btn-primary-h: #1565c0;--pk-btn-primary-a: #0d47a1;--pk-btn-secondary: #757575;--pk-btn-secondary-h: #616161;--pk-btn-secondary-a: #424242;--pk-btn-success: #43a047;--pk-btn-success-h: #388e3c;--pk-btn-success-a: #2e7d32;--pk-btn-error: #e53935;--pk-btn-error-h: #c62828;--pk-btn-error-a: #b71c1c;--pk-btn-warn: #fb8c00;--pk-btn-warn-h: #ef6c00;--pk-btn-warn-a: #e65100;--pk-btn-radius: 6px;--pk-btn-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.pk-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;min-height:38px;min-width:64px;font-family:var(--pk-btn-font);font-size:14px;font-weight:500;line-height:1;letter-spacing:.02em;white-space:nowrap;text-decoration:none;background-color:var(--pk-btn-primary);color:#fff;border:2px solid transparent;border-radius:var(--pk-btn-radius);cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,opacity .15s ease}.pk-btn:hover{background-color:var(--pk-btn-primary-h)}.pk-btn:active{background-color:var(--pk-btn-primary-a)}.pk-btn:focus-visible{outline:3px solid rgba(25,118,210,.4);outline-offset:2px}.pk-btn:disabled,.pk-btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.pk-btn-primary{background-color:var(--pk-btn-primary);border-color:transparent;color:#fff}.pk-btn-primary:hover{background-color:var(--pk-btn-primary-h)}.pk-btn-primary:active{background-color:var(--pk-btn-primary-a)}.pk-btn-primary:focus-visible{outline-color:#1976d273}.pk-btn-secondary{background-color:var(--pk-btn-secondary);border-color:transparent;color:#fff}.pk-btn-secondary:hover{background-color:var(--pk-btn-secondary-h)}.pk-btn-secondary:active{background-color:var(--pk-btn-secondary-a)}.pk-btn-secondary:focus-visible{outline-color:#75757573}.pk-btn-success{background-color:var(--pk-btn-success);border-color:transparent;color:#fff}.pk-btn-success:hover{background-color:var(--pk-btn-success-h)}.pk-btn-success:active{background-color:var(--pk-btn-success-a)}.pk-btn-success:focus-visible{outline-color:#43a04773}.pk-btn-warn{background-color:var(--pk-btn-warn);border-color:transparent;color:#fff}.pk-btn-warn:hover{background-color:var(--pk-btn-warn-h)}.pk-btn-warn:active{background-color:var(--pk-btn-warn-a)}.pk-btn-warn:focus-visible{outline-color:#fb8c0073}.pk-btn-error{background-color:var(--pk-btn-error);border-color:transparent;color:#fff}.pk-btn-error:hover{background-color:var(--pk-btn-error-h)}.pk-btn-error:active{background-color:var(--pk-btn-error-a)}.pk-btn-error:focus-visible{outline-color:#e5393573}.pk-btn.pk-btn-outline,.pk-btn-primary.pk-btn-outline{background-color:transparent;border-color:var(--pk-btn-primary);color:var(--pk-btn-primary)}.pk-btn.pk-btn-outline:hover,.pk-btn-primary.pk-btn-outline:hover{background-color:var(--pk-btn-primary);color:#fff}.pk-btn.pk-btn-outline:active,.pk-btn-primary.pk-btn-outline:active{background-color:var(--pk-btn-primary-h);border-color:var(--pk-btn-primary-h);color:#fff}.pk-btn-secondary.pk-btn-outline{background-color:transparent;border-color:var(--pk-btn-secondary);color:var(--pk-btn-secondary)}.pk-btn-secondary.pk-btn-outline:hover{background-color:var(--pk-btn-secondary);color:#fff}.pk-btn-secondary.pk-btn-outline:active{background-color:var(--pk-btn-secondary-h);border-color:var(--pk-btn-secondary-h);color:#fff}.pk-btn-success.pk-btn-outline{background-color:transparent;border-color:var(--pk-btn-success);color:var(--pk-btn-success)}.pk-btn-success.pk-btn-outline:hover{background-color:var(--pk-btn-success);color:#fff}.pk-btn-success.pk-btn-outline:active{background-color:var(--pk-btn-success-h);border-color:var(--pk-btn-success-h);color:#fff}.pk-btn-warn.pk-btn-outline{background-color:transparent;border-color:var(--pk-btn-warn);color:var(--pk-btn-warn)}.pk-btn-warn.pk-btn-outline:hover{background-color:var(--pk-btn-warn);color:#fff}.pk-btn-warn.pk-btn-outline:active{background-color:var(--pk-btn-warn-h);border-color:var(--pk-btn-warn-h);color:#fff}.pk-btn-error.pk-btn-outline{background-color:transparent;border-color:var(--pk-btn-error);color:var(--pk-btn-error)}.pk-btn-error.pk-btn-outline:hover{background-color:var(--pk-btn-error);color:#fff}.pk-btn-error.pk-btn-outline:active{background-color:var(--pk-btn-error-h);border-color:var(--pk-btn-error-h);color:#fff}.pk-btn.pk-btn-shadow{box-shadow:0 3px 8px #0003,0 1px 3px #0000001f}.pk-btn.pk-btn-shadow:hover{box-shadow:0 5px 14px #00000038,0 2px 6px #00000024}.pk-btn.pk-btn-shadow:active{box-shadow:0 2px 4px #0000002e}.pk-btn-sm{padding:5px 14px;min-height:30px;font-size:12px}.pk-btn-lg{padding:11px 28px;min-height:46px;font-size:16px}.pk-btn-group{display:inline-flex;align-items:stretch}.pk-btn-group>.pk-btn{border-radius:0;margin-left:-2px;position:relative}.pk-btn-group>.pk-btn:first-child{border-radius:var(--pk-btn-radius) 0 0 var(--pk-btn-radius);margin-left:0}.pk-btn-group>.pk-btn:last-child{border-radius:0 var(--pk-btn-radius) var(--pk-btn-radius) 0}.pk-btn-group>.pk-btn:only-child{border-radius:var(--pk-btn-radius);margin-left:0}.pk-btn-group>.pk-btn:hover,.pk-btn-group>.pk-btn:focus-visible{z-index:1}@keyframes pk-spin{to{transform:rotate(360deg)}}.pk-spinner{display:block;width:24px;height:24px;border-radius:50%;border:3px solid rgba(25,118,210,.2);border-top-color:var(--pk-btn-primary, #1976d2);animation:pk-spin .7s linear infinite;flex-shrink:0}.pk-spinner-sm{width:16px;height:16px;border-width:2px}.pk-spinner-md{width:24px;height:24px;border-width:3px}.pk-spinner-lg{width:36px;height:36px;border-width:4px}.pk-spinner-xl{width:48px;height:48px;border-width:5px}.pk-spinner-inline{display:inline-block;vertical-align:middle;margin-left:6px}.pk-spinner-primary{border-color:#1976d233;border-top-color:var(--pk-btn-primary, #1976d2)}.pk-spinner-secondary{border-color:#75757533;border-top-color:var(--pk-btn-secondary, #757575)}.pk-spinner-success{border-color:#43a04733;border-top-color:var(--pk-btn-success, #43a047)}.pk-spinner-error{border-color:#e5393533;border-top-color:var(--pk-btn-error, #e53935)}.pk-spinner-white{border-color:#ffffff4d;border-top-color:#fff}.pk-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 9px;min-width:22px;height:22px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:600;line-height:1;letter-spacing:.02em;white-space:nowrap;border-radius:11px;border:2px solid transparent;vertical-align:middle;background-color:var(--pk-btn-primary, #1976d2);color:#fff}.pk-badge-primary{background-color:var(--pk-btn-primary, #1976d2);border-color:transparent;color:#fff}.pk-badge-success{background-color:var(--pk-btn-success, #43a047);border-color:transparent;color:#fff}.pk-badge-warn{background-color:var(--pk-btn-warn, #fb8c00);border-color:transparent;color:#fff}.pk-badge-error{background-color:var(--pk-btn-error, #e53935);border-color:transparent;color:#fff}.pk-badge.pk-badge-outline,.pk-badge-primary.pk-badge-outline{background-color:transparent;border-color:var(--pk-btn-primary, #1976d2);color:var(--pk-btn-primary, #1976d2)}.pk-badge-success.pk-badge-outline{background-color:transparent;border-color:var(--pk-btn-success, #43a047);color:var(--pk-btn-success, #43a047)}.pk-badge-warn.pk-badge-outline{background-color:transparent;border-color:var(--pk-btn-warn, #fb8c00);color:var(--pk-btn-warn, #fb8c00)}.pk-badge-error.pk-badge-outline{background-color:transparent;border-color:var(--pk-btn-error, #e53935);color:var(--pk-btn-error, #e53935)}.pk-badge-sm{padding:1px 6px;min-width:16px;height:16px;font-size:10px;border-radius:8px}.pk-badge-lg{padding:4px 12px;min-width:28px;height:28px;font-size:14px;border-radius:14px}.pk-badge-pill{border-radius:4px}.pk-badge-dot{padding:0;min-width:10px;width:10px;height:10px;border-radius:50%;border-width:0}.pk-badge-dot.pk-badge-outline{border-width:2px;background-color:transparent}:root{--pk-card-bg: #fff;--pk-card-border: #e0e0e0;--pk-card-radius: 8px;--pk-card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--pk-card-header-bg: transparent;--pk-card-header-border: #e0e0e0;--pk-card-footer-bg: #f9f9f9;--pk-card-footer-border: #e0e0e0;--pk-card-padding: 16px}.pk-card{display:flex;flex-direction:column;background-color:var(--pk-card-bg);border:1px solid var(--pk-card-border);border-radius:var(--pk-card-radius);box-shadow:var(--pk-card-shadow);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:#212121}.pk-card-header{padding:var(--pk-card-padding);background-color:var(--pk-card-header-bg);border-bottom:1px solid var(--pk-card-header-border);font-size:16px;font-weight:600;line-height:1.4}.pk-card-body{padding:var(--pk-card-padding);flex:1;line-height:1.6}.pk-card-footer{padding:calc(var(--pk-card-padding) * .75) var(--pk-card-padding);background-color:var(--pk-card-footer-bg);border-top:1px solid var(--pk-card-footer-border);display:flex;align-items:center;gap:8px}.pk-card>.pk-card-body:first-child{border-top:none}.pk-card>.pk-card-body:last-child{border-bottom:none}.pk-card-primary{border-color:var(--pk-btn-primary, #1976d2)}.pk-card-primary>.pk-card-header{background-color:var(--pk-btn-primary, #1976d2);border-bottom-color:var(--pk-btn-primary, #1976d2);color:#fff}.pk-card-primary>.pk-card-footer{background-color:color-mix(in srgb,var(--pk-btn-primary, #1976d2) 10%,#fff);border-top-color:color-mix(in srgb,var(--pk-btn-primary, #1976d2) 30%,#fff)}.pk-card-secondary{border-color:var(--pk-btn-secondary, #546e7a)}.pk-card-secondary>.pk-card-header{background-color:var(--pk-btn-secondary, #546e7a);border-bottom-color:var(--pk-btn-secondary, #546e7a);color:#fff}.pk-card-secondary>.pk-card-footer{background-color:color-mix(in srgb,var(--pk-btn-secondary, #546e7a) 10%,#fff);border-top-color:color-mix(in srgb,var(--pk-btn-secondary, #546e7a) 30%,#fff)}.pk-card-success{border-color:var(--pk-btn-success, #43a047)}.pk-card-success>.pk-card-header{background-color:var(--pk-btn-success, #43a047);border-bottom-color:var(--pk-btn-success, #43a047);color:#fff}.pk-card-success>.pk-card-footer{background-color:color-mix(in srgb,var(--pk-btn-success, #43a047) 10%,#fff);border-top-color:color-mix(in srgb,var(--pk-btn-success, #43a047) 30%,#fff)}.pk-card-error{border-color:var(--pk-btn-error, #e53935)}.pk-card-error>.pk-card-header{background-color:var(--pk-btn-error, #e53935);border-bottom-color:var(--pk-btn-error, #e53935);color:#fff}.pk-card-error>.pk-card-footer{background-color:color-mix(in srgb,var(--pk-btn-error, #e53935) 10%,#fff);border-top-color:color-mix(in srgb,var(--pk-btn-error, #e53935) 30%,#fff)}.pk-card-shadow{box-shadow:0 4px 20px #00000029}.pk-card-flat{box-shadow:none}.pk-card-outlined{box-shadow:none;border-width:1px}:root{--pk-breadcrumb-color: #1976d2;--pk-breadcrumb-color-h: #1565c0;--pk-breadcrumb-active-color: #212121;--pk-breadcrumb-muted-color: #757575;--pk-breadcrumb-separator: "\203a";--pk-breadcrumb-separator-gap: 8px;--pk-breadcrumb-font-size: 14px}.pk-breadcrumb{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--pk-breadcrumb-font-size)}.pk-breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0}.pk-breadcrumb-item{display:inline-flex;align-items:center;color:var(--pk-breadcrumb-muted-color)}.pk-breadcrumb-item+.pk-breadcrumb-item:before{content:var(--pk-breadcrumb-separator);margin:0 var(--pk-breadcrumb-separator-gap);color:var(--pk-breadcrumb-muted-color);font-size:.9em;-webkit-user-select:none;user-select:none}.pk-breadcrumb-item a{color:var(--pk-breadcrumb-color);text-decoration:none;transition:color .15s}.pk-breadcrumb-item a:hover{color:var(--pk-breadcrumb-color-h);text-decoration:underline}.pk-breadcrumb-item--active{color:var(--pk-breadcrumb-active-color);font-weight:500;cursor:default;pointer-events:none}.pk-breadcrumb-item--active a{color:var(--pk-breadcrumb-active-color);pointer-events:none;text-decoration:none}.pk-breadcrumb--slash .pk-breadcrumb-item+.pk-breadcrumb-item:before{content:"/"}.pk-breadcrumb--dot .pk-breadcrumb-item+.pk-breadcrumb-item:before{content:"\b7"}.pk-breadcrumb--arrow .pk-breadcrumb-item+.pk-breadcrumb-item:before{content:"\2192"}.pk-breadcrumb--sm{font-size:12px}.pk-breadcrumb--lg{font-size:16px}.pk-breadcrumb--bg{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:8px 16px}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:swap;src:local("Material Symbols Outlined"),url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v326/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOem.ttf) format("truetype")}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;font-display:swap;src:local("Material Symbols Rounded"),url(https://fonts.gstatic.com/s/materialsymbolsrounded/v328/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDB_Qb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcbTCVpeRL2w5rwZu2rIelXxI.ttf) format("truetype")}@font-face{font-family:Material Symbols Sharp;font-style:normal;font-weight:100 700;font-display:swap;src:local("Material Symbols Sharp"),url(https://fonts.gstatic.com/s/materialsymbolssharp/v323/gNNBW2J8Roq16WD5tFNRaeLQk6-SHQ_R00k4c2_whPnoY9ruReaU4bHmz74m0ZkGH-VBYe1x0TV6x4yFH8F-H5OdzEL3sVTgJtfbYxOLojCO.ttf) format("truetype")}.material-symbols-outlined,.material-symbols-rounded,.material-symbols-sharp{font-style:normal;font-weight:400;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.material-symbols-outlined{font-family:Material Symbols Outlined}.material-symbols-rounded{font-family:Material Symbols Rounded}.material-symbols-sharp{font-family:Material Symbols Sharp}.demo-page{max-width:900px}.demo-page-header{margin-bottom:32px;border-bottom:2px solid #e0e0e0;padding-bottom:16px}.demo-page-title{font-size:28px;font-weight:700;margin:0 0 8px;color:#1a1a2e}.demo-page-desc{font-size:15px;color:#666;margin:0}.demo-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:24px;margin-bottom:24px}.demo-section h2{font-size:18px;font-weight:600;margin:0 0 16px;color:#333;border-bottom:1px solid #f0f0f0;padding-bottom:8px}.demo-section h3{font-size:14px;font-weight:600;color:#555;margin:16px 0 8px;text-transform:uppercase;letter-spacing:.05em}.demo-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.code-block{background:#1e1e2e;color:#cdd6f4;border-radius:6px;padding:16px;font-size:13px;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;overflow-x:auto;margin:0;line-height:1.6;white-space:pre}.api-table{width:100%;border-collapse:collapse;font-size:13px}.api-table th{background:#f5f5f5;text-align:left;padding:8px 12px;border:1px solid #e0e0e0;font-weight:600;color:#333}.api-table td{padding:8px 12px;border:1px solid #e0e0e0;color:#444;vertical-align:top}.api-table code{background:#f0f0f0;padding:1px 5px;border-radius:3px;font-size:12px;color:#c0392b}.result-box{margin-top:12px;padding:8px 12px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;color:#666}.home-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.home-card{display:block;padding:16px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;text-decoration:none;transition:border-color .15s,box-shadow .15s}.home-card:hover{border-color:#1976d2;box-shadow:0 2px 8px #1976d21f}.home-card-name{font-weight:700;font-size:15px;color:#1976d2;margin-bottom:6px}.home-card-desc{font-size:13px;color:#666;line-height:1.5}.grid-box{background:#e3f2fd;border:1px solid #90caf9;border-radius:4px;padding:10px 8px;text-align:center;font-size:12px;color:#1565c0;font-weight:500}.spinner-demo-item{display:flex;flex-direction:column;align-items:center;gap:6px}.spinner-demo-item code{font-size:11px;color:#666}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;margin-bottom:16px}.icon-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;background:#fafafa;transition:background .12s,border-color .12s,color .12s;color:#444}.icon-item:hover{background:#eef3ff;border-color:#1976d2;color:#1976d2}.icon-item--active{background:#e3eeff;border-color:#1976d2;color:#1976d2}.icon-item--copied{background:#e8f5e9!important;border-color:#43a047!important;color:#2e7d32!important}.icon-name{font-size:10px;text-align:center;word-break:break-all;line-height:1.3;color:inherit}.icon-count-badge{display:inline-block;background:#1976d2;color:#fff;font-size:11px;font-weight:600;padding:1px 8px;border-radius:10px;vertical-align:middle;margin-left:6px}.icon-playground{display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px}.icon-playground-preview{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:100px;padding:24px 20px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px}.icon-playground-name{font-size:12px;color:#555;font-weight:600}.icon-playground-controls{display:flex;flex-direction:column;gap:12px;flex:1;min-width:240px}.icon-control-row{display:flex;align-items:center;gap:10px;font-size:13px;color:#555}.icon-control-row label{min-width:140px}.icon-control-row label strong{color:#222}.icon-control-row input[type=range]{flex:1}.icon-control-row input[type=color]{width:36px;height:28px;border:1px solid #ccc;border-radius:4px;padding:1px;cursor:pointer}.icon-size-demo{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:#666}.icon-compare-group{display:flex;flex-direction:column;gap:8px}.icon-compare-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#666}