:root{--fundel-orange: #f06c1a;--fundel-orange-dark: #d95e14;--fundel-navy: #11212F;--fundel-heading: #1a2540;--fundel-slate: #334155;--fundel-muted: #64748B;--fundel-success: #059669;--fundel-success-bg: #ECFDF5;--fundel-error: #DC2626;--fundel-error-bg: #FEF2F2;--fundel-warning: #D97706;--fundel-warning-bg: #FFFBEB;--fundel-info: #1D5FAD;--fundel-info-bg: #EFF6FF;--fundel-role-admin: #F06C1A;--fundel-role-developer: #3B82F6;--fundel-role-employee: #16A34A;--fundel-border: #CBD5E1;--fundel-border-warm: #F0D9C4;--fundel-bg-subtle: #F8FAFC;--fundel-bg-hover: #F1F5F9;--fundel-disabled-text: #94A3B8;--fundel-disabled-bg: #F1F5F9;--fundel-input-border: #F7AC7D;--fundel-input-hover-bg: #FFF8F4;--fundel-focus: #f06c1a;--fundel-font: "Plus Jakarta Sans", system-ui, sans-serif;--fundel-mono: "DM Mono", monospace;--fundel-r-sm: 6px;--fundel-r-md: 8px;--fundel-r-lg: 12px;--fundel-r-xl: 16px;--fundel-shadow-card: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);--fundel-shadow-modal: 0 16px 48px rgba(0,0,0,.18), 0 4px 16px rgba(0,0,0,.08);--fundel-modal-xs: 320px;--fundel-modal-sm: 420px;--fundel-modal-md: 560px;--fundel-modal-lg: 720px;--fundel-modal-xl: 940px;--fundel-motion-fast: .12s ease;--fundel-motion-base: .18s ease;--fundel-motion-slow: .28s cubic-bezier(.2, .8, .2, 1);--fundel-sidebar-w: 240px;--fundel-header-h: 56px;--orange: var(--fundel-orange);--orange-dark: var(--fundel-orange-dark);--navy: var(--fundel-navy);--heading: var(--fundel-heading);--slate: var(--fundel-slate);--muted: var(--fundel-muted);--success: var(--fundel-success);--success-bg: var(--fundel-success-bg);--error: var(--fundel-error);--error-bg: var(--fundel-error-bg);--warning: var(--fundel-warning);--warning-bg: var(--fundel-warning-bg);--info: var(--fundel-info);--info-bg: var(--fundel-info-bg);--border: var(--fundel-border);--bg-subtle: var(--fundel-bg-subtle);--bg-hover: var(--fundel-bg-hover);--disabled-text: var(--fundel-disabled-text);--disabled-bg: var(--fundel-disabled-bg);--input-border: var(--fundel-input-border);--input-hover-bg: var(--fundel-input-hover-bg);--focus: var(--fundel-focus);--font: var(--fundel-font);--mono: var(--fundel-mono);--r-sm: var(--fundel-r-sm);--r-md: var(--fundel-r-md);--r-lg: var(--fundel-r-lg);--r-xl: var(--fundel-r-xl);--shadow-card: var(--fundel-shadow-card);--shadow-modal: var(--fundel-shadow-modal);--sidebar-w: var(--fundel-sidebar-w);--header-h: var(--fundel-header-h);--modal-xs: var(--fundel-modal-xs);--modal-sm: var(--fundel-modal-sm);--modal-md: var(--fundel-modal-md);--modal-lg: var(--fundel-modal-lg);--modal-xl: var(--fundel-modal-xl);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: var(--fundel-r-sm);--radius-md: var(--fundel-r-md);--radius-lg: var(--fundel-r-lg);--radius-xl: var(--fundel-r-xl);--radius-full: 9999px;--fundel-white: #FFFFFF;--fundel-line: #E2E8F0;--fundel-near: #F8F9FC;--fundel-near-2: #EEF2F7;--fundel-orange-light-bg: #FFF3ED;--fundel-orange-hover-bg: #FFF8F4;--fundel-cool-gray: #E8ECF4;--fundel-biz-light: #F4F8FE;--transition-base: .16s ease;--transition-hover: .18s ease;--transition-slow: .28s cubic-bezier(.2, .8, .2, 1);--shadow-soft: 0 2px 8px rgba(17,33,47,.06);--shadow-md: 0 8px 24px rgba(17,33,47,.09);--shadow-elevated: 0 18px 55px rgba(17,33,47,.12);--font-sans: var(--fundel-font);--font-mono: var(--fundel-mono);--bg-app: linear-gradient(168deg, #FFF 0%, #FBF5EA 40%, #F8F0DC 100%)}*,*:before,*:after{font-family:var(--fundel-font)}code,pre,kbd,samp,.mono{font-family:var(--fundel-mono)}button,input,select,textarea{font-family:inherit}.fundel-tilt-card{position:relative;transition:transform .7s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d;will-change:transform}.fundel-tilt-card:hover{transform:perspective(820px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-4px)}.fundel-tilt-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--gx, 50%) var(--gy, 50%),rgba(240,108,26,.14),transparent 60%);transition:opacity .25s cubic-bezier(.2,.7,.2,1)}.fundel-tilt-card:hover:after{opacity:1}.fundel-tilt-card:not(:hover){transform:perspective(820px) rotateX(0) rotateY(0) translateY(0)}.fundel-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--space-4) var(--space-5);border:1px solid var(--fundel-line);border-radius:var(--radius-lg);background:#ffffffeb;box-shadow:0 18px 50px #11212f1a}.fundel-header__brand{display:flex;align-items:center;gap:var(--space-4);justify-self:center}.fundel-header__title{margin:0;color:var(--fundel-heading);font-size:clamp(22px,3vw,38px);font-weight:800;letter-spacing:-.04em}.fundel-back-to-hub{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-full);background:var(--fundel-orange);border:1px solid var(--fundel-orange);color:var(--fundel-white);text-decoration:none;font-size:13px;font-weight:600;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.fundel-back-to-hub:hover{background:var(--fundel-orange-dark);border-color:var(--fundel-orange-dark);box-shadow:0 4px 16px #f9731640;transform:translateY(-1px)}@media(max-width:640px){.fundel-back-to-hub span{display:none}.fundel-back-to-hub{padding:8px 10px}}.fundel-lang-toggle{justify-self:end;display:inline-flex;gap:4px;background:var(--fundel-near);border:1px solid var(--fundel-line);border-radius:var(--radius-full);padding:4px}.fundel-lang-btn{min-width:40px;height:30px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--fundel-navy);cursor:pointer;font-size:12px;font-weight:900;letter-spacing:.05em;transition:background var(--transition-base),color var(--transition-base)}.fundel-lang-btn--active{background:var(--fundel-orange);color:var(--fundel-white);box-shadow:0 2px 8px #f9731633}.fundel-lang-btn:not(.fundel-lang-btn--active):hover{background:#f9731614;color:var(--fundel-orange-dark)}.fundel-panel{border:1px solid rgba(249,115,22,.12);border-radius:var(--radius-lg);background:#fffffff0;box-shadow:0 4px 24px #11212f0f,0 1px 3px #11212f0a;position:relative;overflow:visible}.fundel-panel:before{content:"";position:absolute;top:0;left:var(--space-4);right:var(--space-4);height:3px;background:linear-gradient(90deg,#f97316,#ffb37a,#f97316);border-radius:0 0 3px 3px}.fundel-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-full);cursor:pointer;font-size:13px;font-weight:900;padding:12px 16px;border:1px solid transparent;transition:transform var(--transition-hover),box-shadow var(--transition-hover),background var(--transition-hover),border-color var(--transition-hover)}.fundel-button:hover{transform:translateY(-2px)}.fundel-button:active{transform:translateY(0)}.fundel-button--primary{background:var(--fundel-orange);color:var(--fundel-white);border-color:var(--fundel-orange);box-shadow:0 12px 26px #f9731638}.fundel-button--primary:hover{background:var(--fundel-orange-dark);border-color:var(--fundel-orange-dark)}.fundel-button--secondary{background:var(--fundel-white);color:var(--fundel-navy);border-color:var(--fundel-line)}.fundel-button--secondary:hover{border-color:var(--fundel-orange);box-shadow:0 4px 12px #f973161f}.fundel-button--ghost{background:transparent;color:var(--fundel-navy);border-color:var(--fundel-line)}.fundel-button--ghost:hover{background:#f973160f;border-color:var(--fundel-orange)}.fundel-header__actions{justify-self:end;display:inline-flex;align-items:center;gap:var(--space-2)}.fundel-header__actions .fundel-lang-toggle{justify-self:auto}.fundel-button--destructive{background:var(--fundel-error);color:var(--fundel-white);border-color:var(--fundel-error)}.fundel-button--destructive:hover{background:#b91c1c;border-color:#b91c1c}.fundel-button--destructive:disabled{background:var(--fundel-disabled-bg);color:var(--fundel-disabled-text);border-color:var(--fundel-disabled-bg);cursor:not-allowed;transform:none;box-shadow:none}.fundel-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#11212f8c;animation:fundel-fade-in .2s ease}@keyframes fundel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fundel-slide-up{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.fundel-modal__box{position:relative;background:var(--fundel-white);border-radius:var(--radius-lg);box-shadow:var(--fundel-shadow-modal, 0 24px 64px rgba(17, 33, 47, .18));width:90vw;max-width:560px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:fundel-slide-up .25s ease}.fundel-modal__box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--fundel-orange);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.fundel-modal__box--sm{max-width:420px}.fundel-modal__box--lg{max-width:720px}.fundel-modal__box--xl{max-width:1000px}.fundel-modal__header{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;padding:var(--space-5) var(--space-6);padding-top:calc(var(--space-5) + 3px);border-bottom:1px solid var(--fundel-border)}.fundel-modal__title{margin:0;font-size:22px;font-weight:800;color:var(--fundel-heading);text-align:center}.fundel-modal__header:before{content:""}.fundel-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--fundel-muted);cursor:pointer;transition:background var(--transition-base),color var(--transition-base)}.fundel-modal__close:hover{background:var(--fundel-orange-hover-bg);color:var(--fundel-orange)}.fundel-modal__body{padding:var(--space-6);overflow-y:auto;flex:1}.fundel-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--fundel-border)}.fundel-confirm__message{margin:0;color:var(--fundel-slate);font-size:14px;line-height:1.6}.fundel-confirm__actions{display:flex;gap:var(--space-3);justify-content:flex-end;width:100%}.fundel-toast-container{position:fixed;top:var(--space-5);right:var(--space-5);z-index:2000;display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}@keyframes fundel-toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fundel-toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.fundel-toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border-left:4px solid;box-shadow:0 8px 24px #11212f1f;min-width:300px;max-width:420px;animation:fundel-toast-in .3s ease}.fundel-toast--exit{animation:fundel-toast-out .3s ease forwards}.fundel-toast--success{background:var(--fundel-success-bg);border-left-color:var(--fundel-success);color:var(--fundel-success)}.fundel-toast--error{background:var(--fundel-error-bg);border-left-color:var(--fundel-error);color:var(--fundel-error)}.fundel-toast--warning{background:var(--fundel-warning-bg);border-left-color:var(--fundel-warning);color:var(--fundel-warning)}.fundel-toast--info{background:var(--fundel-info-bg);border-left-color:var(--fundel-info);color:var(--fundel-info)}.fundel-toast__icon{display:flex;flex-shrink:0}.fundel-toast__message{flex:1;font-size:14px;font-weight:500;color:var(--fundel-heading)}.fundel-toast__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:var(--fundel-muted);cursor:pointer;flex-shrink:0;transition:color var(--transition-base)}.fundel-toast__close:hover{color:var(--fundel-heading)}.fundel-button--sm{font-size:12px;padding:8px 12px}.fundel-button--md{font-size:13px;padding:12px 16px}.fundel-button--lg{font-size:15px;padding:14px 24px}.fundel-button__icon{display:flex;align-items:center;flex-shrink:0}.fundel-button:disabled{background:var(--fundel-disabled-bg);color:var(--fundel-disabled-text);border-color:var(--fundel-disabled-bg);cursor:not-allowed;transform:none;box-shadow:none}.fundel-input-wrapper{display:flex;flex-direction:column;gap:4px}.fundel-input-label{font-size:11px;font-weight:600;color:var(--fundel-heading);letter-spacing:.03em}.fundel-input-required{color:var(--fundel-error);margin-left:2px}.fundel-input{height:44px;padding:0 var(--space-3);border:1px solid var(--fundel-border);border-radius:var(--radius-sm);background:var(--fundel-white);color:var(--fundel-heading);font-size:14px;font-family:var(--fundel-font);transition:border-color var(--transition-base),box-shadow var(--transition-base);outline:none}.fundel-input::placeholder{color:var(--fundel-muted);font-style:italic;font-weight:400}.fundel-input:focus{border-color:var(--fundel-orange);outline:2.5px solid var(--fundel-orange);outline-offset:2px}.fundel-input--error{border-color:var(--fundel-error)}.fundel-input--error:focus{border-color:var(--fundel-error);outline-color:var(--fundel-error)}.fundel-input-wrapper--disabled .fundel-input{background:var(--fundel-disabled-bg);color:var(--fundel-disabled-text);cursor:not-allowed}.fundel-input-error{margin:0;font-size:12px;color:var(--fundel-error)}.fundel-input-helper{margin:0;font-size:12px;color:var(--fundel-muted)}.fundel-dropdown-wrapper{display:flex;flex-direction:column;gap:4px;position:relative}.fundel-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 var(--space-3);border:1px solid var(--fundel-border);border-radius:var(--radius-sm);background:var(--fundel-white);font-size:14px;font-family:var(--fundel-font);color:var(--fundel-heading);cursor:pointer;transition:border-color var(--transition-base),box-shadow var(--transition-base);outline:none}.fundel-dropdown-trigger:focus{border-color:var(--fundel-orange);outline:2.5px solid var(--fundel-orange);outline-offset:2px}.fundel-dropdown-trigger--error{border-color:var(--fundel-error)}.fundel-dropdown-trigger--open{border-color:var(--fundel-orange)}.fundel-dropdown-trigger:disabled{background:var(--fundel-disabled-bg);color:var(--fundel-disabled-text);cursor:not-allowed}.fundel-dropdown-placeholder{color:var(--fundel-muted)}.fundel-dropdown-value{color:var(--fundel-heading)}.fundel-dropdown-chevron{color:var(--fundel-muted);transition:transform var(--transition-base);flex-shrink:0}.fundel-dropdown-chevron--open{transform:rotate(180deg)}.fundel-dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:100;margin:4px 0 0;padding:4px;list-style:none;background:var(--fundel-white);border:1px solid var(--fundel-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:240px;overflow-y:auto}.fundel-dropdown-option{display:flex;align-items:center;justify-content:space-between;padding:10px var(--space-3);border-radius:6px;font-size:14px;color:var(--fundel-slate);cursor:pointer;transition:background var(--transition-base),color var(--transition-base)}.fundel-dropdown-option:hover{background:var(--fundel-orange-light-bg);color:var(--fundel-heading)}.fundel-dropdown-option--selected{color:var(--fundel-orange);font-weight:600}.fundel-dropdown-option--disabled{color:var(--fundel-disabled-text);cursor:not-allowed}.fundel-dropdown-option--disabled:hover{background:transparent;color:var(--fundel-disabled-text)}.fundel-card{border:1px solid var(--fundel-border);border-radius:var(--radius-sm);background:var(--fundel-white);overflow:hidden;transition:border-color var(--transition-hover),box-shadow var(--transition-hover)}.fundel-card--clickable{cursor:pointer}.fundel-card--clickable:hover{border-color:var(--fundel-orange);box-shadow:0 4px 16px #f06c1a1a}.fundel-card--active{border-color:var(--fundel-orange);box-shadow:0 0 0 2px #f06c1a33}.fundel-card__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--fundel-border)}.fundel-card__body{padding:var(--space-4) var(--space-5)}.fundel-card__footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--fundel-border);display:flex;align-items:center;gap:var(--space-3)}.fundel-compact-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);transition:background var(--transition-base)}.fundel-compact-card:hover{background:var(--fundel-bg-hover)}.fundel-compact-card--inactive{opacity:.55}.fundel-compact-card__avatar{flex-shrink:0}.fundel-compact-card__content{display:flex;flex-direction:column;min-width:0;flex:1}.fundel-compact-card__title{font-size:14px;font-weight:600;color:var(--fundel-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fundel-compact-card__subtitle{font-size:12px;color:var(--fundel-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fundel-compact-card__badge{flex-shrink:0}.fundel-table-wrapper{overflow-x:auto;border:1px solid var(--fundel-border);border-radius:var(--radius-sm)}.fundel-table{width:100%;border-collapse:collapse;font-size:14px}.fundel-table__th{text-align:left;padding:var(--space-3) var(--space-4);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--fundel-muted);background:var(--fundel-bg-subtle);border-bottom:1px solid var(--fundel-border);white-space:nowrap}.fundel-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.fundel-table__th--sortable:hover{color:var(--fundel-orange)}.fundel-table__th-content{display:inline-flex;align-items:center;gap:4px}.fundel-table__sort-icon{flex-shrink:0}.fundel-table__td{padding:var(--space-3) var(--space-4);color:var(--fundel-slate);border-bottom:1px solid var(--fundel-border)}.fundel-table__tr:last-child .fundel-table__td{border-bottom:none}.fundel-table__tr--striped{background:var(--fundel-bg-subtle)}.fundel-table__tr--clickable{cursor:pointer}.fundel-table__tr--clickable:hover{background:var(--fundel-orange-light-bg)}.fundel-table__empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--fundel-muted);font-style:italic}.fundel-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;white-space:nowrap}.fundel-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.fundel-badge--default{background:var(--fundel-bg-hover);color:var(--fundel-slate)}.fundel-badge--success{background:var(--fundel-success-bg);color:var(--fundel-success)}.fundel-badge--error{background:var(--fundel-error-bg);color:var(--fundel-error)}.fundel-badge--warning{background:var(--fundel-warning-bg);color:var(--fundel-warning)}.fundel-badge--info{background:var(--fundel-info-bg);color:var(--fundel-info)}.fundel-badge--orange{background:var(--fundel-orange-light-bg);color:var(--fundel-orange)}.fundel-avatar{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--fundel-white);overflow:hidden;flex-shrink:0;object-fit:cover}.fundel-avatar--orange{background:var(--fundel-orange)}.fundel-avatar--navy{background:var(--fundel-navy)}.fundel-avatar--slate{background:var(--fundel-slate)}.fundel-avatar--muted{background:var(--fundel-muted)}.fundel-avatar--fmark{background:var(--fundel-bg-subtle);border:1px solid var(--fundel-border)}.fundel-divider{border:none;margin:var(--space-4) 0}.fundel-divider--subtle{height:1px;background:var(--fundel-border)}.fundel-divider--thick{height:2px;background:var(--fundel-border)}.fundel-divider--orange{height:2px;background:var(--fundel-orange)}.fundel-divider--labeled{display:flex;align-items:center;gap:var(--space-3)}.fundel-divider__line{flex:1;height:1px;background:var(--fundel-border)}.fundel-divider__label{font-size:12px;font-weight:600;color:var(--fundel-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.fundel-tab-nav{display:flex;gap:0;border-bottom:2px solid var(--fundel-border)}.fundel-tab-nav__tab{display:inline-flex;align-items:center;gap:6px;padding:var(--space-3) var(--space-4);border:none;background:transparent;font-size:14px;font-weight:500;color:var(--fundel-slate);cursor:pointer;position:relative;transition:color var(--transition-base);font-family:var(--fundel-font);margin-bottom:-2px;border-bottom:2px solid transparent}.fundel-tab-nav__tab:hover{color:var(--fundel-orange)}.fundel-tab-nav__tab--active{color:var(--fundel-orange);border-bottom-color:var(--fundel-orange);font-weight:600}.fundel-tab-nav__icon{display:flex;align-items:center}.fundel-search-field{position:relative;display:flex;align-items:center}.fundel-search-field__icon{position:absolute;left:var(--space-3);color:var(--fundel-muted);pointer-events:none}.fundel-search-field__input{width:100%;height:44px;padding:0 var(--space-8) 0 40px;border:1px solid var(--fundel-border);border-radius:var(--radius-sm);background:var(--fundel-white);font-size:14px;font-family:var(--fundel-font);color:var(--fundel-heading);outline:none;transition:border-color var(--transition-base)}.fundel-search-field__input::placeholder{color:var(--fundel-muted);font-style:italic;font-weight:400}.fundel-search-field__input:focus{border-color:var(--fundel-orange);outline:2.5px solid var(--fundel-orange);outline-offset:2px}.fundel-search-field__clear{position:absolute;right:var(--space-2);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--fundel-muted);cursor:pointer;transition:color var(--transition-base),background var(--transition-base)}.fundel-search-field__clear:hover{color:var(--fundel-heading);background:var(--fundel-bg-hover)}.fundel-spinner{animation:fundel-spin .8s linear infinite;color:var(--fundel-orange)}@keyframes fundel-spin{to{transform:rotate(360deg)}}.fundel-skeleton{background:linear-gradient(90deg,var(--fundel-bg-hover) 25%,var(--fundel-bg-subtle) 50%,var(--fundel-bg-hover) 75%);background-size:200% 100%;animation:fundel-shimmer 1.5s ease infinite}@keyframes fundel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fundel-skeleton-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--fundel-border);border-radius:var(--radius-sm)}.fundel-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.fundel-empty-state__icon{color:var(--fundel-muted);margin-bottom:var(--space-4)}.fundel-empty-state__title{margin:0 0 var(--space-2);font-size:16px;font-weight:600;color:var(--fundel-heading)}.fundel-empty-state__description{margin:0 0 var(--space-5);font-size:14px;color:var(--fundel-muted);max-width:320px}.fundel-empty-state__action{margin-top:var(--space-2)}.fundel-pagination{display:flex;align-items:center;gap:var(--space-1)}.fundel-pagination__btn{padding:var(--space-2) var(--space-3);border:1px solid var(--fundel-border);border-radius:var(--radius-sm);background:var(--fundel-white);font-size:13px;font-family:var(--fundel-font);color:var(--fundel-slate);cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base)}.fundel-pagination__btn:hover:not(:disabled){border-color:var(--fundel-orange);color:var(--fundel-orange)}.fundel-pagination__btn:disabled{color:var(--fundel-disabled-text);cursor:not-allowed}.fundel-pagination__page{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;font-size:14px;font-family:var(--fundel-font);color:var(--fundel-slate);cursor:pointer;transition:background var(--transition-base),color var(--transition-base)}.fundel-pagination__page:hover{background:var(--fundel-bg-hover)}.fundel-pagination__page--active{background:var(--fundel-orange);color:var(--fundel-white);font-weight:600}.fundel-pagination__page--active:hover{background:var(--fundel-orange-dark)}.fundel-pagination__dots{padding:0 var(--space-1);color:var(--fundel-muted)}.fundel-checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:14px;color:var(--fundel-slate)}.fundel-checkbox--disabled{opacity:.5;cursor:not-allowed}.fundel-checkbox__input{position:absolute;opacity:0;width:0;height:0}.fundel-checkbox__box{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--fundel-border);border-radius:4px;background:var(--fundel-white);color:transparent;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base);flex-shrink:0}.fundel-checkbox__input:checked+.fundel-checkbox__box{background:var(--fundel-orange);border-color:var(--fundel-orange);color:var(--fundel-white)}.fundel-checkbox__input:focus-visible+.fundel-checkbox__box{outline:2.5px solid var(--fundel-orange);outline-offset:2px}.fundel-checkbox__label{-webkit-user-select:none;user-select:none}.fundel-toggle{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.fundel-toggle--disabled{opacity:.5;cursor:not-allowed}.fundel-toggle__track{position:relative;width:44px;height:24px;border:none;border-radius:var(--radius-full);background:var(--fundel-border);cursor:pointer;padding:0;transition:background var(--transition-base)}.fundel-toggle__track--on{background:var(--fundel-orange)}.fundel-toggle__track:focus-visible{outline:2.5px solid var(--fundel-orange);outline-offset:2px}.fundel-toggle__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--fundel-white);box-shadow:0 1px 3px #00000026;transition:transform var(--transition-base)}.fundel-toggle__track--on .fundel-toggle__thumb{transform:translate(20px)}.fundel-toggle__label{font-size:14px;color:var(--fundel-slate);-webkit-user-select:none;user-select:none}.fundel-modal__title-group{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.task-widget-fab{position:fixed;bottom:24px;right:24px;z-index:900;width:52px;height:52px;border:none;border-radius:50%;background:var(--fundel-orange);color:var(--fundel-white);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #f06c1a59;transition:transform .15s ease,box-shadow .15s ease}.task-widget-fab:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f06c1a66}.task-widget-fab__badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:var(--fundel-error);color:var(--fundel-white);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px}.task-widget{position:fixed;bottom:24px;right:24px;z-index:900;width:360px;max-height:520px;background:var(--fundel-white);border:1px solid var(--fundel-border);border-radius:12px;box-shadow:0 12px 40px #11212f26;display:flex;flex-direction:column;overflow:hidden}.task-widget__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--fundel-border);background:var(--fundel-orange)}.task-widget__title{margin:0;font-size:15px;font-weight:700;color:var(--fundel-white)}.task-widget__header-actions{display:flex;gap:4px}.task-widget__btn{border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.task-widget__btn--icon{width:28px;height:28px;border-radius:6px;color:var(--fundel-white);transition:background .15s ease}.task-widget__btn--icon:hover{background:#fff3}.task-widget__input-row{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--fundel-border)}.task-widget__input{flex:1;height:36px;border:1px solid var(--fundel-border);border-radius:8px;padding:0 12px;font-size:13px;font-family:var(--fundel-font);outline:none;color:var(--fundel-heading)}.task-widget__input:focus{border-color:var(--fundel-orange)}.task-widget__input::placeholder{color:var(--fundel-muted)}.task-widget__btn--add{width:36px;height:36px;border-radius:8px;background:var(--fundel-orange);color:var(--fundel-white);font-size:20px;font-weight:700;flex-shrink:0;transition:background .15s ease}.task-widget__btn--add:hover{background:var(--fundel-orange-dark)}.task-widget__list{overflow-y:auto;flex:1;padding:8px 0}.task-widget__empty{text-align:center;color:var(--fundel-muted);font-size:13px;padding:16px;margin:0}.task-widget__item{display:flex;align-items:center;gap:10px;padding:8px 16px;transition:background .1s ease}.task-widget__item:hover{background:#fff8f4}.task-widget__check{width:20px;height:20px;border-radius:50%;border:2px solid var(--fundel-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s ease;padding:0}.task-widget__check:hover{border-color:var(--fundel-orange)}.task-widget__check-circle{width:8px;height:8px;border-radius:50%;background:transparent;transition:background .15s ease}.task-widget__check:hover .task-widget__check-circle{background:var(--fundel-orange)}.task-widget__check--done{border-color:var(--fundel-success);background:var(--fundel-success);color:var(--fundel-white)}.task-widget__item-text{flex:1;font-size:13px;color:var(--fundel-heading);line-height:1.4}.task-widget__item--done .task-widget__item-text{text-decoration:line-through;color:var(--fundel-muted)}.task-widget__btn--delete{width:24px;height:24px;border-radius:4px;color:var(--fundel-muted);opacity:0;transition:opacity .15s ease,color .15s ease}.task-widget__item:hover .task-widget__btn--delete{opacity:1}.task-widget__btn--delete:hover{color:var(--fundel-error)}.task-widget__toggle-completed{display:block;width:100%;border:none;background:transparent;padding:8px 16px;font-size:12px;font-weight:600;color:var(--fundel-muted);cursor:pointer;text-align:left;font-family:var(--fundel-font);border-top:1px solid var(--fundel-border)}.task-widget__toggle-completed:hover{color:var(--fundel-orange)}.task-widget__list--completed{padding-top:0}.task-widget__sort,.task-widget__cat-select{height:30px;padding:0 8px;border:1px solid var(--fundel-border);border-radius:7px;font-size:12px;font-family:var(--fundel-font);background:#fff8f4;color:var(--fundel-heading)}.task-widget__icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:6px;background:#ffffff26;color:#fff;cursor:pointer}.task-widget__category{padding:8px 12px 0}.task-widget__add{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid var(--fundel-border)}.task-widget__add-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:7px;background:var(--fundel-orange);color:#fff;cursor:pointer;flex-shrink:0}.task-widget__item-body{display:flex;align-items:center;gap:5px;flex:1;min-width:0}.task-widget__delete{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:4px;background:transparent;color:var(--fundel-muted);cursor:pointer;opacity:0;transition:opacity .1s,color .1s}.task-widget__item:hover .task-widget__delete{opacity:1}.task-widget__completed-section{border-top:1px solid var(--fundel-border);padding:8px 12px}.task-widget__completed-toggle{border:none;background:transparent;font-size:12px;font-weight:600;color:var(--fundel-muted);cursor:pointer;font-family:var(--fundel-font);padding:0}.task-widget__completed-list{margin-top:6px;display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto}select{font-family:var(--fundel-font)}.task-widget__export{position:relative;display:inline-flex}.task-widget__export-menu{position:absolute;right:0;top:30px;z-index:20;display:flex;min-width:220px;flex-direction:column;padding:4px 0;border:1.5px solid #F7AC7D;border-radius:0 0 8px 8px;background:#fff;box-shadow:0 16px 32px #14181f29;color:var(--fundel-heading)}.task-widget__export-menu>button{width:100%;padding:8px 12px;border:0;border-left:2px solid transparent;background:transparent;color:var(--fundel-heading);font-family:var(--fundel-font);font-size:13px;text-align:left;cursor:pointer}.task-widget__export-menu>button:hover{border-left-color:#f06c1a;background:#fff8f4;font-weight:500}.task-widget__category-select{display:flex;max-height:220px;flex-direction:column;gap:2px;overflow:auto;padding:6px 10px 10px;border-top:1px solid #F7AC7D;background:#fff}.task-widget__category-option{display:flex;align-items:center;gap:8px;padding:6px 4px;border-left:2px solid transparent;border-radius:4px;color:var(--fundel-heading);font-size:12px;cursor:pointer}.task-widget__category-option:hover{border-left-color:#f06c1a;background:#fff8f4;font-weight:500}.task-widget__category-option input{accent-color:#f06c1a}.task-widget__copy-selected{margin-top:6px;align-self:flex-start;padding:6px 12px!important;border:0!important;border-radius:999px!important;background:var(--fundel-orange)!important;color:#fff!important;font-weight:700!important;text-align:center!important}.task-widget__copy-selected:disabled{cursor:not-allowed;opacity:.45}.task-widget__toast{position:absolute;right:14px;top:48px;z-index:30;padding:8px 12px;border-radius:999px;background:var(--fundel-heading);color:#fff;font-size:12px;font-weight:700;box-shadow:0 10px 24px #14181f33}.task-widget__icon-btn:hover{opacity:.8}:root{--bl-orange: #f97316;--bl-orange-hover: #ea6c0a;--bl-canvas: #fffdf9;--bl-surface: #ffffff;--bl-surface-subtle: #f1f6fa;--bl-text: #1a2540;--bl-text-secondary: #334155;--bl-muted: #64748b;--bl-border: #e4edf3;--bl-border-strong: #d8e5ee;--bl-navy: #11212f;--bl-elevated: #ffffff;--bl-shadow-card: 0 2px 5px rgba(17, 33, 47, .045), 0 10px 24px rgba(17, 33, 47, .075);--bl-shadow-popover: 0 12px 36px rgba(17, 33, 47, .16);font-family:"Plus Jakarta Sans",var(--fundel-font, system-ui),sans-serif;color:var(--bl-text);background:var(--bl-canvas)}:root[data-bl-theme=dark]{--bl-canvas: #0d1a27;--bl-surface: #132234;--bl-surface-subtle: #1a2d3f;--bl-elevated: #1a2d3f;--bl-text: #e2e8f0;--bl-text-secondary: #cbd5e1;--bl-muted: #94a3b8;--bl-border: rgba(255, 255, 255, .1);--bl-border-strong: rgba(255, 255, 255, .14);--bl-shadow-card: 0 3px 16px rgba(0, 0, 0, .18);--bl-shadow-popover: 0 16px 44px rgba(0, 0, 0, .36)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bl-canvas);color:var(--bl-text);transition:background .2s,color .2s}button,input{font:inherit}button{color:inherit}.bl-app{position:relative;min-height:100vh;display:grid;grid-template-rows:auto auto minmax(320px,1fr) auto;overflow-x:clip;isolation:isolate}.ambient-glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 980px 600px at 94% 0,rgba(249,115,22,.18),transparent 68%),linear-gradient(135deg,rgba(255,255,255,.96),transparent 50%)}[data-bl-theme=dark] .ambient-glow{background:radial-gradient(ellipse 1100px 720px at 94% 0,rgba(249,115,22,.3),transparent 72%),linear-gradient(135deg,rgba(13,26,39,.15),transparent 54%)}.bl-header{min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:7px 24px;position:sticky;top:0;z-index:100;border-bottom:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition:min-height .18s ease,padding .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.bl-header.is-scrolled{min-height:50px;padding-block:5px;border-bottom:1px solid color-mix(in srgb,var(--bl-border-strong) 86%,transparent);background:color-mix(in srgb,var(--bl-canvas) 86%,transparent);-webkit-backdrop-filter:blur(14px) saturate(125%);backdrop-filter:blur(14px) saturate(125%);box-shadow:0 6px 18px #11212f0f}.bl-header.is-scrolled .brand-title{gap:0}.bl-header.is-scrolled .brand-title h1{display:none}.bl-header.is-scrolled .brand-title>svg{height:31px}[data-bl-theme=dark] .bl-header.is-scrolled{background:#0d1a27d1;border-bottom-color:#ffffff1f;box-shadow:0 8px 24px #0000002e}[data-bl-theme=dark] .bl-header{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.brand-back{width:fit-content;display:inline-flex;align-items:center;gap:4px;padding:8px 15px 8px 10px;border-radius:999px;background:var(--bl-orange);color:#fff;text-decoration:none;font-size:11px;font-weight:700}.brand-back svg{display:block;transform:rotate(180deg)}.brand-title{display:flex;align-items:center;justify-content:center;gap:13px}.brand-title>svg{flex:0 0 auto}.bl-header h1{margin:0;font-size:clamp(21px,3vw,36px);line-height:1;letter-spacing:-.055em;font-weight:800}.header-controls{justify-self:end;display:flex;align-items:center;gap:9px}.segmented-control,.theme-toggle{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--bl-border-strong);border-radius:999px;background:var(--bl-surface-subtle)}.segmented-control button{border:0;background:transparent;border-radius:999px;padding:4px 12px;color:var(--bl-muted);cursor:pointer;font-size:11px;font-weight:700}.segmented-control button.active{color:#fff;background:var(--bl-orange)}.theme-toggle{gap:1px;padding:3px;border:1px solid color-mix(in srgb,var(--bl-border-strong) 72%,transparent);background:color-mix(in srgb,var(--bl-surface) 44%,transparent);box-shadow:inset 0 1px #ffffff73;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-bl-theme=dark] .theme-toggle{box-shadow:none;background:#1322349e}.theme-toggle span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:var(--bl-muted);transition:color .15s,background .15s,transform .15s,box-shadow .15s}.theme-toggle span.active{color:var(--bl-orange);background:color-mix(in srgb,var(--bl-surface) 90%,transparent);box-shadow:0 2px 8px #11212f24,inset 0 0 0 1px #f973161f;transform:scale(1.04)}.logout-button{width:34px;height:34px;border:0;border-radius:8px;color:#dc2626;background:#dc26261f;cursor:pointer;display:grid;place-items:center;transition:.15s}.logout-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc262647}.nav-primary{position:relative;z-index:2;display:flex;align-items:flex-end;overflow-x:auto;scrollbar-width:none;padding-inline:28px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}[data-bl-theme=dark] .nav-primary{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.nav-primary::-webkit-scrollbar{display:none}.nav-primary{justify-content:center;min-height:48px}.nav-primary button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:14px 5px 12px;margin-right:24px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--bl-muted);font-size:13px;font-weight:600;cursor:pointer;transition:.1s;text-transform:capitalize}.nav-primary button{padding-inline:20px}.nav-resource-icon{width:18px;height:18px;display:inline-grid;place-items:center;flex:0 0 auto}.nav-primary button:hover{color:var(--bl-text)}.nav-primary button.active{color:var(--bl-text);border-bottom-color:var(--bl-orange);font-weight:700}.nav-primary button span{padding:2px 6px;border-radius:999px;background:var(--bl-surface-subtle);color:var(--bl-muted);font-size:10px}.nav-primary button.active span{color:var(--bl-orange);background:#f973161a}.bl-content{grid-row:3;width:100%;max-width:2140px;margin:0 auto;padding:20px 84px 132px 28px;min-width:0}.library-stage{min-width:0}.library-toolbar-wrap{position:fixed;left:50%;bottom:58px;z-index:200;width:fit-content;max-width:calc(100vw - 32px);margin:0;display:flex;align-items:center;justify-content:center;transform:translate(-50%)}.library-toolbar-wrap.is-collapsed{width:32px;min-height:60px}.toolbar-collapse-tab{position:absolute;left:50%;top:calc(100% + 4px);z-index:2;width:44px!important;height:20px!important;display:grid;place-items:center;border:1px solid rgba(249,115,22,.18)!important;border-top:0!important;border-radius:0 0 10px 10px!important;background:color-mix(in srgb,var(--bl-surface) 94%,transparent)!important;color:var(--bl-orange)!important;box-shadow:0 7px 18px #11212f14;cursor:pointer;transform:translate(-50%)}.toolbar-collapse-tab svg{transform:rotate(90deg)}.toolbar-collapse-tab svg{transition:transform .15s ease}.library-toolbar-wrap.is-collapsed .toolbar-collapse-tab{position:static;transform:none;border-top:1px solid rgba(249,115,22,.18)!important;border-radius:10px!important}.library-toolbar-wrap.is-collapsed .toolbar-collapse-tab svg{transform:rotate(-90deg)}.library-toolbar{min-height:60px;display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:8px;border:1px solid rgba(249,115,22,.2);border-radius:17px;background:var(--bl-surface);box-shadow:0 5px 12px #11212f12,0 16px 32px #11212f17,inset 0 1px #ffffffb8}[data-bl-theme=dark] .library-toolbar{background:#132234c7;border-color:#f9731657;box-shadow:0 12px 34px #00000047}.toolbar-action-group{display:flex;align-items:center;gap:3px}.library-toolbar>.toolbar-divider{width:1px;height:32px;margin:0 2px;background:color-mix(in srgb,var(--bl-border-strong) 84%,transparent)}.library-toolbar button{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--bl-border);border-radius:11px;background:var(--bl-surface);color:var(--bl-text-secondary);cursor:pointer;transition:color .14s ease,background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}.library-toolbar button:hover{border-color:#f9731638;background:#f9731614;color:var(--bl-orange);transform:translateY(-1px)}.library-toolbar button:focus-visible{outline:3px solid rgba(249,115,22,.22);outline-offset:2px}.library-toolbar button.active{border-color:#f9731642;background:#f973161c;color:var(--bl-orange);box-shadow:inset 0 0 0 1px #f973160f}.library-toolbar .toolbar-icon-search{color:#2563eb}.library-toolbar .toolbar-icon-star{color:#eab308}.library-toolbar .toolbar-icon-clock{color:#64748b}.library-toolbar .toolbar-icon-clipboard{color:#f97316}.library-toolbar .toolbar-preview-theme{color:#f59e0b}.library-toolbar .toolbar-generate{color:#fff}.toolbar-view-toggle{display:flex;gap:3px;padding:3px;border:1px solid var(--bl-border);border-radius:12px;background:var(--bl-surface-subtle)}.toolbar-view-toggle button{width:38px;height:38px;border-radius:9px}.toolbar-view-toggle button.active{border-color:#f9731633;background:var(--bl-surface);color:var(--bl-orange);box-shadow:0 3px 10px #11212f1a}.library-toolbar .toolbar-preview-theme{background:var(--bl-surface-subtle)}.library-toolbar .toolbar-generate{border-color:var(--bl-orange);background:linear-gradient(135deg,var(--bl-orange),#ff8a38);color:#fff;box-shadow:0 5px 14px #f9731642}.library-toolbar .toolbar-generate:hover{border-color:var(--bl-orange-hover);background:linear-gradient(135deg,var(--bl-orange-hover),var(--bl-orange));color:#fff;box-shadow:0 7px 18px #f9731657}.library-toolbar .toolbar-select{color:#0ea5e9}.library-toolbar .toolbar-select.active{color:#fff;background:var(--bl-orange);border-color:var(--bl-orange)}.library-navigator{position:fixed;right:22px;top:50%;z-index:160;width:320px;max-height:min(76vh,800px);display:flex;flex-direction:column;overflow:visible;border:1px solid rgba(216,229,238,.9);border-radius:16px;background:#ffffffc2;-webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%);box-shadow:0 10px 32px #11212f1f;transform:translateY(-50%);transition:width .18s ease,opacity .16s ease,transform .18s ease,box-shadow .16s ease}.library-navigator:hover,.library-navigator:focus-within{width:345px;box-shadow:0 18px 48px #11212f2e}[data-bl-theme=dark] .library-navigator{border-color:#ffffff1a;background:#132234d6;-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%)}.library-navigator>header{position:relative;min-height:58px;display:flex;align-items:center;justify-content:center;padding:10px 54px;border-bottom:1px solid var(--bl-border)}.library-navigator>header>span{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px}.library-navigator>header strong{font-size:15px;white-space:nowrap;text-align:center}.library-navigator>header button{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(249,115,22,.28);border-radius:11px;background:#f973161c;color:var(--bl-orange);cursor:pointer;transition:transform .14s,background .14s,color .14s,box-shadow .14s}.library-navigator>header button:hover{background:var(--bl-orange);color:#fff;box-shadow:0 5px 14px #f973164d;transform:scale(1.07) rotate(3deg)}.navigator-visibility{position:absolute;right:10px}.navigator-visibility svg{transform:rotate(90deg)}.navigator-collapse-tab{position:absolute;left:-18px;top:50%;z-index:10;width:20px;height:44px;display:grid;place-items:center;border:1px solid rgba(249,115,22,.22);border-right:0;border-radius:10px 0 0 10px;background:var(--bl-surface);color:var(--bl-orange);cursor:pointer;box-shadow:-8px 0 18px #11212f1a;transform:translateY(-50%)}.navigator-collapse-tab svg{transform:rotate(0)}.navigator-collapse-tab svg{transition:transform .15s ease}.library-navigator .nav-resource-icon{width:22px;height:22px;transform:scale(1.18)}.navigator-mobile-close{display:none!important}.navigator-module-filter,.navigator-kind-filter{width:calc(100% - 52px);display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:8px auto;padding:4px;border:1px solid rgba(249,115,22,.16);border-radius:12px;background:linear-gradient(135deg,#11212f0b,#f973160f)}.navigator-module-filter{margin-bottom:0}.navigator-module-filter button{min-width:0;display:grid;grid-template-columns:20px auto;align-items:center;justify-content:center;gap:5px;padding:8px 6px;border:0;border-radius:9px;background:transparent;color:var(--bl-muted);font-size:12px;cursor:pointer}.navigator-kind-filter button{min-width:0;display:grid;grid-template-columns:20px auto auto;align-items:center;justify-content:center;gap:5px;padding:8px 6px;border:0;border-radius:9px;background:transparent;color:var(--bl-muted);font-size:12px;cursor:pointer}.navigator-module-filter button span,.navigator-kind-filter button span{min-width:0;overflow:visible;text-overflow:clip;white-space:nowrap}.navigator-module-filter button b,.navigator-kind-filter button b{font-size:10px}.navigator-module-filter button.active,.navigator-kind-filter button.active{background:linear-gradient(135deg,var(--bl-orange),#ff8a38);color:#fff;box-shadow:0 4px 12px #f973163d;font-weight:700}.navigator-list{min-height:0;overflow-y:auto;padding:5px 8px 10px;scrollbar-width:thin}.navigator-group{margin-bottom:3px}.navigator-category{width:100%;min-height:50px;display:grid;grid-template-columns:25px minmax(0,1fr) auto 16px;align-items:center;gap:10px;padding:10px;border:0;border-radius:11px;background:transparent;color:var(--bl-text-secondary);text-align:left;text-transform:capitalize;cursor:pointer}.navigator-category>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650}.navigator-category>b{min-width:28px;padding:3px 7px;border-radius:999px;background:var(--bl-surface-subtle);font-size:10px;text-align:center}.navigator-category>svg{transition:transform .16s}.navigator-group.active>.navigator-category{background:#f9731617;color:var(--bl-text)}.navigator-group.active>.navigator-category>svg{transform:rotate(90deg);color:var(--bl-orange)}.navigator-subcategories{display:grid;gap:2px;margin:3px 0 6px 17px;padding-left:12px;border-left:1px solid var(--bl-border)}.navigator-subcategories button{min-height:40px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--bl-text-secondary);font-size:13px;text-align:left;text-transform:capitalize;cursor:pointer}.navigator-subcategories-kb button{grid-template-columns:22px minmax(0,1fr) auto}.navigator-subcategories button>span:not(.nav-resource-icon){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navigator-subcategories button b{font-size:10px}.navigator-subcategories button:hover,.navigator-subcategories button.active{background:var(--bl-surface-subtle);color:var(--bl-text)}.navigator-subcategories button.active{box-shadow:inset 2px 0 var(--bl-orange);font-weight:700}.library-navigator:not(:hover):not(:focus-within) .navigator-kind-filter,.library-navigator:not(:hover):not(:focus-within) .navigator-group:not(.active),.library-navigator:not(:hover):not(:focus-within) .navigator-group.active .navigator-subcategories button:not(.compact-visible){display:none}.library-navigator:not(:hover):not(:focus-within) .navigator-list{overflow:hidden;padding-bottom:6px}.library-navigator.is-collapsed{width:48px;min-height:48px;opacity:.62;transform:translateY(-50%)}.library-navigator.is-collapsed:hover,.library-navigator.is-collapsed:focus-within{width:52px;opacity:1}.library-navigator.is-collapsed>header{min-height:48px;padding:7px;border-bottom:0}.library-navigator.is-collapsed>header>span,.library-navigator.is-collapsed>.navigator-module-filter,.library-navigator.is-collapsed>.navigator-kind-filter,.library-navigator.is-collapsed>.navigator-list{display:none}.library-navigator.is-collapsed .navigator-visibility{position:static;transform:rotate(180deg)}.library-navigator.is-collapsed .navigator-collapse-tab{left:-18px;right:auto;top:50%;border:1px solid rgba(249,115,22,.38);border-right:0;border-radius:10px 0 0 10px;background:color-mix(in srgb,var(--bl-surface) 94%,var(--bl-orange));box-shadow:-10px 0 24px #11212f29;transform:translateY(-50%)}.library-navigator.is-collapsed .navigator-collapse-tab svg{transform:rotate(180deg)}.navigator-backdrop{display:none}.result-heading,.section-heading{display:flex;align-items:center;gap:10px;margin:0 0 18px}.result-heading span,.section-heading span{color:var(--bl-muted);font-size:12px}.result-heading button{margin-left:auto;border:0;background:none;color:var(--bl-muted);cursor:pointer}.section-heading h2{margin:0;font-size:18px;text-transform:none}.section-heading h3{margin:0;font-size:14px;text-transform:none}.section-heading>.nav-resource-icon{width:22px;height:22px;color:var(--bl-orange)}.section-heading i{flex:1;height:1px;background:color-mix(in srgb,var(--bl-border-strong) 72%,transparent)}.group-selection-mark{width:22px;height:22px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--bl-border-strong);border-radius:6px;background:var(--bl-surface);color:transparent;font-size:12px;font-weight:800;cursor:pointer}.group-selection-mark.checked{border-color:var(--bl-orange);background:var(--bl-orange);color:#fff}.category-heading{justify-content:center;margin-bottom:18px}.category-heading:before{content:"";order:1;flex:1;height:1px;background:var(--bl-border)}.category-heading>.nav-resource-icon{order:2}.category-heading h2{order:3}.category-heading span{order:4}.category-heading i{order:5}.icon-group{scroll-margin-top:210px;margin-bottom:28px}.icon-group>.section-heading{margin-bottom:12px}.icon-group>.section-heading span{order:2}.icon-group>.section-heading i{order:3}.kb-content-toolbar{display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);align-items:center;gap:16px;margin-bottom:20px}.kb-content-title{display:flex;align-items:baseline;gap:9px}.kb-content-title h2{margin:0;font-size:19px;letter-spacing:-.025em}.kb-content-title>span{color:var(--bl-muted);font-size:12px}.kb-type-filter,.kb-view-filter{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--bl-border);border-radius:11px;background:color-mix(in srgb,var(--bl-surface) 78%,transparent)}.kb-type-filter{justify-self:center}.kb-type-filter button{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:0;border-radius:8px;background:transparent;color:var(--bl-muted);font-size:11px;font-weight:700;cursor:pointer}.kb-type-filter button>span{min-width:20px;padding:2px 6px;border-radius:999px;background:var(--bl-surface-subtle);font-size:9px;text-align:center}.kb-type-filter button.active{background:var(--bl-orange);color:#fff;box-shadow:0 3px 10px #f9731633}.kb-type-filter button.active>span{background:#fff3;color:#fff}.kb-view-filter{justify-self:end}.kb-view-filter button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--bl-muted);cursor:pointer}.kb-view-filter button.active{background:var(--bl-surface);color:var(--bl-orange);box-shadow:0 2px 8px #11212f1a}.resource-collection.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.resource-collection.list{display:flex;flex-direction:column;gap:6px}.resource-card{position:relative;border:1px solid rgba(205,222,232,.94);background:#ffffffb3;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);box-shadow:var(--bl-shadow-card),inset 0 1px #ffffffd1;transform:translateZ(0);overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.resource-card:hover,.resource-card:focus-within{background:#ffffffd6}[data-bl-theme=dark] .resource-card{border-color:#ffffff1a;background:#132234c7}[data-bl-theme=dark] .resource-card:hover,[data-bl-theme=dark] .resource-card:focus-within{background:#1a2d3fe6}.resource-card.grid{min-height:210px;border-radius:14px}.resource-card.list{min-height:90px;border-radius:10px}.resource-card:hover,.resource-card:focus-within{border-color:#f9731694;transform:translateY(-3px);box-shadow:0 3px 7px #11212f14,0 14px 28px #11212f1f,0 5px 18px #f9731617,inset 0 1px #ffffffeb}.resource-card.selected{border-color:var(--bl-orange);box-shadow:0 0 0 2px #f973162e,0 7px 24px #f9731621}.card-open{width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;text-align:left;display:flex;color:inherit}.grid .card-open{flex-direction:column}.card-preview{display:grid;place-items:center;color:var(--bl-text-secondary);background:#ffffffdb;box-shadow:inset 0 -1px #b5cfde4d;transition:background .2s,box-shadow .2s}.grid .card-preview{min-height:132px}.list .card-preview{width:90px;min-height:90px;flex:0 0 auto}.preview-dark .card-preview,.modal-preview.dark{background:#132234;color:#e2e8f0}.card-copy{min-width:0;width:100%;display:grid;align-content:center;gap:3px;padding:11px 38px 12px 13px;border-top:1px solid rgba(249,115,22,.42);background:#e6f1f7e6;box-shadow:inset 0 1px #ffffff7a}[data-bl-theme=dark] .card-copy{background:var(--bl-surface-subtle)}.card-copy code{color:var(--bl-orange);font-family:"DM Mono",var(--fundel-mono, monospace);font-size:9px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.card-copy small{color:var(--bl-muted);text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite{position:absolute;right:10px;bottom:12px;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#cbd5e1;cursor:pointer}.favorite.active,.favorite:hover{color:var(--bl-orange);background:#f9731614}.selection-check{position:absolute;right:10px;bottom:12px;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--bl-orange);border-radius:8px;background:var(--bl-surface);color:var(--bl-orange);font-weight:800;cursor:pointer}.selection-bar{position:sticky;top:198px;z-index:80;display:flex;align-items:center;gap:8px;margin:-8px auto 16px;padding:8px 10px;width:fit-content;max-width:calc(100% - 24px);border:1px solid rgba(249,115,22,.28);border-radius:12px;background:color-mix(in srgb,var(--bl-elevated) 92%,transparent);box-shadow:var(--bl-shadow-popover)}.selection-bar strong{color:var(--bl-text);font-size:12px}.selection-bar>button,.selection-download button{min-height:32px;padding:6px 10px;border:1px solid var(--bl-border);border-radius:8px;background:var(--bl-surface);color:var(--bl-text);font-size:11px;font-weight:700;cursor:pointer}.selection-download button{display:inline-flex;align-items:center;gap:5px;background:var(--bl-orange);border-color:var(--bl-orange);color:#fff}.selection-download button:disabled{opacity:.45;cursor:not-allowed}.selection-download{position:relative}.selection-download-options{position:absolute;right:0;top:calc(100% + 6px);z-index:5;display:grid;grid-template-columns:repeat(2,minmax(88px,1fr));gap:5px;min-width:190px;padding:7px;border:1px solid var(--bl-border);border-radius:10px;background:var(--bl-elevated);box-shadow:var(--bl-shadow-popover)}.selection-download-options button{min-height:30px;padding:5px 7px;border:1px solid var(--bl-border);border-radius:7px;background:var(--bl-surface);color:var(--bl-text);font-size:10px;cursor:pointer}.demo-button{border:0;border-radius:999px;background:var(--bl-orange);color:#fff;padding:7px 16px;font-size:12px;font-weight:700}.demo-button:hover,.demo-icon-button:hover{transform:translateY(-1px);filter:brightness(1.04)}.demo-button.is-pressed,.demo-icon-button.is-pressed{box-shadow:0 0 0 3px #f9731633}.demo-icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--bl-border-strong);border-radius:9px;background:var(--bl-surface);color:var(--bl-orange)}.demo-nav{display:inline-flex;flex-direction:column;gap:5px;color:inherit;font-size:11px;font-weight:700}.demo-nav i{height:2px;border-radius:2px;background:var(--bl-orange)}.demo-badge{border:1px solid rgba(249,115,22,.25);border-radius:999px;padding:4px 9px;color:var(--bl-orange);background:#f9731614;font-size:10px;font-weight:700;text-transform:capitalize}.demo-divider{width:82%;display:flex;align-items:center;gap:7px;color:var(--bl-muted);font-size:9px}.demo-divider i{flex:1;height:1px;background:var(--bl-border-strong)}.demo-input{width:78%;padding:0 10px;border:1.5px solid rgba(249,115,22,.48);border-radius:8px;color:var(--bl-muted);background:var(--bl-surface);font-size:10px}.demo-input input{width:100%;min-width:0;padding:9px 0;border:0;outline:0;background:transparent;color:inherit;font:inherit}.demo-input input::placeholder{color:var(--bl-muted);opacity:.82}.demo-input textarea{width:100%;min-height:56px;resize:none;padding:8px 0;border:0;outline:0;background:transparent;color:inherit;font:inherit}.demo-select select{width:100%;padding:9px 0;border:0;outline:0;background:transparent;color:inherit;font:inherit}.demo-search-input{display:flex;align-items:center;gap:6px}.demo-search-input svg{color:var(--bl-orange);flex:0 0 auto}.demo-static-input{box-sizing:border-box;display:flex;align-items:center;min-height:34px;gap:6px}.demo-static-input i{overflow:hidden;flex:1;color:var(--bl-muted);font-style:normal;text-overflow:ellipsis;white-space:nowrap}.demo-static-input.demo-textarea{min-height:56px;align-items:flex-start;padding-top:8px}.demo-static-input.demo-select svg{transform:rotate(90deg)}.demo-logo{display:grid;place-items:center;width:116px;min-height:58px;padding:12px;border:1px solid var(--bl-border);border-radius:10px;background:var(--bl-surface)}.demo-logo img{display:block;width:100%;height:auto}.demo-toggle{display:flex;gap:2px;padding:2px;border:1px solid var(--bl-border-strong);border-radius:999px;background:var(--bl-surface-subtle)}.demo-toggle i,.demo-toggle b{width:27px;height:27px;border-radius:50%}.demo-toggle i{background:var(--bl-surface);box-shadow:0 1px 4px #0000001f}.demo-toggle.is-on{background:#f9731633}.demo-toggle.is-on b{background:var(--bl-orange)}.demo-language-toggle{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--bl-border-strong);border-radius:999px;background:var(--bl-surface-subtle);font-size:10px;font-weight:800}.demo-language-toggle b,.demo-language-toggle i{min-width:34px;padding:6px 9px;border-radius:999px;text-align:center;font-style:normal}.demo-language-toggle b.active{background:var(--bl-orange);color:#fff}.demo-language-toggle i.active{background:var(--bl-surface);color:var(--bl-text)}.demo-language-toggle i{color:var(--bl-muted)}.demo-mode-toggle{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid color-mix(in srgb,var(--bl-border-strong) 72%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bl-surface) 44%,transparent);box-shadow:inset 0 1px #ffffff73}.demo-mode-toggle i,.demo-mode-toggle b{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-style:normal;color:var(--bl-muted)}.demo-mode-toggle i{color:var(--bl-orange);background:color-mix(in srgb,var(--bl-surface) 90%,transparent);box-shadow:0 2px 8px #11212f24,inset 0 0 0 1px #f973161f}.modal-preview.dark .demo-toggle,.modal-preview.dark .demo-language-toggle,.modal-preview.dark .demo-mode-toggle{border-color:#ffffff24;background:#ffffff14;box-shadow:none}.modal-preview.dark .demo-toggle i,.modal-preview.dark .demo-language-toggle i,.modal-preview.dark .demo-mode-toggle i{background:#e2e8f0f2;color:var(--bl-orange)}.modal-preview.dark .demo-mode-toggle b{color:#cbd5e1}.modal-preview.dark .demo-input{border-color:#f97316b8;background:#f7fafc;color:#334155}.modal-preview.dark .demo-input input::placeholder{color:#64748b}.demo-feedback{padding:8px 12px;border-radius:9px;background:var(--bl-surface);border-left:3px solid var(--bl-orange);box-shadow:0 4px 14px #0000001a;font-size:10px}.demo-feedback i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#059669}.demo-layout{width:84px;display:grid;gap:4px}.demo-layout i{height:10px;border:1px solid var(--bl-border-strong);border-radius:4px;background:var(--bl-surface)}.demo-surface{width:90px;min-height:64px;display:grid;place-items:center;gap:4px;border:1px solid var(--bl-border);border-radius:10px;background:var(--bl-surface);font-size:8px}.tool-rail{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:200;display:flex;flex-direction:column;gap:6px;padding:10px 8px;border:1px solid var(--bl-border);border-right:0;border-radius:12px 0 0 12px;background:var(--bl-surface);box-shadow:-4px 0 20px #00000014}.tool-rail button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--bl-border);border-radius:10px;background:var(--bl-surface);color:var(--bl-muted);cursor:pointer;transition:.1s}.tool-rail button:hover,.tool-rail button.active{color:var(--bl-orange);border-color:var(--bl-orange);background:#f9731614;transform:scale(1.06)}.search-overlay{position:sticky;top:198px;z-index:89;transform:none;width:min(420px,calc(100vw - 86px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:-12px auto 18px;padding:11px 13px;border:1px solid var(--bl-border);border-radius:12px;background:var(--bl-elevated);box-shadow:var(--bl-shadow-popover)}.search-overlay input{min-width:0;border:0;outline:0;background:transparent;color:var(--bl-text)}.search-overlay button{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--bl-muted);cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:grid;place-items:center;padding:20px;background:#11212f9e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.resource-modal{position:relative;width:min(720px,100%);max-height:92vh;overflow-y:auto;border:1px solid rgba(205,222,232,.82);border-radius:20px;background:linear-gradient(180deg,#fffefb,#f7fbfd);box-shadow:0 8px 18px #11212f1a,0 28px 80px #11212f3d,inset 0 1px #ffffffe6}[data-bl-theme=dark] .resource-modal{border-color:#ffffff1a;background:linear-gradient(180deg,#172a3d,#102131);box-shadow:0 28px 80px #0000006b}.resource-modal:focus{outline:none}.resource-modal button:focus-visible{outline:3px solid rgba(249,115,22,.3);outline-offset:2px}.resource-modal>header{padding:21px 54px 14px 20px}.resource-modal header code{color:var(--bl-orange);font-family:"DM Mono",var(--fundel-mono, monospace);font-size:10px;font-weight:700}.resource-modal h2{margin:5px 0 4px;font-size:20px;letter-spacing:-.035em}.modal-human-ref{display:block;margin-bottom:2px;color:var(--bl-orange);font-family:"DM Mono",var(--fundel-mono, monospace);font-size:10px;font-weight:800}.resource-modal header p{margin:0;color:var(--bl-muted);font-size:12px;line-height:1.5}.modal-close{position:absolute;z-index:2;top:16px;right:16px;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--bl-border);border-radius:8px;background:var(--bl-surface-subtle);color:var(--bl-muted);cursor:pointer}.modal-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.modal-tags span{padding:3px 9px;border:1px solid rgba(249,115,22,.16);border-radius:999px;background:#f9731612;color:var(--bl-orange);font-size:10px;font-weight:700;text-transform:capitalize}.modal-location{display:flex;align-items:center;gap:6px;margin-top:8px;color:var(--bl-orange);font-size:11px;font-weight:700}.modal-location b{color:var(--bl-muted);font-weight:500}.modal-location .nav-resource-icon{display:inline-grid;place-items:center;width:18px;height:18px}.modal-location-emoji{display:inline-grid;place-items:center;width:18px;height:18px;font-size:14px}.modal-location button{padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.modal-location button:hover,.modal-location button:focus-visible{color:var(--bl-orange-hover);text-decoration:underline;outline:none}.modal-preview{position:relative;min-height:164px;margin:0 20px 8px;padding:20px;display:grid;place-items:center;border:1px solid rgba(190,212,225,.88);border-radius:14px;background:radial-gradient(circle at 50% 35%,rgba(249,115,22,.1),transparent 38%),linear-gradient(145deg,#fff,#edf5fa);box-shadow:0 5px 12px #11212f0f,0 14px 28px #11212f14,inset 0 1px #ffffffe6;transition:background .2s,border-color .2s,box-shadow .2s}.modal-preview.dark{background:linear-gradient(145deg,#132234,#0d1a27);border-color:#f973163d;box-shadow:0 14px 30px #0003}.modal-preview-favorite{position:absolute;top:12px;right:12px;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--bl-border);border-radius:9px;background:color-mix(in srgb,var(--bl-surface) 80%,transparent);color:#94a3b8;cursor:pointer;transition:.12s}.modal-preview-favorite:hover,.modal-preview-favorite.active{color:var(--bl-orange);border-color:#f9731673;background:#f973161a;transform:translateY(-1px)}.modal-preview .demo-button{font-size:14px;padding:10px 22px}.modal-theme{display:flex;align-items:center;justify-content:space-between;padding:4px 20px 14px;color:var(--bl-muted);font-size:11px}.modal-theme button{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(249,115,22,.25);border-radius:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--bl-orange) 12%,var(--bl-surface)),var(--bl-surface));color:var(--bl-text);padding:7px 11px;cursor:pointer}.modal-theme .toolbar-preview-theme{width:42px;height:42px;display:grid;place-items:center;padding:0;border-radius:11px;color:#f59e0b;background:var(--bl-surface-subtle);box-shadow:0 5px 14px #f973161a}[data-bl-theme=dark] .modal-theme .toolbar-preview-theme{background:#132234c7;border-color:#f9731657;box-shadow:none}.composition{margin:0 20px 14px}.composition h3{margin:0 0 8px;color:var(--bl-muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.relationship-heading{display:inline-flex;width:fit-content;align-items:center;gap:5px;margin:0 0 8px;padding:0;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:var(--bl-muted);font:inherit;font-size:10px;font-weight:800;letter-spacing:.1em;line-height:1.35;text-align:left;text-transform:uppercase;cursor:pointer;transition:border-color .15s ease,color .15s ease}.relationship-heading:hover,.relationship-heading:focus-visible{border-color:var(--bl-orange);color:var(--bl-text);outline:none;transform:none;box-shadow:none}.composition-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:8px}.composition-card{min-width:0;overflow:hidden;padding:0;border:1px solid var(--bl-border);border-radius:10px;background:var(--bl-surface);color:inherit;text-align:left;cursor:pointer;box-shadow:var(--bl-shadow-card);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.composition-card-static{cursor:default}.composition-card:hover,.composition-card:focus-visible{border-color:var(--bl-orange);transform:translateY(-2px);box-shadow:0 8px 18px #f9731629;outline:none}.composition-card-preview{min-height:66px;display:grid;place-items:center;padding:8px;background:var(--bl-surface-subtle)}.composition-card-preview .element-preview,.composition-card-preview .demo-button,.composition-card-preview .demo-input,.composition-card-preview .demo-nav{transform:scale(.72);transform-origin:center}.composition-card code,.composition-card strong,.composition-card small{display:block;overflow:hidden;padding-inline:9px;text-overflow:ellipsis;white-space:nowrap}.composition-card code{padding-top:7px;color:var(--bl-orange);font-family:"DM Mono",var(--fundel-mono, monospace);font-size:8px;font-weight:700}.composition-card strong{margin-top:2px;font-size:10px}.composition-card small{padding-bottom:8px;color:var(--bl-muted);font-size:9px}.element-preview{min-width:120px;min-height:60px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--bl-text)}.element-preview-line{width:72px;height:6px;border:1px solid var(--bl-border-strong);border-radius:999px;background:var(--bl-surface)}.element-preview-line.wide{width:100px}.element-preview-line.short{width:42px}.element-logo-mark{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:var(--bl-orange);color:#fff;font-weight:800}.element-preview-pill{width:34px;height:18px;border:1px solid var(--bl-border);border-radius:999px;background:var(--bl-surface)}.header-preview,.footer-preview{width:190px;justify-content:space-between;padding:8px 12px;border:1px solid var(--bl-border);border-radius:8px;background:var(--bl-surface)}.tool-rail-preview{min-width:34px;width:34px;flex-direction:column;gap:4px;padding:5px;border:1px solid var(--bl-border);border-radius:8px}.tool-rail-preview i,.menu-preview i,.batch-preview i{width:19px;height:6px;border:1px solid var(--bl-border-strong);border-radius:999px;background:var(--bl-surface)}.nav-preview{width:180px;flex-wrap:wrap;justify-content:flex-start;padding:8px;border-bottom:1px solid var(--bl-border)}.nav-preview b{width:100%;font-size:10px}.nav-preview i{flex:1;height:5px;border-radius:999px;background:var(--bl-orange);opacity:.7}.search-overlay-preview{width:190px;padding:7px 9px;border:1px solid var(--bl-border);border-radius:8px;background:var(--bl-surface);font-size:9px}.search-overlay-preview span{flex:1;color:var(--bl-muted)}.search-overlay-preview i{color:var(--bl-orange);font-style:normal;font-size:14px}.modal-preview-card,.dialog-preview{width:150px;min-height:82px;align-items:flex-start;flex-direction:column;padding:12px;border:1px solid var(--bl-border);border-radius:9px;background:var(--bl-surface)}.modal-preview-card em{width:52px;height:18px;margin:auto;border:1px solid var(--bl-border-strong);border-radius:5px;background:var(--bl-surface-subtle)}.modal-header-preview{width:150px;justify-content:space-between;padding:9px;border-bottom:1px solid var(--bl-border)}.modal-header-preview i{color:var(--bl-orange);font-style:normal}.modal-stage-preview{width:150px;min-height:72px;flex-direction:column;border:1px solid var(--bl-border);border-radius:8px;background:var(--bl-surface-subtle)}.modal-stage-preview em{width:32px;height:24px;border:1px solid var(--bl-border-strong);border-radius:6px;background:var(--bl-surface)}.action-area-preview{width:150px;gap:5px}.action-area-preview i{flex:1;height:22px;border:1px solid var(--bl-orange);border-radius:6px;background:#f973161f}.mini-gallery-preview{gap:4px}.mini-gallery-preview i{width:34px;height:42px;border:1px solid var(--bl-border);border-radius:5px;background:var(--bl-surface)}.mini-card-preview{flex-direction:column;gap:4px}.mini-card-preview .element-preview-icon{display:grid;place-items:center;width:42px;height:30px;border:1px solid var(--bl-border);border-radius:5px}.mini-card-preview b{font-size:9px}.menu-preview{flex-direction:column;width:90px;padding:8px;border:1px solid var(--bl-border);border-radius:8px;background:var(--bl-surface)}.dialog-preview i{width:56px;height:18px;border:1px solid var(--bl-orange);border-radius:5px;background:#f973161f}.bottom-sheet-preview{align-items:flex-end;width:150px;min-height:74px;padding:12px;border:1px solid var(--bl-border);border-radius:9px 9px 0 0;background:var(--bl-surface)}.bottom-sheet-preview i{width:70px;height:5px;border-radius:999px;background:var(--bl-border-strong)}.resource-grid-preview{width:140px;flex-wrap:wrap}.resource-grid-preview i{width:54px;height:24px;border:1px solid var(--bl-border);border-radius:4px;background:var(--bl-surface)}.resource-list-preview,.result-group-preview{flex-direction:column;width:145px;align-items:stretch;padding:8px}.resource-list-preview i{height:12px;border:1px solid var(--bl-border);border-radius:4px;background:var(--bl-surface)}.result-group-preview b{font-size:9px}.result-group-preview i{height:12px;border:1px solid var(--bl-border);border-radius:4px}.batch-preview{width:150px;padding:8px;border:1px solid var(--bl-border);border-radius:8px;background:var(--bl-surface)}.navigator-preview{width:150px;flex-wrap:wrap;padding:8px;border:1px solid var(--bl-border);border-radius:8px;background:var(--bl-surface)}.navigator-preview b{width:100%;font-size:9px}.navigator-preview i{flex:1;height:14px;border:1px solid var(--bl-border);border-radius:4px}.toolbar-preview{gap:4px;padding:8px;border:1px solid var(--bl-border);border-radius:8px;background:var(--bl-surface)}.toolbar-preview i{width:19px;height:19px;border:1px solid var(--bl-border);border-radius:5px}.generic-element-preview{flex-direction:column;gap:4px;padding:10px;border:1px solid var(--bl-border);border-radius:8px;background:var(--bl-surface)}.generic-element-preview b{font-size:9px}.modal-code{margin:0 20px 16px}.modal-code-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 0;border:0;background:transparent;color:var(--bl-muted);font-size:10px;font-weight:800;letter-spacing:.1em;text-align:left;text-transform:uppercase;cursor:pointer}.modal-code-toggle svg{transition:transform .15s ease}.modal-code.is-open .modal-code-toggle svg{transform:rotate(90deg)}.modal-code h3,.related-variants h3{margin:0 0 8px;color:var(--bl-muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.modal-code pre{margin:0;max-height:190px;overflow:auto;padding:13px 14px;border:1px solid rgba(190,212,225,.72);border-radius:10px;background:linear-gradient(145deg,#f4f8fb,#eaf3f8);color:var(--bl-text-secondary);font-family:"DM Mono",var(--fundel-mono, monospace);font-size:11px;line-height:1.55;white-space:pre-wrap;box-shadow:inset 0 1px #ffffffb8}[data-bl-theme=dark] .modal-code pre{border-color:#ffffff1a;background:#102131;box-shadow:none}.modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 20px 16px}.modal-action-menu{position:relative;min-width:0}.modal-action-menu>button{width:100%;height:100%}.modal-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(249,115,22,.28);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--bl-orange) 14%,var(--bl-surface)),color-mix(in srgb,var(--bl-surface) 92%,#fff7ed));color:var(--bl-text);font-size:12px;font-weight:700;cursor:pointer;transition:.12s}.modal-actions>.modal-action-menu>button>svg:last-child,.modal-download-menu>button>svg:last-child{color:var(--bl-orange);transform:rotate(90deg)}.modal-actions button:hover{border-color:var(--bl-orange);color:var(--bl-orange);transform:translateY(-2px);box-shadow:0 4px 14px #f9731633}.modal-download-menu{position:relative;min-width:0}.modal-download-menu>button{width:100%;height:100%}.modal-download-options{position:absolute;right:0;bottom:calc(100% + 8px);z-index:4;display:grid;grid-template-columns:repeat(2,minmax(70px,1fr));gap:6px;min-width:166px;padding:8px;border:1px solid var(--bl-border);border-radius:12px;background:var(--bl-elevated);box-shadow:var(--bl-shadow-popover)}.modal-download-options button{min-height:36px;font-size:11px}.modal-copy-notice{margin:-4px 20px 16px;padding:9px 12px;border:1px solid rgba(16,185,129,.18);border-radius:10px;background:#10b98114;color:#047857;font-size:12px;font-weight:700}[data-bl-theme=dark] .modal-copy-notice{color:#6ee7b7;background:#10b9811f}.related-variants{padding:0 20px 20px}.related-variants .related-group{display:grid;gap:7px}.related-variants .related-group>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,118px));gap:8px;align-items:start;justify-content:start}.related-variants .related-group+.related-group{margin-top:14px}.related-variants .related-group h4{margin:0;color:var(--bl-text-secondary);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.related-variants .relationship-heading{color:var(--bl-text-secondary)}.related-variants.is-dark .relationship-heading,[data-bl-theme=dark] .related-variants .relationship-heading{color:#cbd5e1}.related-variants button{min-width:0;overflow:hidden;padding:0;border:1px solid rgba(205,222,232,.9);border-radius:10px;background:#eff6fadb;color:inherit;text-align:left;cursor:pointer;box-shadow:0 2px 5px #11212f0d,0 8px 18px #11212f0f;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.related-variants .relationship-heading{overflow:visible;padding:0;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;box-shadow:none}.related-variants .relationship-heading:hover,.related-variants .relationship-heading:focus-visible{border-color:var(--bl-orange);background:transparent;box-shadow:none;transform:none}[data-bl-theme=dark] .related-variants button{border-color:#ffffff1f;background:#1a2d3f;box-shadow:0 8px 20px #0003}.related-variants button:hover,.related-variants button:focus-visible{border-color:var(--bl-orange);transform:translateY(-2px);box-shadow:0 7px 24px #f9731621;outline:none}.related-variants button>span{min-height:62px;display:grid;place-items:center;background:var(--bl-surface)}.related-variants.is-dark button>span{background:#132234;color:#e2e8f0}.related-variants.is-dark .demo-input{border-color:#f97316b8;background:#f7fafc;color:#334155}.related-variants.is-dark .demo-input input::placeholder{color:#64748b}.related-variants.is-dark button{border-color:#ffffff24;background:#1a2d3f;color:#e2e8f0}.composition.is-dark .composition-card{border-color:#ffffff24;background:#1a2d3f;color:#e2e8f0;box-shadow:0 8px 20px #0000002e}.composition.is-dark .composition-card-preview{background:#102033}.composition.is-dark .composition-card small{color:#a9bacd}.related-variants button code,.related-variants button strong,.related-variants button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:9px}.related-variants button code{padding-top:8px;color:var(--bl-orange);font-family:"DM Mono",var(--fundel-mono, monospace);font-size:9px;font-weight:700}.related-variants button strong{margin-top:2px;font-size:11px}.related-variants button small{padding-bottom:9px;color:var(--bl-muted);font-size:10px;text-transform:capitalize}.actual-element-preview{box-sizing:border-box;width:min(100%,190px);min-width:0;min-height:74px;padding:8px;border:1px solid color-mix(in srgb,var(--bl-border) 82%,transparent);border-radius:9px;background:linear-gradient(145deg,color-mix(in srgb,var(--bl-surface) 94%,#eef7fb),var(--bl-surface-subtle));color:var(--bl-text);font-size:8px;line-height:1.2}.actual-element-preview.is-dark{border-color:#ffffff21;background:linear-gradient(145deg,#14263a,#0d1a27);color:#e2e8f0}.actual-header,.actual-footer{width:min(100%,220px);display:flex;align-items:center;gap:7px;border-radius:7px;background:var(--bl-surface)}.actual-header b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.actual-header span{margin-left:auto;padding:3px 5px;border-radius:999px;background:var(--bl-orange);color:#fff;font-size:7px;font-weight:800}.actual-footer{justify-content:space-between;font-size:7px}.actual-footer b{padding:4px 6px;border-radius:999px;background:var(--bl-orange);color:#fff;font-size:7px}.actual-toolbar{display:flex;align-items:center;justify-content:center;min-height:42px;gap:5px}.actual-toolbar svg{padding:5px;border:1px solid var(--bl-border);border-radius:6px;color:var(--bl-orange)}.actual-nav{display:flex;align-items:center;justify-content:center;gap:4px}.actual-preview-tile{display:block;overflow:hidden;padding:5px 6px;border-radius:5px;color:inherit;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.actual-preview-tile.active{background:var(--bl-orange);color:#fff;font-weight:800}.actual-sidebar{display:grid;gap:3px;justify-items:stretch}.actual-section{display:flex;align-items:center;gap:6px;width:100%}.actual-section i{height:1px;flex:1;background:var(--bl-border-strong)}.actual-section b{display:inline-flex;align-items:center;gap:4px}.actual-section em{font-style:normal;color:var(--bl-muted)}.actual-search{display:flex;align-items:center;width:min(100%,170px);min-height:32px;gap:6px;padding:0 8px;background:var(--bl-surface)}.actual-search span{flex:1;color:var(--bl-muted)}.actual-search b{color:var(--bl-orange)}.actual-modal,.actual-dialog{display:grid;gap:5px;width:min(100%,140px);padding:10px;background:var(--bl-surface);box-shadow:0 4px 12px #11212f1f}.actual-modal b,.actual-dialog b{font-size:10px}.actual-modal small,.actual-dialog span{color:var(--bl-muted)}.actual-modal em,.actual-dialog em{justify-self:start;padding:4px 7px;border-radius:5px;background:var(--bl-orange);color:#fff;font-size:7px;font-style:normal}.actual-modal-header{display:flex;align-items:center;justify-content:space-between;width:min(100%,170px)}.actual-modal-header i{padding:3px 6px;border-radius:5px;color:var(--bl-orange);font-style:normal}.actual-stage{display:grid;place-items:center;gap:5px;background:radial-gradient(circle,rgba(249,115,22,.12),transparent 55%),var(--bl-surface)}.actual-stage span{color:var(--bl-muted)}.actual-actions{display:flex;align-items:center;justify-content:center;gap:6px}.actual-actions b{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border:1px solid var(--bl-orange);border-radius:5px;color:var(--bl-orange);font-size:7px}.actual-resource-sample{display:grid;min-width:0;gap:2px;padding:5px;border:1px solid var(--bl-border);border-radius:5px;background:var(--bl-surface)}.actual-resource-sample b,.actual-resource-sample small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actual-resource-sample b{font-size:8px}.actual-resource-sample small{color:var(--bl-orange);font-size:6px;font-family:var(--fundel-mono, monospace)}.actual-gallery,.actual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.actual-mini-card{display:grid;place-items:center}.actual-menu{display:grid;gap:3px;justify-items:stretch}.actual-menu .actual-preview-tile{border:1px solid var(--bl-border)}.actual-sheet{display:grid;gap:4px;align-content:end}.actual-sheet i{justify-self:center;width:26px;height:3px;border-radius:999px;background:var(--bl-muted)}.actual-sheet b{font-size:9px}.actual-sheet span{color:var(--bl-muted)}.actual-card{display:grid;place-items:center}.actual-list,.actual-results{display:grid;gap:3px;width:min(100%,160px)}.actual-list .actual-resource-sample,.actual-results .actual-resource-sample{display:flex;align-items:center;justify-content:space-between}.actual-results>b{font-size:8px}.actual-results em{padding:1px 4px;border-radius:999px;background:var(--bl-orange);color:#fff;font-style:normal}.actual-batch{display:flex;align-items:center;justify-content:center;gap:6px}.actual-batch b,.actual-batch span{padding:5px 6px;border-radius:5px;font-size:7px}.actual-batch b{background:var(--bl-orange);color:#fff}.actual-batch span{border:1px solid var(--bl-orange);color:var(--bl-orange)}.actual-batch i{color:var(--bl-muted);font-style:normal}.actual-navigator{display:grid;gap:3px;align-content:start}.actual-navigator>b{font-size:8px}.actual-navigator>span{display:flex;justify-content:space-between;padding:4px;border-radius:5px;background:var(--bl-surface)}.actual-navigator em{padding:2px 6px;border-radius:4px;background:var(--bl-orange);color:#fff;font-style:normal}.actual-element-preview.is-dark .actual-resource-sample,.actual-element-preview.is-dark.actual-header,.actual-element-preview.is-dark.actual-footer,.actual-element-preview.is-dark .actual-search,.actual-element-preview.is-dark .actual-navigator>span,.actual-element-preview.is-dark .actual-modal,.actual-element-preview.is-dark .actual-dialog{border-color:#ffffff21;background:#193147;color:#e2e8f0}.actual-element-preview.is-dark .actual-preview-tile:not(.active),.actual-element-preview.is-dark .actual-modal small,.actual-element-preview.is-dark .actual-dialog span,.actual-element-preview.is-dark .actual-sheet span{color:#b7c7d7}.actual-element-preview{overflow:hidden}.actual-element-preview>.actual-header,.actual-element-preview.actual-header,.actual-element-preview>.actual-footer,.actual-element-preview.actual-footer,.actual-element-preview>.actual-toolbar,.actual-element-preview.actual-toolbar,.actual-element-preview>.actual-nav,.actual-element-preview.actual-nav,.actual-element-preview>.actual-sidebar,.actual-element-preview.actual-sidebar,.actual-element-preview>.actual-section,.actual-element-preview.actual-section,.actual-element-preview>.actual-search,.actual-element-preview.actual-search,.actual-element-preview>.actual-modal,.actual-element-preview.actual-modal,.actual-element-preview>.actual-resource-detail,.actual-element-preview.actual-resource-detail,.actual-element-preview>.actual-card,.actual-element-preview.actual-card,.actual-element-preview>.actual-grid,.actual-element-preview.actual-grid,.actual-element-preview>.actual-list,.actual-element-preview.actual-list,.actual-element-preview>.actual-results,.actual-element-preview.actual-results,.actual-element-preview>.actual-gallery,.actual-element-preview.actual-gallery,.actual-element-preview>.actual-menu,.actual-element-preview.actual-menu,.actual-element-preview>.actual-dialog,.actual-element-preview.actual-dialog,.actual-element-preview>.actual-sheet,.actual-element-preview.actual-sheet,.actual-element-preview>.actual-batch,.actual-element-preview.actual-batch,.actual-element-preview>.actual-navigator,.actual-element-preview.actual-navigator{box-sizing:border-box}.actual-header{width:100%;min-height:32px;padding:5px 6px;background:color-mix(in srgb,var(--bl-surface) 94%,transparent)}.actual-header>b{flex:1;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.actual-language{margin-left:auto;padding:2px 4px;border-radius:999px;background:var(--bl-orange);color:#fff;font-size:6px;font-weight:800}.actual-mode{display:grid;place-items:center;width:16px;height:16px;border:1px solid var(--bl-border);border-radius:50%;color:var(--bl-orange)}.actual-footer{width:100%;min-height:29px;padding:5px 6px}.actual-footer>span{display:inline-flex;align-items:center;gap:4px;overflow:hidden;font-size:6px;white-space:nowrap}.actual-footer>b{display:inline-flex;align-items:center;gap:3px;padding:3px 4px;font-size:6px}.actual-footer>small{color:var(--bl-muted);font-size:5px}.actual-toolbar{width:fit-content;max-width:100%;min-height:33px;padding:4px;gap:3px;background:var(--bl-surface);box-shadow:0 4px 11px #11212f17}.actual-toolbar>i,.actual-toolbar>em{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--bl-border);border-radius:5px;color:var(--bl-orange);font-style:normal}.actual-toolbar>em{background:color-mix(in srgb,var(--bl-orange) 13%,var(--bl-surface));border-color:color-mix(in srgb,var(--bl-orange) 35%,var(--bl-border))}.actual-nav{width:100%;min-height:31px;padding:4px;gap:3px;background:var(--bl-surface)}.actual-nav>span{position:relative;flex:1;overflow:hidden;padding:4px 3px;border-radius:4px;font-size:6px;font-weight:700;text-align:center;text-overflow:ellipsis;white-space:nowrap}.actual-nav.compact>span{font-size:6px}.actual-nav>span.active{background:color-mix(in srgb,var(--bl-orange) 12%,var(--bl-surface));color:var(--bl-text)}.actual-nav>span.active>i{position:absolute;right:24%;bottom:1px;left:24%;height:1px;background:var(--bl-orange)}.actual-sidebar{width:min(100%,110px);min-height:62px;padding:6px;border-radius:6px;background:var(--bl-surface)}.actual-sidebar>b{padding-bottom:3px;font-size:7px}.actual-sidebar>span{display:flex;align-items:center;gap:4px;padding:4px;border-radius:4px;font-size:6px}.actual-sidebar>span.active{background:color-mix(in srgb,var(--bl-orange) 13%,var(--bl-surface));color:var(--bl-orange);font-weight:800}.actual-section{width:100%;min-height:27px}.actual-section b{font-size:8px}.actual-section em{padding:1px 4px;border-radius:99px;background:var(--bl-surface-subtle);font-size:6px}.actual-modal,.actual-resource-detail{width:min(100%,154px);gap:5px;padding:7px;border-radius:7px;background:var(--bl-surface);box-shadow:0 5px 13px #11212f21}.actual-resource-detail{border:1px solid var(--bl-border)}.actual-modal-summary{color:var(--bl-muted);font-size:6px}.actual-location{overflow:hidden;color:var(--bl-muted);font-size:6px;white-space:nowrap}.actual-location b{color:var(--bl-orange)}.actual-modal-header{width:100%;min-height:18px}.actual-modal-header>span{display:grid;gap:1px}.actual-modal-header code{color:var(--bl-orange);font-family:var(--fundel-mono, monospace);font-size:5px;font-weight:800}.actual-modal-header b{font-size:8px}.actual-modal-header>i{display:grid;place-items:center;width:15px;height:15px;border:1px solid var(--bl-border);color:var(--bl-orange)}.actual-stage{position:relative;width:100%;min-height:27px;padding:4px;border-radius:5px;background:radial-gradient(circle at center,rgba(249,115,22,.14),transparent 66%),var(--bl-surface-subtle)}.actual-preview-inner{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid var(--bl-border);border-radius:4px;background:var(--bl-surface);font-size:6px}.actual-stage>i{position:absolute;top:4px;right:4px;color:var(--bl-muted)}.actual-actions{width:100%;min-height:22px}.actual-actions b{display:inline-flex;align-items:center;justify-content:center;gap:3px;flex:1;padding:4px;border-color:color-mix(in srgb,var(--bl-orange) 58%,var(--bl-border));font-size:6px}.actual-actions b:first-child{background:color-mix(in srgb,var(--bl-orange) 10%,var(--bl-surface))}.actual-card{position:relative;width:100%;min-height:55px;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;padding:0;overflow:hidden;border:1px solid var(--bl-border);border-radius:6px;background:var(--bl-surface)}.actual-card-preview{grid-column:1 / -1;display:grid;min-height:28px;place-items:center;border-bottom:1px solid color-mix(in srgb,var(--bl-orange) 42%,var(--bl-border));color:var(--bl-text)}.actual-card-copy{display:grid;gap:1px;min-width:0;padding:4px 5px}.actual-card-copy code{color:var(--bl-orange);font-family:var(--fundel-mono, monospace);font-size:5px;font-weight:800}.actual-card-copy b{overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.actual-card-copy small{color:var(--bl-muted);font-size:5px}.actual-card>svg{align-self:end;margin:0 5px 5px 0;color:var(--bl-muted)}.actual-grid,.actual-gallery{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.actual-grid .actual-card,.actual-gallery .actual-card{min-height:49px}.actual-grid .actual-card-copy,.actual-gallery .actual-card-copy{padding:3px}.actual-grid .actual-card-preview,.actual-gallery .actual-card-preview{min-height:24px}.actual-grid .actual-card-copy b,.actual-gallery .actual-card-copy b{font-size:5px}.actual-grid .actual-card-copy small,.actual-gallery .actual-card-copy small,.actual-grid .actual-card>svg,.actual-gallery .actual-card>svg{display:none}.actual-list,.actual-results{width:100%;gap:3px}.actual-list-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:4px;min-height:17px;padding:3px 4px;border:1px solid var(--bl-border);border-radius:4px;background:var(--bl-surface)}.actual-list-row b{overflow:hidden;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.actual-list-row code{color:var(--bl-orange);font-family:var(--fundel-mono, monospace);font-size:5px}.actual-results>b{display:flex;justify-content:space-between;font-size:7px}.actual-results em{padding:1px 4px;font-size:5px}.actual-result-meta{color:var(--bl-muted);font-size:5px}.actual-menu{width:min(100%,118px);padding:4px;border-radius:6px;background:var(--bl-surface)}.actual-menu>span{display:flex;align-items:center;gap:5px;padding:4px;border-radius:4px;font-size:6px}.actual-menu>span.active{background:color-mix(in srgb,var(--bl-orange) 11%,var(--bl-surface));color:var(--bl-orange);font-weight:800}.actual-dialog{width:min(100%,118px);padding:7px}.actual-dialog b{font-size:8px}.actual-dialog span{font-size:6px}.actual-dialog>i{display:flex;gap:3px}.actual-dialog em{flex:1;padding:4px;font-size:6px;text-align:center}.actual-dialog em:first-child{border:1px solid var(--bl-border);background:var(--bl-surface);color:var(--bl-text)}.actual-sheet{width:min(100%,118px);min-height:57px;padding:6px;border-radius:8px 8px 5px 5px;background:var(--bl-surface);box-shadow:0 -4px 12px #11212f1a}.actual-sheet>b{font-size:8px}.actual-sheet>span{display:flex;align-items:center;justify-content:space-between;padding:3px 0;border-top:1px solid var(--bl-border);color:var(--bl-text);font-size:6px}.actual-batch{width:min(100%,145px);min-height:28px;padding:4px;border:1px solid color-mix(in srgb,var(--bl-orange) 44%,var(--bl-border));border-radius:7px;background:var(--bl-surface)}.actual-batch b,.actual-batch span{display:inline-flex;align-items:center;gap:3px;padding:4px 5px;font-size:6px}.actual-batch>i{font-size:10px}.actual-navigator{width:min(100%,132px);padding:5px;border-radius:7px;background:var(--bl-surface);box-shadow:0 5px 14px #11212f1a}.actual-navigator>b{display:inline-flex;align-items:center;gap:4px;font-size:7px}.actual-navigator-switch{display:grid!important;grid-template-columns:1fr 1fr;gap:2px;padding:3px!important;background:var(--bl-surface-subtle)!important}.actual-navigator-switch em,.actual-navigator-switch i{display:grid;place-items:center;padding:3px;border-radius:3px;font-size:6px;font-style:normal}.actual-navigator-switch em{background:var(--bl-orange);color:#fff}.actual-navigator>strong,.actual-navigator>span:not(.actual-navigator-switch){display:flex;align-items:center;gap:4px;padding:3px;border-radius:3px;font-size:6px}.actual-navigator>strong{background:color-mix(in srgb,var(--bl-orange) 12%,var(--bl-surface))}.actual-navigator>span.active{border-left:2px solid var(--bl-orange);background:var(--bl-surface-subtle)}.actual-navigator small{margin-left:auto;font-size:5px}.actual-element-preview.is-dark .actual-header,.actual-element-preview.is-dark .actual-footer,.actual-element-preview.is-dark .actual-toolbar,.actual-element-preview.is-dark .actual-nav,.actual-element-preview.is-dark .actual-sidebar,.actual-element-preview.is-dark .actual-modal,.actual-element-preview.is-dark .actual-resource-detail,.actual-element-preview.is-dark .actual-card,.actual-element-preview.is-dark .actual-list-row,.actual-element-preview.is-dark .actual-menu,.actual-element-preview.is-dark .actual-dialog,.actual-element-preview.is-dark .actual-sheet,.actual-element-preview.is-dark .actual-batch,.actual-element-preview.is-dark .actual-navigator{border-color:#ffffff21;background:#183047;color:#e5edf6}.actual-element-preview.is-dark .actual-card-preview,.actual-element-preview.is-dark .actual-stage,.actual-element-preview.is-dark .actual-navigator-switch{background:#102238!important}.actual-element-preview.is-dark .actual-card-copy small,.actual-element-preview.is-dark .actual-footer small,.actual-element-preview.is-dark .actual-modal-summary,.actual-element-preview.is-dark .actual-location,.actual-element-preview.is-dark .actual-result-meta{color:#b7c7d7}.bl-footer{position:fixed;right:0;bottom:0;left:0;z-index:180;min-height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:10px 28px;border-top:1px solid var(--bl-border);background:color-mix(in srgb,var(--bl-canvas) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--bl-muted);font-size:11px;transform:translateY(calc(100% - 10px));opacity:.34;transition:transform .18s ease,opacity .18s ease}.bl-footer:hover,.bl-footer:focus-within{transform:translateY(0);opacity:1}.bl-footer>span{display:flex;align-items:center;gap:7px}.bl-footer time{justify-self:end}.bl-footer button{display:inline-flex;align-items:center;gap:6px;padding:8px 17px;border:0;border-radius:999px;background:var(--bl-orange);color:#fff;font-size:11px;font-weight:700;cursor:pointer}.manual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.manual-grid article{min-height:180px;display:grid;align-content:center;justify-items:center;padding:18px;border:1px solid var(--bl-border);border-radius:14px;background:var(--bl-surface);text-align:center;box-shadow:var(--bl-shadow-card)}.manual-grid article>span{min-width:70px;min-height:70px;display:grid;place-items:center;border-radius:18px;background:var(--bl-surface-subtle);color:var(--bl-orange);font-size:22px;font-weight:800}.manual-grid h3{margin:12px 0 4px}.manual-grid p,.manual-note p{margin:0;color:var(--bl-muted);font-size:12px;line-height:1.5}.manual-note{margin-top:16px;padding:16px;border:1px solid rgba(249,115,22,.24);border-left:4px solid var(--bl-orange);border-radius:12px;background:#f973160f}.manual-note strong{display:block;margin-bottom:4px}.empty-state{padding:70px 20px;border:1px dashed var(--bl-border-strong);border-radius:14px;color:var(--bl-muted);text-align:center}@media(max-width:900px){.bl-app{grid-template-rows:auto auto minmax(300px,1fr) auto}.bl-header{grid-template-columns:auto 1fr;padding:7px 14px}.brand-title{justify-content:flex-start}.bl-header h1{text-align:left}.header-controls{grid-column:1 / -1;justify-self:stretch;justify-content:flex-end;padding-bottom:4px}.nav-primary{justify-content:flex-start;padding-inline:12px}.bl-content{padding:18px 14px 28px}.library-toolbar-wrap{bottom:58px}.library-navigator{top:0;right:0;bottom:0;width:min(330px,88vw);max-height:none;border-radius:18px 0 0 18px;opacity:0;pointer-events:none;transform:translate(105%);box-shadow:-18px 0 60px #11212f3d}.library-navigator.is-collapsed{opacity:0;transform:translate(105%)}.library-navigator.is-mobile-open{opacity:1;pointer-events:auto;transform:translate(0)}.library-navigator>header>button:not(.navigator-mobile-close){display:none}.navigator-mobile-close{display:grid!important}.navigator-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:450;display:block;border:0;background:#11212f70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.resource-collection.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}.resource-card.grid{min-height:190px}.grid .card-preview{min-height:116px}.bl-footer{grid-template-columns:1fr auto;padding-inline:14px 62px}.bl-footer time{grid-column:1 / -1;justify-self:start}}@media(max-width:520px){.brand-back{width:34px;height:34px;justify-content:center;padding:0;overflow:hidden;font-size:0}.brand-back svg{width:16px;height:16px}.brand-title{gap:7px}.brand-title>svg{width:28px;height:32px}.bl-header h1{font-size:20px}.header-controls{justify-content:space-between}.nav-primary button{padding-inline:12px;margin-right:8px}.library-toolbar{position:static;width:100%;justify-content:center;overflow-x:auto;scrollbar-width:none}.library-toolbar::-webkit-scrollbar{display:none}.library-navigator{top:auto;right:0;width:100%;max-height:78vh;border-radius:20px 20px 0 0;transform:translateY(105%);box-shadow:0 -18px 60px #11212f3d}.library-navigator.is-collapsed{opacity:0;transform:translateY(105%)}.library-navigator.is-mobile-open{opacity:1;transform:translateY(0)}.resource-collection.grid{grid-template-columns:1fr 1fr}.kb-content-toolbar{gap:10px;margin-bottom:14px}.kb-type-filter{width:100%}.kb-type-filter button{flex:1 0 auto}.card-copy{padding-inline:10px 34px}.card-copy code{font-size:8px}.bl-content{padding:16px 12px 84px}.search-overlay{right:12px;top:auto;bottom:78px;width:calc(100vw - 24px);transform:none}.modal-backdrop{padding:8px;align-items:end}.resource-modal{width:100%;max-height:calc(100vh - 16px);border-radius:18px}.modal-actions{grid-template-columns:1fr}.bl-footer{position:static;transform:none;opacity:1;padding:10px 12px 80px;grid-template-columns:1fr}.bl-footer time,.bl-footer button{justify-self:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.resource-card:hover,.library-toolbar button:hover,.logout-button:hover,.modal-actions button:hover{transform:none}}.navigator-mobile-trigger{display:none;width:38px;height:38px;place-items:center;border:1px solid rgba(249,115,22,.24);border-radius:10px;background:#f9731614;color:var(--bl-orange);cursor:pointer}.navigator-mobile-trigger .nav-resource-icon{width:20px;height:20px}@media(max-width:900px){.bl-header{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;min-height:62px;padding:8px 12px}.brand-title{justify-content:center;min-width:0}.brand-title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(18px,4.5vw,26px)}.header-controls{grid-column:auto;justify-self:end;justify-content:flex-end;padding-bottom:0;gap:6px}.navigator-mobile-trigger{display:grid}.nav-primary{min-height:44px;padding-inline:8px;scroll-padding-inline:8px}.nav-primary button{min-height:44px;margin-right:6px;padding:10px 12px 9px}.bl-content{padding:14px 12px calc(116px + env(safe-area-inset-bottom))}.library-toolbar-wrap{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;width:auto;max-width:none;transform:none}.library-toolbar-wrap.is-collapsed{right:12px;left:auto;width:44px;min-height:44px}.library-toolbar{width:100%;min-height:54px;justify-content:center;gap:5px;padding:6px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.library-toolbar::-webkit-scrollbar{display:none}.library-toolbar button{width:40px;height:40px;border-radius:10px}.library-toolbar>.toolbar-divider{height:28px}.toolbar-collapse-tab{top:auto;right:4px;bottom:calc(100% + 4px);left:auto;width:36px!important;transform:none;border:1px solid rgba(249,115,22,.18)!important;border-radius:9px!important}.toolbar-collapse-tab svg{transform:rotate(-90deg)}.library-toolbar-wrap.is-collapsed .toolbar-collapse-tab{width:44px!important;height:44px!important}.library-navigator{z-index:470}.navigator-backdrop{z-index:460}.library-navigator:not(:hover):not(:focus-within) .navigator-kind-filter,.library-navigator:not(:hover):not(:focus-within) .navigator-group:not(.active),.library-navigator:not(:hover):not(:focus-within) .navigator-group.active .navigator-subcategories button:not(.compact-visible){display:grid}.library-navigator:not(:hover):not(:focus-within) .navigator-list{overflow-y:auto}.search-overlay{position:fixed;top:auto;right:12px;bottom:calc(82px + env(safe-area-inset-bottom));left:12px;z-index:430;width:auto;margin:0}.resource-collection.list .resource-card{grid-template-columns:minmax(88px,118px) minmax(0,1fr)}.resource-modal{max-height:calc(100dvh - 24px)}}@media(max-width:640px){.segmented-control button{padding-inline:9px}.theme-toggle span{width:27px;height:27px}.logout-button{width:34px;height:34px}.nav-primary button{font-size:12px}.resource-collection.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.resource-card.grid{min-height:174px}.grid .card-preview{min-height:102px}.section-heading{gap:7px}.section-heading h2{font-size:16px}.section-heading h3{font-size:13px}.resource-modal>header{padding:18px 48px 12px 16px}.modal-preview,.modal-code,.modal-actions,.related-variants{margin-inline:0}.related-variants{padding-inline:16px}.related-variants .related-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}.related-variants button{width:100%}}@media(max-width:520px){.bl-header{grid-template-columns:auto 1fr auto}.brand-title h1{display:none}.brand-title>svg{width:34px;height:38px}.header-controls .segmented-control{display:none}.header-controls{gap:5px}.nav-primary{justify-content:flex-start}.nav-primary button{flex:0 0 auto}.library-toolbar{justify-content:flex-start}.library-navigator{max-height:min(82dvh,760px);padding-bottom:env(safe-area-inset-bottom)}.library-navigator>header{min-height:54px}.navigator-list{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.resource-collection.list .resource-card{grid-template-columns:78px minmax(0,1fr);min-height:82px}.resource-card.list .card-preview{min-height:80px}.modal-backdrop{padding:0}.resource-modal{width:100%;height:100dvh;max-height:100dvh;border-width:0;border-radius:0}.modal-actions{position:sticky;bottom:0;z-index:2;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bl-elevated) 95%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bl-footer{padding-bottom:calc(92px + env(safe-area-inset-bottom))}}@media(max-width:380px){.resource-collection.grid{grid-template-columns:1fr}.brand-back{width:32px;height:32px}.navigator-mobile-trigger,.logout-button{width:34px;height:34px}.library-toolbar button{width:38px;height:38px}.toolbar-view-toggle button{width:36px;height:36px}}.mobile-header-menu-wrap,.mobile-navigator-bar{display:none}@media(max-width:900px){.bl-header{grid-template-columns:auto auto minmax(0,1fr) auto}.brand-back{grid-column:1}.brand-title{grid-column:2 / 4;justify-content:flex-start}.desktop-header-controls{display:none}.mobile-header-menu-wrap{position:relative;grid-column:4;display:block;justify-self:end}.mobile-menu-trigger{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--bl-border);border-radius:11px;background:var(--bl-surface);color:var(--bl-text)}.mobile-header-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:520;width:min(250px,calc(100vw - 24px));display:grid;gap:8px;padding:12px;border:1px solid var(--bl-border);border-radius:14px;background:var(--bl-elevated);box-shadow:0 18px 48px #11212f33}.mobile-header-menu .segmented-control{width:100%}.mobile-header-menu .segmented-control button{flex:1}.mobile-menu-language-row{display:grid;gap:8px;padding:10px 12px;border:1px solid var(--bl-border);border-radius:10px;background:var(--bl-surface)}.mobile-menu-row-label{display:flex;align-items:center;gap:10px;color:var(--bl-text);font-weight:650}.mobile-menu-row{width:100%;min-height:44px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--bl-border);border-radius:10px;background:var(--bl-surface);color:var(--bl-text);font-weight:650;text-align:left}.nav-primary{display:none}.mobile-navigator-bar{position:sticky;top:var(--bl-header-height, 62px);z-index:180;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid var(--bl-border);background:color-mix(in srgb,var(--bl-elevated) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-navigator-bar>div{min-width:0;display:flex;align-items:center;gap:9px}.mobile-navigator-bar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-navigator-bar>button{min-height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid rgba(249,115,22,.25);border-radius:10px;background:#f9731617;color:var(--bl-orange);font-weight:700}.mobile-navigator-bar>button[aria-expanded=true] svg{transform:rotate(90deg)}.library-navigator{position:fixed;top:124px;right:50%;bottom:auto;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 148px);border-radius:16px;opacity:0;pointer-events:none;transform:translate(50%,-12px);box-shadow:0 18px 60px #11212f3d}.library-navigator.is-collapsed{opacity:0;transform:translate(50%,-12px)}.library-navigator.is-mobile-open{opacity:1;pointer-events:auto;transform:translate(50%)}.navigator-backdrop{top:124px}.navigator-collapse-tab{display:none}}@media(max-width:520px){.bl-header{grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px}.brand-back{width:34px}.brand-back span{display:none}.brand-title{grid-column:2 / 4;gap:7px}.brand-title h1{display:block;font-size:clamp(15px,4.2vw,19px)}.brand-title>svg{width:29px;height:33px}.mobile-menu-trigger{width:36px;height:36px}.mobile-navigator-bar{top:60px}.library-navigator{top:113px;width:calc(100vw - 20px);max-height:calc(100dvh - 125px);border-radius:15px}.navigator-backdrop{top:113px}}@media(min-width:901px){.library-navigator.is-page-scrolled:not(:hover):not(:focus-within){background:#ffffff2e;border-color:#d8e5ee57;-webkit-backdrop-filter:blur(2px) saturate(104%);backdrop-filter:blur(2px) saturate(104%);box-shadow:0 5px 16px #11212f0b}[data-bl-theme=dark] .library-navigator.is-page-scrolled:not(:hover):not(:focus-within){background:#0a18253d;border-color:#ffffff0e;-webkit-backdrop-filter:blur(2px) saturate(102%);backdrop-filter:blur(2px) saturate(102%);box-shadow:0 5px 16px #00000017}.library-navigator.is-page-scrolled:not(:hover):not(:focus-within)>header,.library-navigator.is-page-scrolled:not(:hover):not(:focus-within) .navigator-module-filter,.library-navigator.is-page-scrolled:not(:hover):not(:focus-within) .navigator-kind-filter,.library-navigator.is-page-scrolled:not(:hover):not(:focus-within) .navigator-category,.library-navigator.is-page-scrolled:not(:hover):not(:focus-within) .navigator-subcategories button{background-color:transparent}.library-navigator.is-page-scrolled:hover,.library-navigator.is-page-scrolled:focus-within{background:#ffffffeb;-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%)}[data-bl-theme=dark] .library-navigator.is-page-scrolled:hover,[data-bl-theme=dark] .library-navigator.is-page-scrolled:focus-within{background:#132234f0}}.component-mobile-preview,.actual-mobile-header,.actual-mobile-menu{width:min(100%,300px)}.actual-mobile-header{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:8px;padding:8px;border:1px solid var(--bl-border);border-radius:10px;background:var(--bl-surface)}.actual-mobile-header>span{display:flex;justify-content:center;align-items:center;gap:6px;min-width:0}.actual-mobile-header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.actual-mobile-header>i{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--bl-border);border-radius:8px}.actual-mobile-menu{display:grid;gap:5px;padding:7px;border:1px solid var(--bl-border);border-radius:10px;background:var(--bl-elevated)}.actual-mobile-menu>span{display:flex;align-items:center;gap:6px;min-height:25px;padding:0 7px;border:1px solid var(--bl-border);border-radius:7px;background:var(--bl-surface);font-size:8px}.actual-mobile-menu em{margin-left:auto;font-style:normal;opacity:.7}@media(max-width:900px){.bl-header{z-index:700}.mobile-header-menu-wrap{z-index:730}.mobile-header-menu{position:fixed;top:calc(var(--bl-header-height, 62px) - 2px);right:12px;z-index:760}.mobile-menu-desktop-icon{display:inline-flex;align-items:center;padding:2px;border:1px solid var(--bl-border);border-radius:999px}.mobile-menu-desktop-icon>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;opacity:.55}.mobile-menu-desktop-icon>span.active{opacity:1;background:#f973161f;color:var(--bl-orange)}.mobile-menu-logout-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--bl-border);border-radius:9px}.mobile-navigator-bar{width:100%;grid-template-columns:1fr auto;cursor:pointer;color:var(--bl-text);text-align:left}.mobile-navigator-bar>span{display:flex;justify-content:center;align-items:center;gap:9px;min-width:0}.mobile-navigator-bar>svg{color:var(--bl-orange);transition:transform .2s ease}.mobile-navigator-bar[aria-expanded=true]>svg{transform:rotate(90deg)}}@media(max-width:520px){.bl-header{grid-template-columns:40px minmax(0,1fr) 40px}.brand-back{grid-column:1}.brand-title{grid-column:2;justify-self:center;width:100%;justify-content:center}.mobile-header-menu-wrap{grid-column:3}}.modal-backdrop{z-index:1200}.resource-modal{z-index:1201}.demo-code-block{width:min(240px,82%);display:block;padding:12px 14px;border:1px solid var(--bl-border-strong);border-radius:10px;background:#0f172a;color:#e2e8f0;text-align:left;overflow:hidden}.demo-code-block code{font:600 9px/1.55 DM Mono,monospace;white-space:normal}.demo-avatar{position:relative;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--bl-orange),#ffb16f);color:#fff;font-weight:800;font-size:24px;box-shadow:0 8px 22px #f9731638}.demo-avatar i{position:absolute;right:1px;bottom:2px;width:14px;height:14px;border:3px solid var(--bl-surface);border-radius:50%;background:#22c55e}.demo-data-table{width:min(250px,88%);display:grid;grid-template-columns:1.5fr 1fr;border:1px solid var(--bl-border-strong);border-radius:9px;overflow:hidden;font-size:8px;text-align:left}.demo-data-table>*{padding:6px 8px;border-right:1px solid var(--bl-border);border-bottom:1px solid var(--bl-border)}.demo-data-table b{background:var(--bl-surface-subtle);color:var(--bl-text)}.mobile-header-actions{display:none}@media(max-width:900px){.bl-header{grid-template-columns:auto minmax(0,1fr) auto}.brand-back{grid-column:1}.brand-title{grid-column:2;justify-content:center;min-width:0}.mobile-header-menu-wrap{display:none!important}.mobile-header-actions{grid-column:3;display:flex;justify-self:end;align-items:center;gap:5px}.mobile-header-actions button{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--bl-border);border-radius:11px;background:color-mix(in srgb,var(--bl-surface) 86%,transparent);color:var(--bl-text);box-shadow:0 3px 12px #11212f0f}.mobile-header-actions small{position:absolute;right:2px;bottom:1px;min-width:15px;padding:1px 3px;border-radius:999px;background:var(--bl-orange);color:#fff;font-size:6px;font-weight:800;line-height:1.2}.mobile-navigator-bar{transition:background .18s ease,backdrop-filter .18s ease,border-color .18s ease}.mobile-navigator-bar.is-page-scrolled{background:color-mix(in srgb,var(--bl-elevated) 52%,transparent);-webkit-backdrop-filter:blur(4px) saturate(108%);backdrop-filter:blur(4px) saturate(108%);border-bottom-color:color-mix(in srgb,var(--bl-border) 58%,transparent)}[data-bl-theme=dark] .mobile-navigator-bar.is-page-scrolled{background:#0d1a277a}.bl-footer{margin-top:auto;width:100%}}@media(max-width:520px){.bl-header{grid-template-columns:42px minmax(0,1fr) auto;padding-inline:12px;gap:8px}.brand-title{grid-column:2;justify-content:center}.brand-title h1{display:none}.brand-title>svg{width:34px;height:38px}.mobile-header-actions{gap:3px}.mobile-header-actions button{width:34px;height:34px;border-radius:10px}.modal-backdrop{z-index:1400}.resource-modal{z-index:1401;padding-top:env(safe-area-inset-top)}.resource-modal>header{position:relative;z-index:2;background:inherit}.modal-close{position:sticky;top:calc(env(safe-area-inset-top) + 8px);z-index:4}.bl-footer{position:static;min-height:auto;transform:none;opacity:1;display:grid;gap:12px;padding:24px 20px calc(112px + env(safe-area-inset-bottom));background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.bl-footer>span,.bl-footer button,.bl-footer time{justify-self:start}}@media(max-width:900px){.bl-app{min-height:100dvh;display:flex;flex-direction:column}.bl-header{flex:0 0 auto}.mobile-navigator-bar{flex:0 0 auto;top:50px;margin:0;border-top:0}.mobile-navigator-bar.is-page-scrolled{background:color-mix(in srgb,var(--bl-elevated) 20%,transparent);-webkit-backdrop-filter:blur(1.5px) saturate(102%);backdrop-filter:blur(1.5px) saturate(102%);border-bottom-color:color-mix(in srgb,var(--bl-border) 34%,transparent);box-shadow:none}[data-bl-theme=dark] .mobile-navigator-bar.is-page-scrolled{background:#0916222e;border-bottom-color:#ffffff0a}.bl-content{flex:1 0 auto;width:100%}.bl-footer{flex:0 0 auto;width:100%;margin-top:24px}}@media(max-width:520px){.bl-header{min-height:58px}.bl-header.is-scrolled{min-height:50px}.mobile-navigator-bar{top:50px;min-height:50px;padding-block:8px}.modal-backdrop{align-items:stretch;padding:0}.resource-modal{position:relative;padding-top:env(safe-area-inset-top)}.resource-modal>header{padding-right:58px}.modal-close{position:fixed;top:calc(env(safe-area-inset-top) + 10px);right:12px;left:auto;z-index:1505}.bl-content{padding-bottom:calc(128px + env(safe-area-inset-bottom))}.bl-footer{position:relative;inset:auto;display:grid;grid-template-columns:1fr;gap:14px;min-height:0;margin-top:28px;padding:24px 20px calc(132px + env(safe-area-inset-bottom));transform:none;opacity:1;background:color-mix(in srgb,var(--bl-canvas) 96%,transparent);border-top:1px solid var(--bl-border);-webkit-backdrop-filter:none;backdrop-filter:none}.bl-footer>span,.bl-footer button,.bl-footer time{justify-self:start}}@media(max-width:520px){.bl-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin-top:20px;padding:22px 20px calc(118px + env(safe-area-inset-bottom));text-align:center}.bl-footer>span{justify-content:center;justify-self:auto;gap:9px;width:100%;font-size:13px}.bl-footer>span svg{flex:0 0 auto}.bl-footer button{justify-self:auto;align-self:center;min-height:42px;padding:10px 20px;font-size:13px}.bl-footer time{justify-self:auto;align-self:center;font-size:11px;line-height:1.4}}@media(max-width:900px){.mobile-navigator-bar,.mobile-navigator-bar.is-page-scrolled{background:#ffffff1a;backdrop-filter:blur(2px) saturate(104%);-webkit-backdrop-filter:blur(2px) saturate(104%);border-bottom-color:#d8e5ee47;box-shadow:none}[data-bl-theme=dark] .mobile-navigator-bar,[data-bl-theme=dark] .mobile-navigator-bar.is-page-scrolled{background:#0916221f;border-bottom-color:#ffffff0d}}@media(max-width:900px){.mobile-navigator-bar,.mobile-navigator-bar.is-page-scrolled{background:transparent;backdrop-filter:blur(.5px);-webkit-backdrop-filter:blur(.5px);border-bottom-color:color-mix(in srgb,var(--bl-border) 22%,transparent);box-shadow:none}[data-bl-theme=dark] .mobile-navigator-bar,[data-bl-theme=dark] .mobile-navigator-bar.is-page-scrolled{background:transparent;border-bottom-color:#ffffff09}}