main{max-width:1152px;margin:48px auto;padding:0 24px}.intro{color:var(--click-global-color-text-muted);font:var(--typography-styles-product-text-normal-lg);max-width:640px;margin:0 0 32px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.card,.panel,dialog{background:var(--click-card-primary-color-background-default);border:1px solid var(--click-card-primary-color-stroke-default);border-radius:var(--click-card-primary-radii-all);padding:var(--click-card-primary-space-md-x)}.card{align-items:flex-start;gap:var(--click-card-primary-space-md-gap);flex-direction:column;min-width:0;display:flex}.card h2{font:var(--typography-styles-product-titles-lg)}.card a{min-height:32px;margin-top:auto;padding-top:12px;font-weight:500}.card small{overflow-wrap:anywhere}.tag{font:var(--click-badge-typography-label-md-default);padding:var(--click-badge-space-md-y) var(--click-badge-space-md-x);border:1px solid var(--click-badge-opaque-color-stroke-default);border-radius:var(--click-badge-radii-all);background:var(--click-badge-opaque-color-background-default);color:var(--click-badge-opaque-color-text-default);align-items:center;display:inline-flex}.toolbar{justify-content:space-between;align-items:center;gap:24px;margin:0 0 32px;display:flex}.toolbar .intro{margin:0}.panel{max-width:720px;margin-top:24px}.access-panel{max-width:480px;margin:48px auto}.access-panel h1{font:var(--typography-styles-product-titles-xl);margin-top:16px}label{font:var(--click-field-typography-label-default);margin:24px 0 8px;display:block}input,select,textarea{width:100%;padding:var(--click-field-space-y) var(--click-field-space-x);border:1px solid var(--click-field-color-stroke-default);border-radius:var(--click-field-radii-all);background:var(--click-field-color-background-default);min-height:36px;color:var(--click-field-color-text-default);font:var(--click-field-typography-fieldText-default)}input:hover,select:hover,textarea:hover{border-color:var(--click-field-color-stroke-hover);background:var(--click-field-color-background-hover)}input:focus,select:focus,textarea:focus{border-color:var(--click-field-color-stroke-active);background:var(--click-field-color-background-active)}input::placeholder,textarea::placeholder{color:var(--click-field-color-placeholder-default)}input[readonly]{color:var(--click-global-color-text-muted);background:var(--click-global-color-background-muted)}input[aria-invalid=true]{border-color:var(--click-field-color-stroke-error)}textarea{resize:vertical;min-height:96px}input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--click-global-color-accent-default);flex-shrink:0;margin:0}.checkbox-label{min-height:32px;font:var(--typography-styles-product-text-normal-md);align-items:center;gap:12px;display:flex}input[type=file]{border-style:dashed;padding:12px}input::file-selector-button{font:inherit;border:1px solid var(--click-button-basic-color-secondary-stroke-default);background:var(--click-global-color-background-default);color:var(--click-global-color-text-default);border-radius:var(--click-button-radii-all);cursor:pointer;margin-right:12px;padding:8px 12px}button,.button{justify-content:center;align-items:center;gap:var(--click-button-basic-space-gap);min-height:36px;padding:var(--click-button-basic-space-y) var(--click-button-basic-space-x);border:1px solid var(--click-button-basic-color-primary-stroke-default);border-radius:var(--click-button-radii-all);background:var(--click-button-basic-color-primary-background-default);color:var(--click-button-basic-color-primary-text-default);font:var(--click-button-basic-typography-label-default);cursor:pointer;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:var(--click-button-basic-color-primary-background-hover);border-color:var(--click-button-basic-color-primary-stroke-hover);color:var(--click-button-basic-color-primary-text-hover)}button:active,.button:active{background:var(--click-button-basic-color-primary-background-active)}.secondary{background:var(--click-button-basic-color-secondary-background-default);border-color:var(--click-button-basic-color-secondary-stroke-default);color:var(--click-button-basic-color-secondary-text-default)}.secondary:hover{background:var(--click-button-basic-color-secondary-background-hover);border-color:var(--click-button-basic-color-secondary-stroke-hover);color:var(--click-button-basic-color-secondary-text-hover)}.secondary:active{background:var(--click-button-basic-color-secondary-background-active)}.danger{background:var(--click-button-basic-color-danger-background-default);border-color:var(--click-button-basic-color-danger-stroke-default);color:var(--click-button-basic-color-danger-text-default)}.danger:hover{background:var(--click-button-basic-color-danger-background-hover);color:var(--click-button-basic-color-danger-text-hover);border-color:var(--click-button-basic-color-danger-stroke-hover)}button:disabled{background:var(--click-button-basic-color-primary-background-disabled);color:var(--click-button-basic-color-primary-text-disabled);border-color:var(--click-button-basic-color-primary-stroke-disabled);cursor:not-allowed}button[aria-busy=true]{cursor:progress}.actions{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}small,.hint{font:var(--typography-styles-product-text-normal-sm);color:var(--click-global-color-text-muted);overflow-wrap:anywhere;margin:8px 0;display:block}.notice{font:var(--click-alert-medium-typography-text-default);border-radius:var(--click-alert-radii-end);background:var(--click-alert-color-background-neutral);color:var(--click-alert-color-text-neutral);margin:16px 0;padding:12px}.notice:empty{display:none}.notice.error{background:var(--click-alert-color-background-danger);color:var(--click-alert-color-text-danger)}.empty{border:1px dashed var(--click-global-color-stroke-intense);border-radius:var(--click-card-primary-radii-all);color:var(--click-global-color-text-muted);text-align:center;grid-column:1/-1;padding:48px 24px}.search{max-width:440px;margin-bottom:24px}nav{font:var(--typography-styles-product-text-normal-sm);align-items:center;gap:16px;min-width:0;display:flex}nav span{overflow-wrap:anywhere}.site-footer{border-top:1px solid var(--click-global-color-stroke-default);max-width:1152px;color:var(--click-global-color-text-muted);font:var(--typography-styles-product-text-normal-sm);margin:48px auto 24px;padding:24px}dialog{width:min(480px,100% - 32px);color:var(--click-global-color-text-default)}dialog::backdrop{background:#0006}dialog p{color:var(--click-global-color-text-muted)}dialog .actions{justify-content:flex-end}[hidden]{display:none!important}.embedded .site-header,.embedded .site-footer,.embedded .skip-link,.embedded #app>a{display:none}@media (width<=900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){main{margin-top:32px;padding:0 16px}.grid{grid-template-columns:minmax(0,1fr);gap:16px}.toolbar{flex-direction:column;align-items:flex-start;gap:16px}.panel{padding:24px}nav{justify-content:space-between;width:100%}button,.button{min-height:44px;font:var(--click-button-basic-typography-mobile-label-default)}input,select,textarea{min-height:44px;font-size:16px}.card a{min-height:44px}.site-footer{padding:16px}}
