.ap-layout{align-items:start;gap:24px;display:grid}@media (min-width:1100px){.ap-layout{grid-template-columns:minmax(0,1fr) 380px}.ap-preview{max-block-size:calc(100dvh - 32px);position:sticky;inset-block-start:16px;overflow:auto}}.ap-main{min-inline-size:0}.ap-section-title{margin:0 0 4px;font-size:1.125rem;font-weight:700}.ap-section-note{color:var(--steel-500);margin:0 0 16px;font-size:.875rem}.ap-notice{border:1px solid var(--steel-200);border-inline-start:4px solid var(--saffron);background:var(--steel-0);border-radius:8px;margin:0 0 16px;padding:10px 14px;font-size:.875rem}.ap-notice--danger{border-inline-start-color:var(--pomegranate)}.ap-panel{gap:20px;max-inline-size:720px;padding-block-start:20px;display:grid}.ap-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.ap-group{border:1px solid var(--steel-200);background:var(--steel-0);border-radius:14px;gap:12px;margin:0;padding:16px;display:grid}.ap-group legend{padding-inline:6px;font-weight:700}.ap-color{grid-template-columns:minmax(0,1fr) 40px 150px;align-items:center;gap:12px;display:grid}.ap-color__label{font-size:.875rem}.ap-color__swatch{border:1px solid var(--steel-200);cursor:pointer;background:0 0;border-radius:8px;block-size:36px;inline-size:40px;padding:0}.ap-contrast{border:1px solid var(--steel-200);border-inline-start:4px solid var(--pomegranate);background:var(--steel-0);border-radius:14px;padding:16px}.ap-contrast[data-ok]{border-inline-start-color:var(--pistachio)}.ap-contrast__title{margin:0 0 8px;font-size:1rem}.ap-contrast__ok{color:var(--pistachio);align-items:center;gap:6px;margin:0 0 8px;font-weight:500;display:flex}.ap-contrast__list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ap-contrast__list li{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;font-size:.875rem;display:grid}.ap-contrast__list li[data-pass=true] svg{color:var(--pistachio)}.ap-contrast__list li[data-pass=false] svg{color:var(--pomegranate)}.ap-contrast__ratio{color:var(--steel-500);font-variant-numeric:tabular-nums}.ap-contrast__fix{color:var(--steel-500);grid-column:2/-1;margin:0;font-size:.8125rem}.ap-presets{padding-block-start:20px}.ap-presets__grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.ap-preset{border:1px solid var(--steel-200);background:var(--steel-0);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.ap-preset[data-current]{border-color:var(--saffron);box-shadow:0 0 0 2px var(--saffron)}.ap-preset__body{grid-template-columns:minmax(0,1fr);gap:6px;padding:14px 16px 16px;display:grid}.ap-preset__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ap-preset__head h3{margin:0;font-size:1.0625rem}.ap-preset__body p{color:var(--steel-500);margin:0;font-size:.8125rem}.ap-preset__motion{color:var(--graphite)!important}.ap-preset__actions{flex-wrap:wrap;gap:8px;margin-block-start:6px;display:flex}.ap-thumb{background:var(--steel-50);border-block-end:1px solid var(--steel-200);pointer-events:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.ap-thumb__page{transform-origin:0 0;background:0 0;border:0;position:absolute;inset-block-start:0;inset-inline-start:0}[dir=rtl] .ap-thumb__page{transform-origin:100% 0}.ap-preview{border:1px solid var(--steel-200);background:var(--steel-0);border-radius:14px;gap:12px;padding:16px;display:grid}.ap-preview__label{color:var(--steel-500);margin:8px 0 0;font-size:.875rem;font-weight:600}.ap-frame{border:1px solid var(--steel-200);border-radius:14px;overflow:hidden;container:mz-page/inline-size}.ap-preview__skeleton{gap:12px;display:grid}