/* Local Lucide icons and the original Open Frame identity. */
.ui-icon{display:inline-block;width:16px;height:16px;flex-shrink:0;vertical-align:-3px;pointer-events:none}
button:has(>.ui-icon){display:inline-flex;align-items:center;justify-content:center;gap:7px}
button:has(>.ui-icon):not(.primary)>.ui-icon{opacity:.85}
.tiny-icon.ui-icon{width:17px;height:17px;margin-right:6px;color:#86c5ce}
.section-heading h2,.creative-planner-heading h3{display:flex;align-items:center;gap:0}
.aside-heading .tiny-icon{margin-right:0}
.brand{gap:12px}
.brand-mark{width:40px;height:40px;background:transparent;border-radius:0;display:block}
.brand strong{font-size:18px;letter-spacing:3.5px;font-weight:650}
.brand-sub{margin-left:14px;font-size:11px;letter-spacing:.7px;color:#92a5b7}
.local-badge{border-color:#2d414d;color:#7fa7a9;background:#152127}
.upload-glyph{width:50px;height:50px;border-radius:14px;color:#96cdd3;background:#1b2b352e;border-color:#314651}
.upload-glyph>.ui-icon{width:24px;height:24px}
.style-glyph{color:#b6afd6;border-color:#3c3c55;background:#22213633}
.square-btn>.ui-icon,.settings-btn>.ui-icon{width:17px;height:17px}
.close-dialog>.ui-icon,.remove-ref>.ui-icon{width:15px;height:15px}
.creative-planner-heading .tiny-icon{color:#a5d8dd}
.result-actions button{padding-left:4px;padding-right:4px}
.result-actions .ui-icon{width:12px;height:12px}
.extract-card button{min-width:24px;min-height:24px}
.extract-card button .ui-icon{width:13px;height:13px}
.is-spinning{animation:spin 1.2s linear infinite}
@media(prefers-reduced-motion:reduce){.is-spinning{animation:none}}
@media(max-width:820px){.brand-mark{width:34px;height:34px}.brand strong{font-size:16px;letter-spacing:2.5px}.brand{gap:9px}.settings-btn>.ui-icon{width:15px;height:15px}nav button{gap:5px!important}.result-heading-actions{gap:5px}}