.btt-builder{--btt-text: var(--ducky-color-text, #111827);--btt-text-strong: var(--ducky-color-textStrong, #111827);--btt-muted: var(--ducky-color-textMuted, #6b7280);--btt-surface: var(--ducky-color-surface, #ffffff);--btt-canvas: var(--ducky-color-bgMuted, #e5e7eb);--btt-border: var(--ducky-color-border, #d1d5db);--btt-border-soft: var(--ducky-color-borderMuted, #e5e7eb);--btt-hover: var(--ducky-color-hover, #f3f4f6);--btt-primary: var(--ducky-color-primary, #2563eb);--btt-primary-border: var(--ducky-color-primaryBorder, #1d4ed8);--btt-on-primary: var(--ducky-color-accentOn, #ffffff);--btt-danger: var(--ducky-color-danger, #dc2626);--btt-danger-bg: var(--ducky-color-dangerBg, #fef2f2);--btt-danger-border: var(--ducky-color-dangerBorder, #fecaca);--btt-success: var(--ducky-color-success, #10b981);--btt-success-hover: var(--ducky-color-successHover, #059669);--btt-focus: var(--ducky-color-focus, #3b82f6);--btt-shadow: var(--ducky-shadow-sm, 0 2px 4px rgba(0, 0, 0, .05));--btt-shadow-page: var(--ducky-shadow-lg, 0 10px 25px rgba(0, 0, 0, .1));--btt-font: var(--ducky-font-body, system-ui, -apple-system, sans-serif);--btt-font-letter: "Comic Sans MS", var(--ducky-font-body, sans-serif);--btt-font-math: "Courier New", Courier, var(--ducky-font-mono, monospace);--btt-radius: var(--ducky-radius-sm, 6px);--btt-chrome-h: 3.75rem;font-family:var(--btt-font);color:var(--btt-text);margin:0;width:100%;min-height:0}.btt-builder .builder-app{display:flex;flex-direction:column;height:calc(100dvh - var(--btt-chrome-h));min-height:28rem;background:var(--btt-canvas)}.btt-builder .builder-toolbar{background:var(--btt-surface);padding:.75rem 1.25rem;border-bottom:1px solid var(--btt-border);display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center;box-shadow:var(--btt-shadow);z-index:10}.btt-builder .toolbar-group{display:flex;align-items:center;gap:.5rem;padding-right:1.25rem;border-right:1px solid var(--btt-border-soft)}.btt-builder .toolbar-group:last-child{border-right:none}.btt-builder .toolbar-group>span{font-size:.85rem;font-weight:600;color:var(--btt-muted);text-transform:uppercase;letter-spacing:.5px}.btt-builder .tool-btn{background:var(--btt-hover);border:1px solid var(--btt-border);border-radius:var(--btt-radius);padding:.375rem .75rem;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;color:var(--btt-text);transition:background var(--ducky-transition-fast, .15s),border-color var(--ducky-transition-fast, .15s)}.btt-builder .tool-btn:hover{background:var(--btt-canvas);border-color:var(--btt-muted)}.btt-builder .tool-btn.danger{color:var(--btt-danger);background:var(--btt-danger-bg);border-color:var(--btt-danger-border)}.btt-builder .tool-btn.danger:hover{filter:brightness(.97)}.btt-builder .tool-btn.primary{color:var(--btt-on-primary);background:var(--btt-primary);border-color:var(--btt-primary-border)}.btt-builder .tool-btn.primary:hover{filter:brightness(.95)}.btt-builder .toolbar-tip{font-size:.85rem;color:var(--btt-muted);margin-left:auto;font-style:italic}.btt-builder .builder-canvas-area{flex:1 1 auto;min-height:0;overflow:auto;padding:2.5rem 1.25rem;display:flex;flex-direction:column;align-items:center;background-image:radial-gradient(var(--btt-border) 1px,transparent 0);background-size:20px 20px}.btt-builder .zoom-wrapper{transform-origin:top center;transition:transform .1s ease-out;display:flex;flex-direction:column;gap:2.5rem;align-items:center}.btt-builder .worksheet-page{width:210mm;height:297mm;background:var(--btt-surface);box-shadow:var(--btt-shadow-page);position:relative;overflow:hidden;flex-shrink:0;border:1px solid var(--btt-border)}.btt-builder .page-indicator{position:absolute;bottom:-1.875rem;left:50%;transform:translate(-50%);font-size:.85rem;color:var(--btt-muted);font-weight:500}.btt-builder .drag-element{position:absolute;cursor:move;user-select:none;min-width:30px;min-height:30px;border:2px dashed transparent;box-sizing:border-box;display:inline-block}.btt-builder .drag-element:hover{border-color:var(--btt-muted)}.btt-builder .drag-element.selected{border-color:var(--btt-focus);z-index:100}.btt-builder .drag-element [contenteditable=true]{cursor:text;outline:none;border-bottom:2px solid var(--btt-focus)}.btt-builder .type-letter{font-size:120px;font-weight:700;line-height:1;font-family:var(--btt-font-letter);text-align:center}.btt-builder .type-text{font-size:24px;font-family:var(--btt-font-letter);white-space:pre-wrap;padding:5px}.btt-builder .type-math{font-size:40px;font-family:var(--btt-font-math);font-weight:700;padding:10px}.btt-builder .type-image{display:flex}.btt-builder .type-image img{width:100%;height:100%;object-fit:contain;pointer-events:none}.btt-builder .cycle-btn{position:absolute;width:28px;height:28px;background:var(--btt-success);color:var(--btt-on-primary);border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:14px;top:50%;transform:translateY(-50%);box-shadow:var(--btt-shadow);z-index:101;user-select:none}.btt-builder .cycle-btn:hover{background:var(--btt-success-hover)}.btt-builder .drag-element.type-letter.selected .cycle-prev{display:flex;left:-36px}.btt-builder .drag-element.type-letter.selected .cycle-next{display:flex;right:-36px}.btt-builder .resize-handle{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;background:var(--btt-focus);border-radius:50%;cursor:nwse-resize;display:none}.btt-builder .drag-element.selected .resize-handle{display:block}.btt-builder-modal.modal-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--btt-text-strong) 50%,transparent);display:flex;justify-content:center;align-items:center;z-index:9999}.btt-builder-modal.modal-overlay.hidden{display:none}.btt-builder-modal .modal-content{background:var(--btt-surface);padding:1.5rem;border-radius:var(--ducky-radius-md, 8px);width:350px;max-width:92vw;box-shadow:var(--ducky-shadow-modal, 0 20px 25px -5px rgba(0, 0, 0, .1));font-family:var(--btt-font);color:var(--btt-text)}.btt-builder-modal .modal-content h3{margin-top:0;margin-bottom:1rem;font-size:1.25rem;color:var(--btt-text-strong)}.btt-builder-modal .modal-radio-group{margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.btt-builder-modal .modal-input{padding:.375rem;border:1px solid var(--btt-border);border-radius:4px;width:60px;background:var(--btt-surface);color:var(--btt-text)}.btt-builder-modal .modal-input:disabled{background:var(--btt-hover);color:var(--btt-muted)}.btt-builder-modal .modal-actions{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:.75rem}.btt-builder-modal .modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.btt-builder-modal .modal-grid-full{grid-column:span 2}.btt-builder-modal .modal-label{display:block;font-size:.85rem;font-weight:700;color:var(--btt-text);margin-bottom:.25rem}.btt-builder-modal .modal-checkboxes{display:flex;flex-wrap:wrap;gap:.75rem}.btt-builder-modal .tool-btn{background:var(--btt-hover);border:1px solid var(--btt-border);border-radius:var(--btt-radius);padding:.375rem .75rem;font-size:.9rem;cursor:pointer;color:var(--btt-text)}.btt-builder-modal .tool-btn.primary{color:var(--btt-on-primary);background:var(--btt-primary);border-color:var(--btt-primary-border)}@media print{@page{size:A4;margin:0}html,body{margin:0!important;padding:0!important;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.site-header,.site-footer,.page-title,#ducky-page-title,.btt-builder .builder-toolbar,.btt-builder .page-indicator,.btt-builder-modal,[data-ducky-chat],.ducky-chat,.site-mobile-overlay{display:none!important}.btt-builder .builder-app{height:auto!important;min-height:0!important;display:block;background:transparent}.btt-builder .builder-canvas-area{padding:0!important;margin:0!important;background:none!important;overflow:visible!important;display:block}.btt-builder .zoom-wrapper{transform:none!important;gap:0!important;display:block;margin:0;padding:0}.btt-builder .worksheet-page{width:210mm!important;height:297mm!important;max-height:297mm!important;box-shadow:none!important;border:none!important;margin:0!important;overflow:hidden!important;break-after:page;page-break-after:always;break-inside:avoid;page-break-inside:avoid}.btt-builder .worksheet-page.print-last{break-after:auto;page-break-after:auto}.btt-builder .worksheet-page.no-print{display:none!important}.btt-builder .drag-element{border:none!important}.btt-builder .resize-handle,.btt-builder .cycle-btn{display:none!important}}
