.fb-app{--fb-accent: #eb3963;--fb-accent-2: #a156cc;--fb-accent-soft: rgba(235, 57, 99, .1);--fb-border: #e4e7ec;--fb-border-strong: #d0d5dd;--fb-bg: #f7f8fa;--fb-surface: #ffffff;--fb-surface-2: #f7f8fa;--fb-text: #1f2430;--fb-muted: #6b7280;--fb-danger: #d92d20;--fb-shadow: 0 1px 2px rgba(16, 24, 40, .05);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--fb-text);max-width:1200px;margin:0 auto;padding:0 .5rem 2rem;box-sizing:border-box}.fb-app *,.fb-app *:before,.fb-app *:after{box-sizing:border-box}.fb-header{margin:.5rem 0 1.25rem}.fb-title{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.01em;color:var(--fb-text)}.fb-subtitle{margin:.35rem 0 0;font-size:.875rem;color:var(--fb-muted)}.fb-tabs{display:inline-flex;gap:.25rem;padding:.25rem;margin-bottom:1rem;border:1px solid var(--fb-border);border-radius:11px;background:var(--fb-surface-2)}.fb-tab{padding:.5rem .9rem;border:none;border-radius:8px;background:transparent;color:var(--fb-muted);font-size:.8125rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s,box-shadow .15s}.fb-tab:hover{color:var(--fb-text)}.fb-tab--active{background:var(--fb-accent);color:#fff;box-shadow:0 1px 2px #eb39634d}@media(max-width:600px){.fb-tabs{display:flex;width:100%}.fb-tab{flex:1;padding:.55rem .5rem}}.fb-dropzone{border:2px dashed var(--fb-border-strong);border-radius:14px;background:var(--fb-surface-2);padding:1.75rem 1rem;text-align:center;transition:border-color .15s,background .15s}.fb-dropzone--over{border-color:var(--fb-accent);background:var(--fb-accent-soft)}.fb-dropzone__text{margin:0;font-size:1rem;font-weight:600;color:var(--fb-text)}.fb-dropzone__hint{margin:.3rem 0 1rem;font-size:.75rem;color:var(--fb-muted)}.fb-dropzone__actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.fb-btn{padding:.55rem .95rem;border:1px solid var(--fb-border-strong);border-radius:9px;background:var(--fb-surface);color:var(--fb-text);font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap;min-height:40px;box-shadow:var(--fb-shadow);transition:border-color .15s,background .15s,transform .1s,box-shadow .15s}.fb-btn:hover:not(:disabled){border-color:var(--fb-accent);color:var(--fb-accent)}.fb-btn:active:not(:disabled){transform:translateY(1px)}.fb-btn:disabled{opacity:.45;cursor:not-allowed}.fb-btn--primary{background:var(--fb-accent);border-color:var(--fb-accent);color:#fff;box-shadow:0 1px 2px #eb39634d}.fb-btn--primary:hover:not(:disabled){background:#d62c55;border-color:#d62c55;color:#fff}.fb-btn--active{background:var(--fb-accent-soft);border-color:var(--fb-accent);color:var(--fb-accent)}.fb-btn--danger{color:var(--fb-danger);border-color:#f3c0bb;background:var(--fb-surface)}.fb-btn--danger:hover:not(:disabled){background:#fdf3f2;border-color:var(--fb-danger);color:var(--fb-danger)}.fb-btn--ghost{background:var(--fb-surface-2);border-color:var(--fb-border);color:var(--fb-muted);font-weight:600}.fb-btn--ghost:hover:not(:disabled){border-color:var(--fb-accent);color:var(--fb-accent)}.fb-btn--full{width:100%;margin-top:.5rem}.fb-message{min-height:1.25rem;margin:.75rem 0;font-size:.8125rem;color:var(--fb-accent)}.fb-workspace{display:grid;grid-template-columns:1fr 300px;gap:1rem;align-items:start}.fb-editor-wrap{min-width:0}.fb-canvas-frame{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:1rem;background:repeating-conic-gradient(#eceef2,#eceef2 25%,#fff 0%,#fff 50%) 50% / 16px 16px;border:1px solid var(--fb-border);border-radius:12px;overflow:auto;-webkit-overflow-scrolling:touch}.fb-canvas-empty{margin:0;font-size:.8125rem;color:var(--fb-muted)}.fb-editor-canvas{display:block;max-width:100%;height:auto;flex-shrink:0;box-shadow:0 2px 8px #1018281f;touch-action:none;cursor:grab}.fb-editor-hint{margin:.5rem 0 0;font-size:.6875rem;color:var(--fb-muted)}.fb-frames{margin-top:1rem;padding:.95rem;border:1px solid var(--fb-border);border-radius:12px;background:var(--fb-surface);box-shadow:var(--fb-shadow)}.fb-frames__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.fb-frames__hint{margin:.35rem 0 .6rem;font-size:.6875rem;color:var(--fb-muted)}.fb-frames__strip{display:flex;flex-wrap:wrap;gap:.5rem;min-height:64px;touch-action:none}.fb-frames__empty{margin:.4rem 0 0;font-size:.75rem;color:var(--fb-muted)}.fb-thumb{position:relative;width:64px;height:64px;border:1px solid var(--fb-border-strong);border-radius:8px;background:repeating-conic-gradient(#eceef2,#eceef2 25%,#fff 0%,#fff 50%) 50% / 10px 10px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.fb-thumb:active{cursor:grabbing}.fb-thumb--dragging{opacity:.6;border-color:var(--fb-accent);box-shadow:0 4px 12px #eb39634d}.fb-thumb--drop-target{border-color:var(--fb-accent);outline:2px solid var(--fb-accent);outline-offset:-2px}.fb-thumb__img{display:block;width:100%;height:100%;pointer-events:none}.fb-thumb__num{position:absolute;top:2px;left:2px;padding:0 .3rem;font-size:.625rem;font-weight:600;color:#fff;background:#111827a6;border-radius:4px;pointer-events:none}.fb-thumb__remove{position:absolute;top:1px;right:1px;width:18px;height:18px;padding:0;border:none;border-radius:4px;background:#1118278c;color:#fff;font-size:.9rem;line-height:1;cursor:pointer}.fb-thumb__remove:hover{background:var(--fb-danger)}.fb-thumb__toggle{position:absolute;bottom:1px;right:1px;width:18px;height:18px;padding:0;border:none;border-radius:4px;background:#1118278c;color:#fff;font-size:.75rem;line-height:1;cursor:pointer}.fb-thumb__toggle:hover{background:var(--fb-accent)}.fb-thumb--disabled .fb-thumb__img{opacity:.32;filter:grayscale(1)}.fb-thumb--disabled{border-style:dashed}.fb-thumb--disabled .fb-thumb__num{background:#11182773}.fb-sidebar{display:flex;flex-direction:column;gap:1rem;min-width:0}.fb-panel{padding:.95rem 1rem;border:1px solid var(--fb-border);border-radius:12px;background:var(--fb-surface);box-shadow:var(--fb-shadow)}.fb-panel-title{margin:0 0 .7rem;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--fb-muted)}.fb-grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem;margin-bottom:.6rem}.fb-field{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--fb-muted);min-width:0}.fb-field--full{width:100%}.fb-field-hint{margin:.35rem 0 .6rem;font-size:.6875rem;color:var(--fb-muted)}.fb-input{width:100%;padding:.5rem .6rem;border:1px solid var(--fb-border-strong);border-radius:7px;font-size:.875rem;background:var(--fb-surface);color:var(--fb-text);min-height:40px;transition:border-color .15s,box-shadow .15s}.fb-input:focus{outline:none;border-color:var(--fb-accent);box-shadow:0 0 0 3px var(--fb-accent-soft)}.fb-input:disabled{background:var(--fb-bg);color:var(--fb-muted);opacity:.8}.fb-stepper{display:flex;align-items:stretch;width:100%}.fb-stepper .fb-input--stepper{flex:1 1 auto;min-width:0;width:auto;border-radius:0;border-left:none;border-right:none;text-align:center;font-size:.8125rem;padding-left:.15rem;padding-right:.15rem}.fb-input--stepper::-webkit-outer-spin-button,.fb-input--stepper::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fb-input--stepper{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.fb-stepper__btn{flex:0 0 auto;width:34px;min-height:40px;padding:0;border:1px solid var(--fb-border-strong);background:var(--fb-surface-2);color:var(--fb-text);font-size:1.25rem;font-weight:600;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:background .12s,border-color .12s}.fb-stepper__btn--dec{border-radius:7px 0 0 7px}.fb-stepper__btn--inc{border-radius:0 7px 7px 0}.fb-stepper__btn:hover{border-color:var(--fb-accent);color:var(--fb-accent)}.fb-stepper__btn:active{background:var(--fb-accent-soft)}.fb-stepper:focus-within .fb-input--stepper{box-shadow:none}.fb-stepper:focus-within{border-radius:7px;box-shadow:0 0 0 3px var(--fb-accent-soft)}.fb-output{padding:.5rem .6rem;border:1px solid var(--fb-border-strong);border-radius:7px;background:var(--fb-surface-2);font-size:.875rem;font-weight:700;color:var(--fb-text);white-space:nowrap}.fb-check{display:flex;align-items:center;gap:.45rem;font-size:.8125rem;color:var(--fb-text);cursor:pointer;margin-bottom:.5rem}.fb-check input[type=checkbox],.fb-check input[type=radio]{width:18px;height:18px;accent-color:var(--fb-accent)}.fb-check--color{margin-bottom:0}.fb-color{width:36px;height:28px;padding:0;border:1px solid var(--fb-border-strong);border-radius:6px;background:var(--fb-surface);cursor:pointer}.fb-stat{font-size:.8125rem;color:var(--fb-muted)}.fb-stat strong{color:var(--fb-text)}.fb-preview-frame{display:flex;justify-content:center;padding:.75rem;background:repeating-conic-gradient(#eceef2,#eceef2 25%,#fff 0%,#fff 50%) 50% / 14px 14px;border:1px solid var(--fb-border);border-radius:10px;margin-bottom:.65rem}.fb-preview-canvas{display:block;width:160px;max-width:100%;height:auto;image-rendering:auto}.fb-preview-controls{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.fb-preview-controls .fb-btn{flex-shrink:0}.fb-app input[type=range]{width:100%;accent-color:var(--fb-accent)}.fb-export-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}.fb-export-actions .fb-btn{flex:1;min-width:120px}@media(max-width:1024px){.fb-workspace{grid-template-columns:1fr 260px}}@media(max-width:900px){.fb-workspace{grid-template-columns:1fr}.fb-sidebar{flex-direction:row;flex-wrap:wrap}.fb-panel{flex:1 1 260px}}@media(max-width:600px){.fb-app{padding:0 .35rem 2rem}.fb-title{font-size:1.25rem}.fb-dropzone{padding:1.1rem .75rem}.fb-dropzone__actions .fb-btn{flex:1 1 calc(50% - .25rem)}.fb-sidebar{flex-direction:column}.fb-panel{flex:1 1 auto}.fb-thumb{width:56px;height:56px}.fb-export-actions .fb-btn{flex:1 1 100%}}@media(max-width:380px){.fb-grid2{grid-template-columns:1fr}}.fb-split-modes{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.fb-split-controls--disabled{opacity:.55}.fb-split-controls--disabled .fb-input,.fb-split-controls--disabled .fb-check,.fb-split-controls--disabled .fb-split-run{pointer-events:none}.fb-split-info{display:block}.fb-split-info strong{color:var(--fb-text)}.fb-cards__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.6rem;margin-top:.4rem}.fb-card{border:1px solid var(--fb-border-strong);border-radius:9px;background:var(--fb-surface);padding:.4rem;display:flex;flex-direction:column;gap:.35rem}.fb-card__thumb{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;border-radius:6px;background:repeating-conic-gradient(#eceef2,#eceef2 25%,#fff 0%,#fff 50%) 50% / 10px 10px;overflow:hidden}.fb-card__thumb img{max-width:100%;max-height:100%;image-rendering:auto}.fb-card__meta{font-size:.6875rem;color:var(--fb-muted);text-align:center}.fb-card__dl{width:100%;min-height:32px;padding:.35rem .5rem;font-size:.75rem}