@import "https://api.deckbuilder.dev.meridaux.nl/brand/tokens.css";html,body,#app{min-height:100vh;margin:0}body{background:var(--color-surface)}.shell[data-v-6d59b764]{flex-direction:column;min-height:100vh;display:flex}.topbar[data-v-6d59b764]{padding:var(--space-4) var(--space-8);background:var(--color-white);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.brand[data-v-6d59b764]{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--text-xl);color:var(--color-text-strong);text-decoration:none}main[data-v-6d59b764]{flex:1}.page[data-v-6d8785a3]{max-width:var(--max-width);padding:var(--space-8);margin:0 auto}.page-head[data-v-6d8785a3]{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}h1[data-v-6d8785a3]{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--text-2xl);color:var(--color-text-strong);margin:0}.new-form[data-v-6d8785a3]{gap:var(--space-2);display:flex}.new-form input[data-v-6d8785a3]{font-family:var(--font-sans);font-size:var(--text-base);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-text-strong);min-width:260px}.new-form input[data-v-6d8785a3]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}.btn-primary[data-v-6d8785a3]{font-family:var(--font-sans);font-weight:var(--fw-demi);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm);cursor:pointer;border:0}.btn-primary[data-v-6d8785a3]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-6d8785a3]:hover:not(:disabled){background:var(--color-primary-dark)}.muted[data-v-6d8785a3]{color:var(--color-text-muted)}.grid[data-v-6d8785a3]{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.dcard[data-v-6d8785a3]{gap:var(--space-2);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-family:var(--font-sans);flex-direction:column;display:flex}.dcard[data-v-6d8785a3]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-2)}.dcard-head[data-v-6d8785a3]{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.dcard-name[data-v-6d8785a3]{font-weight:var(--fw-demi);color:var(--color-text-strong);font-size:var(--text-md)}.dcard-del[data-v-6d8785a3]{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:22px;line-height:1}.dcard-del[data-v-6d8785a3]:hover{color:var(--color-error)}.dcard-meta[data-v-6d8785a3]{color:var(--color-text-muted);font-size:var(--text-sm)}.form[data-v-db0b96bb]{gap:var(--space-4);font-family:var(--font-sans);flex-direction:column;display:flex}.field[data-v-db0b96bb]{gap:var(--space-2);flex-direction:column;display:flex}.field-head[data-v-db0b96bb]{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}label[data-v-db0b96bb]{font-family:var(--font-sans);font-weight:var(--fw-demi);font-size:var(--text-sm);color:var(--color-text-strong)}.opt[data-v-db0b96bb]{font-weight:var(--fw-regular);color:var(--color-text-muted)}.size-picker[data-v-db0b96bb]{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.size-btn[data-v-db0b96bb]{font-family:var(--font-sans);font-size:10px;font-weight:var(--fw-demi);letter-spacing:var(--ls-wide);background:var(--color-white);color:var(--color-text-muted);border:0;border-left:1px solid var(--color-border);cursor:pointer;min-width:26px;padding:3px 7px}.size-btn[data-v-db0b96bb]:first-child{border-left:0}.size-btn[data-v-db0b96bb]:hover{background:var(--color-surface);color:var(--color-text)}.size-btn.active[data-v-db0b96bb]{background:var(--color-primary);color:var(--color-white)}input[data-v-db0b96bb],textarea[data-v-db0b96bb]{font-family:var(--font-sans);font-size:var(--text-base);padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-text-strong);resize:vertical}input[data-v-db0b96bb]:focus,textarea[data-v-db0b96bb]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}.list[data-v-db0b96bb]{gap:var(--space-2);flex-direction:column;display:flex}.list-row[data-v-db0b96bb]{gap:var(--space-2);align-items:stretch;display:flex}.list-row input[data-v-db0b96bb]{flex:1}.btn-row[data-v-db0b96bb]{border:1px solid var(--color-border-strong);background:var(--color-white);border-radius:var(--radius-sm);cursor:pointer;width:36px;color:var(--color-text);font-size:18px}.btn-row[data-v-db0b96bb]:hover{background:var(--color-surface)}.btn-add[data-v-db0b96bb]{padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-demi);border:1px dashed var(--color-border-strong);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-self:flex-start}.btn-add[data-v-db0b96bb]:hover{background:var(--color-surface)}.preview-stage[data-v-af10861b]{aspect-ratio:1;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;position:relative;overflow:hidden}.canvas-wrap[data-v-af10861b]{transform-origin:0 0;width:1080px;height:1080px;position:absolute;top:0;left:0}.canvas[data-v-af10861b]{background:#fff;border:0;width:1080px;height:1080px;display:block}.thumb[data-v-6ef23a69]{aspect-ratio:1;background:var(--color-surface);border-radius:var(--radius-sm);width:100%;position:relative;overflow:hidden}.thumb-canvas[data-v-6ef23a69]{transform-origin:0 0;pointer-events:none;width:1080px;height:1080px;position:absolute;top:0;left:0}.thumb-canvas iframe[data-v-6ef23a69]{background:var(--color-white);border:0;width:1080px;height:1080px;display:block}.thumb-loading[data-v-6ef23a69]{color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.deck[data-v-e1290e5a]{flex-direction:column;height:calc(100vh - 64px);display:flex}.deck-head[data-v-e1290e5a]{align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-6);background:var(--color-white);border-bottom:1px solid var(--color-border);display:flex}.back[data-v-e1290e5a]{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none}.back[data-v-e1290e5a]:hover{color:var(--color-primary)}.deck-title[data-v-e1290e5a]{flex:1}.name[data-v-e1290e5a],.name-input[data-v-e1290e5a]{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--text-xl);color:var(--color-text-strong);margin:0}.name[data-v-e1290e5a]{cursor:text}.name-input[data-v-e1290e5a]{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:100%;max-width:480px;padding:4px 8px}.deck-actions[data-v-e1290e5a]{align-items:center;gap:var(--space-4);display:flex}.save-state[data-v-e1290e5a]{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);text-align:right;min-width:110px}.save-state.saving[data-v-e1290e5a]{color:var(--color-primary)}.save-state.dirty[data-v-e1290e5a]{color:var(--color-warning-dark)}.save-state.saved[data-v-e1290e5a]{color:var(--color-success-dark)}.btn-ghost[data-v-e1290e5a]{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-demi);border:1px solid var(--color-border-strong);color:var(--color-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;background:0 0}.btn-ghost[data-v-e1290e5a]:hover{background:var(--color-surface);border-color:var(--color-error);color:var(--color-error)}.btn-export[data-v-e1290e5a]{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-demi);background:var(--color-primary);color:var(--color-white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;border:0}.btn-export[data-v-e1290e5a]:hover:not(:disabled){background:var(--color-primary-dark)}.btn-export[data-v-e1290e5a]:disabled{opacity:.5;cursor:not-allowed}.body[data-v-e1290e5a]{flex:1;grid-template-columns:260px 1fr;display:grid;overflow:hidden}.strip[data-v-e1290e5a]{background:var(--color-white);border-right:1px solid var(--color-border);padding:var(--space-4) var(--space-3);gap:var(--space-3);flex-direction:column;display:flex;overflow-y:auto}.strip-head[data-v-e1290e5a]{justify-content:space-between;align-items:center;display:flex}.strip-label[data-v-e1290e5a]{font-family:var(--font-sans);font-weight:var(--fw-demi);font-size:var(--text-sm);color:var(--color-text-strong)}.btn-add-slide[data-v-e1290e5a]{font-family:var(--font-sans);font-weight:var(--fw-demi);font-size:var(--text-sm);background:var(--color-primary);color:var(--color-white);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;border:0}.btn-add-slide[data-v-e1290e5a]:hover{background:var(--color-primary-dark)}.modal[data-v-e1290e5a]{padding:var(--space-6);z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel[data-v-e1290e5a]{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-4);flex-direction:column;width:100%;max-width:1100px;max-height:90vh;display:flex;overflow:hidden}.modal-head[data-v-e1290e5a]{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-head h2[data-v-e1290e5a]{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--text-xl);color:var(--color-text-strong);margin:0}.modal-close[data-v-e1290e5a]{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:26px;line-height:1}.modal-close[data-v-e1290e5a]:hover{color:var(--color-text-strong)}.gallery[data-v-e1290e5a]{gap:var(--space-4);padding:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid;overflow-y:auto}.gcard[data-v-e1290e5a]{gap:var(--space-2);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;font-family:var(--font-sans);text-align:left;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.gcard[data-v-e1290e5a]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-2)}.gcard-meta[data-v-e1290e5a]{align-items:center;display:flex}.gcard-name[data-v-e1290e5a]{font-size:var(--text-sm);color:var(--color-text-strong);font-weight:var(--fw-demi);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.code[data-v-e1290e5a]{font-family:var(--font-cond);font-weight:var(--fw-demi);font-size:var(--text-xs);letter-spacing:var(--ls-wide);color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-sm);margin-right:var(--space-2);text-align:center;min-width:24px;padding:2px 6px;display:inline-block}.slist[data-v-e1290e5a]{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sitem[data-v-e1290e5a]{gap:var(--space-2);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer;font-family:var(--font-sans);display:flex}.sitem[data-v-e1290e5a]:hover{border-color:var(--color-border-strong)}.sitem.active[data-v-e1290e5a]{border-color:var(--color-primary);background:var(--color-primary-xsubtle)}.sitem-main[data-v-e1290e5a]{flex:1;min-width:0}.sitem-head[data-v-e1290e5a]{justify-content:space-between;align-items:center;display:flex}.sitem-num[data-v-e1290e5a]{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-muted)}.sitem-text[data-v-e1290e5a]{font-size:var(--text-sm);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.sitem-actions[data-v-e1290e5a]{flex-direction:column;gap:2px;display:flex}.sitem-actions button[data-v-e1290e5a]{border:1px solid var(--color-border);cursor:pointer;width:22px;height:18px;color:var(--color-text-muted);background:0 0;border-radius:3px;padding:0;font-size:12px;line-height:1}.sitem-actions button[data-v-e1290e5a]:hover:not(:disabled){background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.sitem-actions button[data-v-e1290e5a]:disabled{opacity:.3;cursor:not-allowed}.workspace[data-v-e1290e5a]{gap:var(--space-8);padding:var(--space-8);box-sizing:border-box;grid-template-columns:380px 1fr;align-items:start;height:100%;display:grid;overflow:hidden}.form-pane[data-v-e1290e5a]{height:100%;padding-right:var(--space-2);overflow-y:auto}.preview-pane[data-v-e1290e5a]{justify-content:center;align-items:center;height:100%;display:flex}.preview-pane[data-v-e1290e5a] .preview-stage{max-width:100%;max-height:100%;width:min(100%, calc(100vh - 64px - var(--space-8) * 2 - 60px))}.workspace h2[data-v-e1290e5a]{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--text-xl);color:var(--color-text-strong);margin:0 0 var(--space-2)}.workspace h2 .code[data-v-e1290e5a]{font-family:var(--font-cond);font-weight:var(--fw-demi);color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-sm);margin-right:var(--space-2);vertical-align:middle;padding:2px 8px;font-size:.7em}.muted[data-v-e1290e5a]{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-6)}.empty[data-v-e1290e5a]{padding:var(--space-8);color:var(--color-text-muted)}