/* Radial speed lines theme. Shared structure is owned by animeEffectEditorBase_20260920_v1.css. */

.bk-radial-speed-lines-hero,.bk-radial-speed-lines-section-wrap,.bk-radial-speed-lines-help-wrap { box-sizing: border-box; }
.bk-radial-speed-lines-hero *,.bk-radial-speed-lines-section-wrap *,.bk-radial-speed-lines-help-wrap * { box-sizing: border-box; }
.bk-radial-speed-lines-editor-heading { background: linear-gradient(135deg, #30343a 0%, #59606a 58%, #c54136 100%); }
.bk-radial-speed-lines-editor-kicker { letter-spacing: .08em; opacity: .9; }
.bk-radial-speed-lines-card-number { background: #c54136; }
.bk-radial-speed-lines-drop-zone>.fa-solid,.bk-radial-speed-lines-preset-icon { color: #c54136; }
.bk-radial-speed-lines-file-button:focus-within,.bk-radial-speed-lines-file-button:has(+.bk-radial-speed-lines-visually-hidden:focus-visible) { outline: 3px solid rgba(197,65,54,.3); outline-offset: 2px; }
.bk-radial-speed-lines-sample-picker { width: 100%; margin: 12px 0 0; background: #fbf8f7; border: 1px solid #ead8d5; border-radius: 7px; }
.bk-radial-speed-lines-sample-picker>summary,.bk-radial-speed-lines-advanced>summary { min-height: 44px; padding: 11px 13px; color: #69403b; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none; }
.bk-radial-speed-lines-sample-picker>summary::-webkit-details-marker,.bk-radial-speed-lines-advanced>summary::-webkit-details-marker { display: none; }
.bk-radial-speed-lines-sample-picker>summary::after,.bk-radial-speed-lines-advanced>summary::after { float: right; content: '+'; font-size: 20px; line-height: 1; }
.bk-radial-speed-lines-sample-picker[open]>summary::after,.bk-radial-speed-lines-advanced[open]>summary::after { content: '−'; }
.bk-radial-speed-lines-sample-picker-body,.bk-radial-speed-lines-advanced-body { padding: 0 12px 12px; }
.bk-radial-speed-lines-sample-button:focus-visible,.bk-radial-speed-lines-editor button:focus-visible,.bk-radial-speed-lines-editor a:focus-visible,.bk-radial-speed-lines-editor summary:focus-visible { outline: 3px solid rgba(197,65,54,.32); }
.bk-radial-speed-lines-source-info[hidden],.bk-radial-speed-lines-progress[hidden],.bk-radial-speed-lines-result-preview [hidden] { display: none; }
.bk-radial-speed-lines-status.is-loading .fa-solid { animation: bk-anime-effect-spin .9s linear infinite; }
.bk-radial-speed-lines-workspace-grid { grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr); gap: 0; }
.bk-radial-speed-lines-canvas-stage,.bk-radial-speed-lines-result-preview { background-image: linear-gradient(45deg,#f7f7f7 25%,transparent 25%),linear-gradient(-45deg,#f7f7f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f7f7f7 75%),linear-gradient(-45deg,transparent 75%,#f7f7f7 75%); background-position: 0 0,0 8px,8px -8px,-8px 0; }
.bk-radial-speed-lines-canvas-stage canvas,.bk-radial-speed-lines-result-preview img,.bk-radial-speed-lines-result-preview video { box-shadow: 0 3px 14px rgba(30,32,35,.2); }
.bk-radial-speed-lines-preset:hover { background: #fff5f3; border-color: #dca29c; }
.bk-radial-speed-lines-preset.is-selected { color: #6e241e; background: #fff0ed; border-color: #c54136; box-shadow: 0 0 0 2px rgba(197,65,54,.11); }
.bk-radial-speed-lines-advanced { margin-top: 12px; border: 1px solid #e6d9d7; border-radius: 7px; }
.bk-radial-speed-lines-segmented input:checked+span,.bk-radial-speed-lines-format-list input:checked+span { color: #6e241e; background: #fff0ed; border-color: #c54136; box-shadow: inset 0 0 0 1px #c54136; }
.bk-radial-speed-lines-gap-options { grid-template-columns: repeat(4,minmax(0,1fr)); }
.bk-radial-speed-lines-format-list label>span { grid-template-columns: minmax(100px,.8fr) minmax(0,1.2fr); }
.bk-radial-speed-lines-color-choice span { position: relative; padding-left: 30px; }
.bk-radial-speed-lines-color-choice span::before { position: absolute; top: 50%; left: 9px; width: 13px; height: 13px; border: 1px solid #888; border-radius: 50%; content: ''; transform: translateY(-50%); }
.bk-radial-speed-lines-color-white span::before { background: #fff; }
.bk-radial-speed-lines-color-black span::before { background: #202326; }
.bk-radial-speed-lines-color-red span::before { background: #d82b23; }
.bk-radial-speed-lines-result-grid { grid-template-columns: minmax(0,1.1fr) minmax(280px,.9fr); }
.bk-radial-speed-lines-example-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.bk-radial-speed-lines-example-card { border: 1px solid #dfcfcc; box-shadow: 0 2px 8px rgba(70,45,40,.08); }

@media (max-width: 991px) {
  .bk-radial-speed-lines-workspace-grid,.bk-radial-speed-lines-result-grid { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 767px) {
  .bk-radial-speed-lines-presets { grid-template-columns: minmax(0,1fr); }
  .bk-radial-speed-lines-gap-options,.bk-radial-speed-lines-output-size-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bk-radial-speed-lines-example-grid { grid-template-columns: minmax(0,1fr); }
}