.playground[data-v-37d6794b]{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:#f5f5f5;font-family:Segoe UI,system-ui,sans-serif}.header[data-v-37d6794b]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(135deg,#217346,#185c37);color:#fff;box-shadow:0 2px 8px #00000026}.title[data-v-37d6794b]{margin:0;font-size:20px;font-weight:600}.file-controls[data-v-37d6794b]{display:flex;align-items:center;gap:12px}.format-badge[data-v-37d6794b]{min-width:58px;padding:4px 8px;border:1px solid rgba(255,255,255,.36);border-radius:4px;color:#fff;font-size:12px;font-weight:600;text-align:center}.file-input[data-v-37d6794b]{padding:6px 12px;background:#fff;border:none;border-radius:4px;cursor:pointer}.toolbar[data-v-37d6794b]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border-bottom:1px solid #e0e0e0;flex-wrap:wrap}.toolbar-group[data-v-37d6794b]{display:flex;align-items:center;gap:8px}.toolbar-label[data-v-37d6794b]{font-size:13px;color:#555;font-weight:500}.toolbar-divider[data-v-37d6794b]{width:1px;height:24px;background:#e0e0e0;margin:0 8px}.checkbox-label[data-v-37d6794b]{display:flex;align-items:center;gap:4px;font-size:13px;color:#333;cursor:pointer}.checkbox-label input[data-v-37d6794b]{cursor:pointer}.input-number[data-v-37d6794b]{width:60px;padding:4px 8px;border:1px solid #ccc;border-radius:4px;font-size:13px}.input-cell-ref[data-v-37d6794b]{width:72px;padding:4px 8px;border:1px solid #ccc;border-radius:4px;font-size:13px;text-transform:uppercase}.input-cell-ref[data-v-37d6794b]:focus{outline:none;border-color:#217346}.input-number[data-v-37d6794b]:focus{outline:none;border-color:#217346}.btn[data-v-37d6794b]{padding:6px 12px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s}.btn-primary[data-v-37d6794b]{background:#fff;color:#217346;font-weight:500}.btn-primary[data-v-37d6794b]:hover{background:#f0f0f0}.btn-secondary[data-v-37d6794b]{background:#217346;color:#fff}.btn-secondary[data-v-37d6794b]:hover{background:#185c37}.btn-icon[data-v-37d6794b]{background:#f0f0f0;color:#333;min-width:50px}.btn-icon[data-v-37d6794b]:hover{background:#e0e0e0}.cell-info-panel[data-v-37d6794b]{padding:8px 20px;background:#e8f5e9;border-bottom:1px solid #c8e6c9;font-size:13px;color:#2e7d32}.status-panel[data-v-37d6794b]{padding:8px 20px;background:#f6f8fb;border-bottom:1px solid #d8dce3;color:#344054;font-size:13px}.cell-info-grid[data-v-37d6794b]{display:grid;grid-template-columns:repeat(4,max-content minmax(48px,auto));align-items:center;gap:6px 10px}.cell-info-grid span[data-v-37d6794b]{color:#476b4a}.render-area[data-v-37d6794b]{flex:1;padding:20px;overflow:hidden}.render-container[data-v-37d6794b]{width:100%;height:100%;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.render-container[data-format=docx][data-v-37d6794b],.render-container[data-format=pptx][data-v-37d6794b]{padding:24px;overflow:auto;background:#eef1f5}